Kāds tīmekļa dizains tagad ir tendence. Gandrīz vizuālā realitāte. Ilgu ritināšanas funkcijas

Dažas tendences web dizaina aizstāj katru gadu, citi joprojām ir būtiski ilgu laiku. Mēs piedāvājam pilnu dizaineru tendenču sarakstu Šis gads ar lietošanas aprakstiem un ieteikumiem.

Ja neesat pirms laika, tad neizbēgami atpalika.

Laipni lūdzam 2016. gada tīmekļa dizaina tendenču ceļvedī!

Aprakstot katru no tendencēm, mēs izskaidrosim, kāpēc tas darbojas un kā jūs personīgi varēsiet tos apgūt. Mēs arī dodam vairāk nekā 40 piemērus, piemēram, domofons, Google, BeoPlay, Sennheiser un citi.

Mūsu pārskata plāns ir šāds:

1. Ievads

2. Mikroviļņi

4. Minimālisma dizains

5. Dzīvoklis un materiālu dizaina hibrīds

6. Sulīgs animācija

7. Tipogrāfija

8. Spilgtas krāsas

9. Long ritināšana

10. HD grafika

11. Ilustrācijas

12. SECINĀJUMI

Sāksim bez vadiem ar mācībām, cik maza mijiedarbība var radīt neaizmirstamus iespaidus apmeklētājiem.

MicroSimensions

Izšķirošais mobilajā lietojumprogrammu projektēšanā ir mikrotipu dizains vairāk nopietnu darbību plūsmā. Viņi parasti izskatās tik nenozīmīgi, ka lietotāji ir atrisināti, lai tos veiktu vispār bez domāšanas.

Iespējot / atspējot brīdinājumus, mainot krāsu pogu, nospiežot, skaņas paziņojumus, runājot par jaunu komentāru par savu attēlu vai kaut ko citu - visas šīs mazās lietas salociet kopējo attēlu lietotāja acīs, veido iespaidu, izmantojot lietojumprogrammu.

Ieguvumi no augstas kvalitātes mikroviļņu

• Jūs varat ātri apmācīt lietotājus mijiedarboties ar savu produktu;
• Komunikācijas statuss, izmaiņas un spēja vērst uzmanību uz noteiktām jomām;
• Atgriezeniskās saites nodrošināšana, pamatojoties uz pabeigtajām darbībām;
• Patīkamu elementu pievienošana, kas nebūs traucē iegūt galveno pieredzi mijiedarbību ar produktu;
• Nostiprināt stāvokli zīmolu ar ekskluzivitāti saskarnes;
• Apmierinot lietotāju vēlmes (mikroviļņi ir norma daudzām vietām un lietojumprogrammām). Protams, jūsu produktā viņi arī sagaidīs.

1. Mēs veidojam lietotāju ieradumu.

MicroSImensions ir galvenais komponents, lai attīstītu ieradumus no apmeklētājiem. Šis process sastāv no trim posteņiem:

• Signāls (mikrofons) - sprūda, uzsākot darbības;
• Atkārtotas darbības - pazīstamas lietotāja procedūrā;
• Award - pasākumu pabeigšanas rezultāts.

Piemēram, Red taisnstūris un balta ikona (sprūda) Facebook norāda uz jaunu ziņu klātbūtni. Lietotājs veic ikdienas darbību, noklikšķinot uz ikonas, lai tērzētu ar draugu (atalgojumu). Pēc kāda laika lietotājs redz šādas lietas, automātiski veic no tiem nepieciešamos pasākumus. Jo augstāks ir balva (motivācija), jo smagāks ieradums kļūst par smagāku ieradumu.

2. Dizains biežai lietošanai.

Tā kā mēs vēlamies veidot ieradumu izmantot mūsu produktu, jums ir nepieciešams izstrādāt dizainu elementiem, kas tiks izmantoti bieži. Kas sākumā var izskatīties interesanti un gudri, ar laiku tas var kļūt kaitinoši, skatīties pēc simtiem ciklu atkārtot rīcību. Mēģiniet pārtraukt embriju iespējamību šādas ietekmes.

3. Izveidojiet kopīgu vizuālo rindu ar produkta saskarni trigeriem.

Mēģiniet izveidot līdzīgus mikrovirzes dizaina elementus ar kopēju interfeisu. Piemēram, tāda pati krāsa, izmantojot tos pašus animācijas, veidlapas utt. Dizaina saskaņotība palielina atzīšanas pakāpi un stiprina zīmola individualitāti. Piemēram, Ņujorkas laikos izmantojiet savu logotipu kā sāknēšanas animāciju. Korporāts atpazīstams stilskas nesajauc neko citu.

4. Izmantojiet animācijas.

MicroSImensions ir ideāli elementi, lai ieviestu nelielu pielāgotu prieku dizainu. Animācijas padara tos dzīvīgākus, aizraujošus, un kustība pati par sevi piesaista uzmanību. Pēdējais, bieži, ir mūsu galvenais mērķis - interesēt. Vienkārši mēģiniet salīdzināt rezultātus pirms un pēc animāciju ieviešanas.

5. Izvairieties no nevēlamas mijiedarbības.

Kopēja kļūda ir saskarnes pārslodze ar lielu skaitu mikroinstacijām. Lai sāktu ar, attīstīt savu komplektu tikai pamatfunkcijas un apskatīt reakciju saviem lietotājiem. Visbiežāk sastopamās dizaina mijiedarbības punkti ir:

• Sāknēšanas ekrāni;
• Animācijas ilustrācijas, kas tiek aktivizētas, braucot peles kursoru.

Pozitīva lietotāja atbilde uz bāzes elementu animāciju ir signāls, lai pievienotu vairāk nekā to daudzumu.

6. Izmantojiet humoru savā tekstā.

Mikroviļņu krāsni, piemēram, pogas ar zvanu uz darbību vai citām interaktīvām reklāmām (piemēram, 404. lappuse) būs efektīvāka, ja tās uzlabos humoru. Dažās vietās jūs pat varat izmantot cilvēka balss ierakstu.

Kārtis

Mēs visi zinām, ka visa karšu efektivitāte joprojām ir sen pirms digitālā dizaina izskata ( vizītkartes, spēļu kārtis utt.). Viņu ideja ir tāda, ka vissvarīgākā informācija par vienu tēmu ir parakstīts vienā mazā traukā.

4. Iekraušanas animācija tiek šķērsota gaidīšana.

Ja jums nav iespēju noņemt lapas sāknēšanas joslu vai samazināt gaidīšanas laiku, interesanta animācija palīdzēs atvieglot šo procesu lietotāja acīs.

Tā vietā, lai izmantotu tradicionālos boot stienis ar displeja progresu iekraušanas procentos, mēģiniet piedāvāt savu auditoriju kaut ko garšīgāku un radošāku. Protams, labākais ceļš no situācijas ir vietnes optimizācija. Izmantojot boot bāru, ir ekstrēms risinājums. Ja tas nedara bez tā, labāk ir izrotāt ikdienas animācijas procesu.

Tipogrāfija

Augstākas izšķirtspējas ierīcēm, ātru internetu un jaunu tīmekļa fontu bibliotēku pieejamību ( Google fonti. , Adobe TypeKit uc) padarīt zelta laikmetu tipogrāfijas no mūsu laika.

Augstas kvalitātes tipogrāfijas priekšrocības

• Ekrānu pieaugošā izšķirtspēja nodrošina lielākas iespējas, lai īstenotu interesantas drukas idejas;
• Spēja uzsvērt zīmola unikalitāti, padara to atpazīstamu, jo izmantoto fontu;
• Teksta satura ietekmes uzlabošana;
• Instruments vizuālā elementa hierarhijas veidošanai, ir īpaši svarīgi izcelt CTA (aicinājumu rīkoties) instrumentus.

Lietošanas principi

1. Vecāk ir aukstums.

NEKAD upurēt skaidrību par "labāko" fontu - drukas stili nedarbojas, ja jūs nevarat lasīt rakstīts.

2. Vienkāršs, bet iespaidīgs fonts.

Vienkārša tipogrāfija ir vieglāka lasīšana un slodze ātrāk, nemaz nerunājot par to, ka tas ir nepieciešams, lai padarītu minimālisma stilus. Pievērsiet uzmanību šādiem:

Palielinot fonta lielumu;

Kontrastē fonta krāsu un to apkārtējo fonu;

Izmantojiet tauku fontus galvenajās vietās.

"Iespaidīgu" un "ziedu" jēdzieni nedrīkst sajaukt. Vienkārši fonti palīdz nodot domu pārliecību un skaidru.

3. Kompleksie un vienkāršie fonti: Serif no Sans Serif.

Pārliecinoši pierādījumi, ka viens no tiem vienmēr izceļ otru. Tas ir tikai stila jautājums, ne vairāk. Kompleksie fonti padara tekstu bagātāku, formālu un vienkāršu labi apvienotu ar minimālismu.

Populāri Sans Serif Fonti:

1. Proxima Nova.
2. Futura.
3. Avenir.
4. Atvērtie sans.
5. Helvetica neue.
6. Populāri serif fonti:
7. Caslon.
8. Garamond.
9. Kravu teksts.
10. Minion.
11. Ff meta Serif.

5. Pārklājošie rokraksta fonti.

Šādi fonti ir labs papildinājums tiem, kas vēlas izveidot "mājas" stilu. Tā kā šādas tipogrāfijas saprotamība ir ļoti liela jautājumā, ierobežo to attēlu izmantošanai, kas uzlikti attēliem.

6. Teksts pārsniedz izraudzīto telpu.

Viens no labākie veidi Pievērsiet uzmanību tekstam, ir tās pārklāšanās ar citiem elementiem ar izeju uz savu sistēmu. Daļa no vārda vai visa vārda var iziet, piemēram, ārpus attēla, no kuras paveras skats uz blakus esošo teritoriju. Tā sajauc ekrānu vienā veselā un izskatās iespaidīgs un dažreiz pat nežēlīgs.

7. Noklusējuma fonti.

Vairumā gadījumu, jums nevajadzētu izmantot vairāk nekā divas ģimenes fontiem. Ja vēlaties dažādot saturu, mainīt fontu lielumu un veidus vienā ģimenē.

Spilgtas krāsas

Visā 2015. gadā mēs identificējām tendenci ieviest spilgtas krāsas. 2016. gadā šis virziens turpināja iegūt impulsu. Turklāt spilgtu krāsu popularitāte pieaugs tikai. Ja vēlaties sekot līdzi modei, izmantojiet vairāk paletes un toņus.

Priekšrocības, izmantojot spilgtas krāsas

• Dažādas toņos un krāsas gradienti palīdzēs labāk atšķirt saturu, ko tie piešķir;
• Vizuālās stimulācijas izmantošana ir īpaši noderīga mazām vietnēm.

1. Duoton.

• Divu krāsu gamma izmantošana pati par sevi ir tendence un būs sen populārs kopā ar spilgtu krāsu ieviešanu.
• Ir skaidrs, ka Dudon ir kombinācija krāsu gamma. Divas krāsas. Tie var būt to pašu krāsu vai pretējo toņu toņi.
• Web dizainā Dudon bieži tiek izmantots, lai labāk attēlotu attēlus un fotoattēlus. Tas izskatās aizraujošs un moderns.
• Paturiet prātā šādus punktus:
• Izmantojiet vienkāršas fotogrāfijas ar izteiktu vienu tēmu. Piesātinātie attēla elementi (piemēram, ainavas) var būt slikti atšķirams, jo īpaši mobilajos ekrānos;
• Kontrasts Dudon atvieglo fotoattēla detaļas;
• Atdaliet fotoattēlu no pārējās apskates zonas ar krāsainiem robežām vai pilnu ritināšanu;
• Izmantojiet skaidrus attēlus ar skaidri atšķirīgiem objektu robežām uz tiem.

Tāpat Dudon bieži izmanto, lai pārklātu fotoattēlā, kā parādīts zemāk redzamajā piemērā.

2. Pārklājums.

Vēl viena interesanta tendence izmantot spilgtas krāsas ir to pārklājums fotoattēlā.

Aprēķinātā krāsa uzlabo attēla nozīmīgumu, vēlmi apsvērt tās detaļas. Krāsa palīdzēs mainīt fotoattēla interpretāciju. Piemēram, sarkanā odere padarīs attēlu vairāk dzīvīgu un kaitinošu, bet zilā krāsā radīs atvieglotu sajūtu no skatuves.

3. Spectacular gradienti.

Sajauc ar otru ar pakāpenisku toni izbalēšanu - populārs izvēle Daudzi mūsdienu dizaineri. Nav nepieciešams veikt vairāk nekā 2 vai 3 krāsas, lai sajauktu - tas ir lieks.

4. Izvēlieties Atslēgvārdi un pogas.

Monohroma tekstos, izmantojiet spilgtas krāsas Lai izceltu vārdus un frāzes, šķiet "bez maksas", "šodien" utt. Tas dos viņiem papildu svaru, palielinot ierosinājuma spēku.

Tajā pašā garā jūs varat veikt dažas pogas vairāk lieluma nekā citi, neaizmirstot tos piešķirt ar krāsainu robežu vai fonu. Tas darbojas lieliski.

5. Elementa statusa maiņa, braucot kursoru.

Kā mēs minējām, runājot par kartēm, krāsas ir ideāls instruments elementu diferencēšanai. Krāsu maiņa, kad peles kursors ir uzticīgs un vienkāršs veids, kā palielina vietnes vai pieteikuma interaktivitātes pakāpi.

6. Izmantot pareiza krāsa Izsaukt vēlamo emociju.

Dažādas krāsas izraisa dažādas emocijas. Mēs sniedzam nelielu bērnu gultiņu dažiem parasti izmanto krāsās:

• Sarkanais - pārraida sajūtu aizraušanos un piesardzību, tajā pašā laikā. Šī krāsa palielina asinsrites intensitāti;
• Blue - rada miera sajūtu un stabilitāti, tāpēc to bieži izmanto dažādu finanšu iestāžu vietņu projektēšanā;
• Green - prasa labu līdzsvaru starp siltām un aukstām krāsām, pārraida sajūtu dabiskumu, tīrību un bagātību;
• Purpura - vēsturiski saistīts ar kaut ko karalisko, rada luksusa un noslēpuma sajūtu;
• Balta ir perfekta neitrāla krāsa, kas pārī ar citām krāsām pārraida elegances sajūtu, pastiprinot tās ietekmi;
• Melnā - izsmalcināta un spēcīga krāsa, kas vienmēr ir svarīga jebkura veida projektiem.

Garš ritināšana

Vietnes ar ilgu vai bezgalīgu ritināšanu ātri ieguva savu vietu kā nemainīgu tīmekļa dizainu.

Ilgu ritināšanas funkcijas

• Lieliski piemērots mobilajām ierīcēm. Mazāki ekrāni noved pie nepieciešamības biežas ritināšanas, un pats formāts ir labi apvienots ar sensoro kontroli;
• Ērta stāstījuma forma, kurā saturs ir iegremdēts šādā veidā, var interesēt apmeklētājus;
• Navigācijas vienkāršošana;
• Bezgalīgs ritināšana pievienos pārsteiguma elementu lietotāju pieredzei.

1. Izmantojiet vizuālos signālus.

Ikona, piemēram, bultiņa, kas vērsta uz ritināšanas virzienu un ārpus satura zonas, izskatīsies piemērots un informatīvs. Tas būs skaidrs, cik daudz tas paliek, lai ritinātu līdz beigām lapā, un paziņos lineāro saturu saturu.

2. Ekrāni kā lapas.

Ritināšana var būt ne tikai gluda, bet arī lapa. Ritiniet un mainiet visu ekrānu. Tas ir moderns un skaists.

Pielāgojiet katru ekrānu, redzams lapā, lai tā pilnībā aizpildītu visu redzamo apgabalu. Izveidojiet individuālus stilus, kas apvieno ar vispārējo tēmu katram šādam ritināšanas blokam. Dažreiz ir lietderīgi dublēt CTA elementus katrā ekrānā. Šī pieeja ļauj lietotājiem holistiski uztvert vietni un ātri saprast, ko piegādā vietnes radītāji.

Mazām vietnēm ar vairākām lapām, nevis ilgu ritināšanu, jūs varat izmantot navigācijas ritināšanu. Tas ir, lietotājs var doties uz citu lapu, tērējot peles ritināšanai, apejot nepieciešamību noklikšķināt uz izvēlnes elementiem. Jūs varat veikt pārejas animāciju starp lapām, lai stiprinātu vizuālo komunikāciju ar lietotāju, kā parādīts ekrānuzņēmums zemāk.

3. Sticky navigācijas izvēlne.

Viens no lielākajiem riskiem ilgā ritināšanā ir spēja dezorientēt lietotājam. Viņš vienkārši var pazust ceļā. Vienkāršākais risinājums ir lipīga navigācijas izvēlne, kas paliks uz ekrāna tādā pašā stāvoklī, ritinot lapu.

Ja jūsu viedoklī ir daudz vietas, jūs varat vismaz iespējot spēju pāriet uz izvēlni, lai persona varētu ātri doties uz citu sadaļu. Vismaz padarīt pogu "uz augšu", it īpaši, ja jums ir vietne ar nebeidzamu ritināšanu.

4. Animācijas aktivizē ritināšanu.

Animācijas padara ritināšanu aizraujošāku un izdarīt lietotāju uz komunikācijas procesu ar vietni. Padarīt ritināšanu gludāk, vizuāli interesanti ar animētu efektu palīdzību. Tas ļaus lietotājam koncentrēties uz un uzdot jautājumu kā "Kas notiks tālāk?". Jūs varat uzdot savus noteikumus par spēli, nosakot secību no animācijām uz dzinēja maizes drupatas slavenā pasaka. Cilvēks vēlas redzēt savu ideju, lai galu galā, ja tas ir labi īstenots.

Pararallax ritināšana ir vienkāršs izeja, bet ne tikai viens. Zvaniet uz radošumu, lai saņemtu palīdzību, nav nepieciešams atkārtot tieši iepriekš izgudrojumu seku sekvences.

5. Mīkstināt SEO optimizācijas lapu trūkumus ar ilgu ritināšanu.

Vietnes ar nebeidzamu ritināšanu ir ierobežojumi attiecībā uz SEO-reklāmas ziņā. Bet tos var mīkstināt. Neil Patel sniedz noderīgus ieteikumus par šo tēmu.

HD grafika

Ierīces ar augstu ekrāna izšķirtspēju jau sen ir standarta, un 2016. gada HD dizaina gads. Aizraujošs video, jaudīgs fotogrāfijas un bagātīgs grafikas iestatīts vektora kustību uz vizuālā satura kvalitāti.

Ieguvumi no kvalitātes grafikas izmantošanas

• Ierīču lietotāji ar HD ekrāniem gaida atbilstošas \u200b\u200bkvalitātes saturu;
• Kvalitātes video var ievērojami palielināt vietnes apmeklētāju laiku;
• Radošā pieeja dod dizaineriem lielāku kontroli pār apmeklētāju noskaņojumu.

1. Apvienojiet krājumus un pielāgotus fotoattēlus.

Protams, unikālas fotogrāfijas ir labākas, bet ne katrs uzņēmums var atļauties nolīgt fotogrāfu. Kā kompromiss, jūs varat apvienot krājumus un oriģinālus fotoattēlus, lai tie būtu unikāli. Atrodiet fotoattēlus vēlamajā tēmā, pievienojiet savu logotipu, mainiet krāsas, ja nepieciešams, un lieta tiek darīta! Meklējot materiālu, lai izveidotu zīmolu attēlus, varat apmeklēt nepakļautumu, pixabay vai peksels.

2. Sagatavojiet augstas kvalitātes attēlus.

Pilna ekrāna fona attēlus un videoklipus ir uzreiz nozvejotas ar lietotāju uzmanību un kalpo kā ideāls objektu prezentācija minimālisma stilā.

Kā redzams zemāk redzamajā ekrānuzņēmumā, augsta kontrasta attēls viegli piesaista uzmanību uz teksta saturu, kas uzlikts uz tā virsotnē. Tā kā vairums ierīču neatbalsta attēla 1:15 attēla standarta izšķirtspēju, jums būs jāapsargā attēls dažādās ekrāna izšķirtspējas laikā. Attēlā vajadzētu izskatīties tikpat skaidri un pacelt jebkurā ierīcē.

3. SVG vai rastra grafika?

Rastra grafikas formātiem (.jpg, .gif, .png) sākotnēji ir noteikta izšķirtspēja pikseļos, bet skalāra diagramma var palielināt vai samazināt ekrāna izmēru bez kvalitātes zuduma.

Izmantojiet SVG unikālai grafikai, un rastra formāti ir vislabāk piemēroti fotoattēliem ar skaidri ierobežotu pikseļu skaitu rezolūcijā. Ir svarīgi iegādāties fotoiekārtas ar labu izšķirtspēju šādiem mērķiem.

4. Video fons in hederh.

Ar interneta vidējā ātruma pieaugumu ir popularitāte. To izmantošana spēj paplašināt jūsu vietnē pavadīto laiku. Pievērsiet uzmanību šādiem punktiem:

Samazināt video garumu 10-30 sekundes, ir labs līdzsvars starp pievilcību satura un liels ātrums Lapas ielāde;

Invalīdiem pēc noklusējuma skaņu video - visbiežāk lietotāji negaida, lai doties dzirdēt skaņu pēc pārejas uz vietas, daudzi var kairināt. Tas ir labāk, lai to izslēgtu, atstājot iekļaušanas pogu tiem, kas vēlas klausīties.

Video piesaista lietotājus no pirmās sekundes ieejot vietnē, kas kalpo kā nopietns iemesls tās lietošanai.

Ilustrācijas

Lai iegūtu vairāk unikālu attēlu, nevis parastās akciju fotogrāfijas, dizaineri arvien vairāk izmantoja ilustrācijas. Viņi ir kļuvuši par populāru alternatīvu dažādu foto banku risinājumiem.

Ilustrāciju izmantošanas priekšrocības

• Tieša pārsūdzība lietotājam fantāzijai, kas ļauj stiprināt savu personīgo savienojumu ar vietni;
• Lielāka kontrole pār saturu attēla un tās detaļas;
• Parasti šīs izmaksas ir lētākas nekā foto sesijas kārtībā, un piedāvā lielu radošo rīcības brīvību;
• Ilustrācijas skaidri izteikt sarežģītas koncepcijas, iepazīstoties ar pazīstamiem vizuāliem attēliem.

1. Ņemiet vērā ilustrāciju ar izkārtojuma vispārējo tēmu.

Ilustrācijas web dizains radās kā ikonas un citi sekundārie elementi. Ja vēlaties virzīt šo stilu uz priekšu, tad jums ir jāapvieno tās galvenās tēmas dizaina un satura.

2. Pievienojiet radošu ietekmi.

Ilustrācijas dod dizaineriem lielāku brīvību, lai izmantotu radošo ietekmi, šie divi ir īpaši populāri:

Animācijas - viņi vienmēr iet roku rokā ar ilustrācijām;

Slāņi - tā daudzpusības dēļ ilustrācijas ļauj vienkāršot sekas, izmantojot slāņu ieviešanu, lai sniegtu dziļuma dziļumu.

3. Izmantojiet norādījumus un rokasgrāmatās ilustrācijas.

Pat tās vietnes, kas neizmanto visur roku zīmētu grafikas stilu, tās joprojām var iekļaut to norādījumos un rokasgrāmatās. Attēli teiks vēl vairāk nekā vārdi, cilvēks ir apguvis ātrāk. Turklāt, Carefree pozicionēšana caur karikatūras attēliem palīdzēs lietotājam aizmirst, ka viņš mācās, padarot šo procesu vieglāku un aizraujošu.

4. Izmantojiet plakanu dizainu ilustrācijās.

Protams, plakanais dizains laika gaitā ap jūsu mikroshēmu slāņiem, bet to var izmantot, lai radītu ilustrācijas. Lielākā daļa no viņu nozīmīgākajām priekšrocībām (vienkāršība un uztvere, šāda grafikas lejupielāde) tas nav zaudējis un joprojām ir veiksmīgi izmantots, veidojot ilustrācijas.

secinājumi

Jūs uzzinājāt dažus tehniķus, kas ir populāri mūsdienu web dizaina vidē. Piemērot tos kontekstā savu projektu. Atcerieties, ka jums nekad nav nepieciešams akli sekot tendencēm tikai tāpēc, ka tās īstenošana lieliski izskatās pats par sevi. Ir nepieciešams izmantot visas šīs lietas ar fokusu un lietošanu, selektīvi un nozīmē. Mēs esam pārliecināti par iepriekš minēto, būs idejas, kas palīdzēs jums īstenot efektīvu no komerciāla viedokļa un noderīga lietotājiem lietotājiem.

Zem Jaunais gads Kāds iet uz kafijas laukumiem un met čības virs pleca. Un dizaineri cenšas mēģināt izmēģināt nākotni un slēpt tendences, kas kļūs par 2017. gada galveno tēmu. Mēs centīsimies. Mēs biksēsim ne tikai garšu un to, ka "mākslas direktors teica", bet arī analīzei.

1. Video - funkcionālais elements

Teksti ir pārāk sarežģīti, jums ir jākoncentrējas. Attēli - Informatīvs. Un video ir saturs, ko mūsdienu interneta lietotājs ir gatavs patērēt un apvienot. Un, kad jūs pastāstāt lietotājam stāsts - piemēram, kā tiek veidots sarežģīts vietnes izstrādes process - izmantojiet to. Noņemiet un parādiet, kā analītiķis ir prototipi, un dizainers pievērš izkārtojumus. Iegremdējiet lietotāju vēsturē un atbildiet uz redzamajiem jautājumiem.

Un pārtrauciet videoklipu visur, kur klients lūdz kaut ko dumb-saīsinājumu budžetā. Video par skaistumu - šķelto lietotāju cerības. Viņš izskatās un cer, ka viņš parādīs kaut ko noderīgu, pastāstiet stāstu. Bet nē. Tāpēc kā dekoratīvs tīmekļa dizaina elements, kas neveic noderīgu funkciju, video paliek 2016. gadā.

Jā: Video, kas atbild uz lietotāju jautājumiem un atrisina vietnes uzdevumus.
NAV: Video uz fona, jo tas ir skaists un parasti to dara.

2. Sinegram video vietā

Izmantojiet Sinegrammu. Tie ir interesantāki statiskie attēli, bet neietekmē viltus cerības lietotājiem, piemēram, video bez zemes gabala un mērķiem.

Uzmanību! Sinegram biedējoši skatījās.

3. Fonta grafika

Vēl viena alternatīva video un attēliem - fonta grafika. Viņa vienlaicīgi rotā vietni un padara to informatīvu. Šeit galvenā problēma ir augstas kvalitātes saturs. Bet tas ir pilnīgi atšķirīgs stāsts.

4. Ikonas - galvenais dekoratīvais elements

Kāpēc jums ir nepieciešams attēlus, videoklipus un fontus, ja jūs varat ikonas, kas būs līdzīga šim vietnē, bāzt "Wau"? Nopietni, pievienojiet nestandarta animāciju un pabeigt par to. Jums būs vislielākā tendence.

5. Pastāvīgā infogrāfija

Lietotāja problēma ir tā, ka tie kļūst mazāk pilnveidoti. Un aizmirst, piemēram, zelta zivtiņa - devās uz vietni, tālrunis šeit mirgo (oh, viltus trauksme ir tikai saulaina atspīdums), atgriezās monitorā un nevar atcerēties, ko viņi darīja šeit. Un iet.

Katru gadu problēma tiek saasināta. Tāpēc dizainera uzdevums ir savienot lietotāju un padarīt to mijiedarbību ar saturu, pat ja tā ir garlaicīga statistika. Īpaši (!), Ja tā ir garlaicīga statistika.

Animate viņai, krabuļa spilgtas krāsas, piespiediet lietotājam mijiedarboties ar to - darīt visu, lai pastiprinātu lietotāju, un nevis ļaut aiziet līdz lapas beigām.

6. Kombinētā navigācija

Saņemiet popularitāti - apvienojot horizontālo un vertikālo ritināšanu - atšķaida arī lietotāja pelēko darba dienu, būs interese un pārdomāti mijiedarboties ar vietni.

7. Atteikums uz Hamburger izvēlni

99,9% no web dizaina prognozēm 2015. un 2016. gadā autori sola, ka šogad dizaineri labi, viņi noteikti atteicās hamburgeru izvēlni. Taisni vispār. Nu, mēs atbalstīsim tradīciju un arī teiksim: 2017. gadā Hamburger ēdienkarte nebūs tendence, nedariet to, Fu!

Ikonu problēma ar trim svītrām ir tā, ka tas nav skaidrs intuitīvs. To atzīst par rupjiem notikumiem, kas jau ir mijiedarbojušies ar viņu un zina, kas ir paslēpts aiz simbola. Bet vairāk jaunpienācēji parādās internetā: gan pilnīgi mazi tadpoles, gan vecākās paaudzes iedzīvotāji. Un viņi nav pazīstami ar viņiem hamburgeru izvēlnes ikonu un nav skaidrs. Uzziniet, ko viņa slēpj un kur, nopelt, izvēlnē, viņi var izdzīvot tikai sāpīgu pieredzi.

Mēs būsim reālistiski: pilnīgi atteikties no hamburgeru izvēlnes, visticamāk, izdosies. Bet pirms to uzlīmēšanu katrā projektā, meklējiet iespējamu alternatīvu.

Studio-spoon.co.jp.

8. Rāmis ap vietu

Populārs risinājums nav stiepjas vietne visam ekrānam, bet, lai ievietotu veikls rāmis. Tiek parādīta jauka un brīva vieta, ko var asināt navigācijas (kāpēc ne, jo hamburgera izvēlne mirst).

Teletype.online

9. Vairāk Emodzi.

Jo mazāks lietotājs tērē lietotājam reaģēt, jo vairāk vēlas to darīt. Un reakcija ir vieglāka nekā emodi, nenāca klajā ar. Kaut arī vietnēs jūs varat tikai nodot saturu, maksimāli - ielieciet Facebook emocijas. Bet ir pienācis laiks pāriet uz Emodi, biedru dizaineri.

10. Materiālu dizains

Jā, viņš joprojām ir kopā ar mums.

11. Vairāk mobilo pirmo reizi

Lietotāji, kas pārlūko vietnes no mobilā piena, kļūst vairāk - tāpēc mobilā pirmā pieeja ir vieglāk uztvert klientiem katru gadu. Tiek uzskatīts, ka vairs nav dīvaini eksperiments, bet pamatojot sevi ar metodi. Tātad, gatavojieties tāda paša veida lavīnai, bet šādām ērtām vietām uz Mobil.

12. Vairāk mikrovatozes

Vietnes dara vairāk mikroshēmas no mobilajām lietojumprogrammām. 2017. gadā, elegants, ievietojot trīcošos micināšanas efektus. Kā sirds Tweeter - Nu, mākslas darbs ir Zhezh! Es gribu kaitēt to uz visiem laikiem. Tas un mobilajā telefonā un klasiskie projekti pievienosies.

13. CTA joprojām uzmācīga

Skaistums skaistumkopšanas dizainera mutei tikai tabulā un dronbbos. Citos gadījumos (tiem, kuriem nauda tiek izmaksāta), tirgotāji elpo ausī, kas ir nepieciešams šeit šeit un uzvarēja, ir vairāk pogas. Šķiet, ka 2016. gadā tas notika lūzums un pārdomāšana no šīm prasībām - jāgaida 2017. gadā liels, sulīgs, braucot caur acīm CTA blokiem. Nekas nepievieno tirgotājiem viņiem.

Strv.com.

14. Nostalģija 80. gados

Rafinētajā internetā dizaineri ir garlaicīgi ar lampas pikseļiem ar spēles galvu, astoņu bitu skaņu konsolēm un traucējumiem kā cauruļu televizoriem. Un kompensēt tās ilgas 80. un 90. gados vietņu projektēšanā. Būt tendencē - pievienojiet skābes krāsas, traucējumus un glitching projektus.

Retrominder.tv.

15. Nespēja aktuāla fotogrāfijas

Akciju attēli Es biju skulptēts, nopietni. Sliktāk nekā Hamburger izvēlnē un nomainiet tos vieglāk. Tāpēc pieņemsim šaut savu.

21 gadsimtā uz Courtyard, Kamon. Telefoni devās tādā veidā, lai padarītu kvalitatīvus fotoattēlus. Tāpēc nav problēma, lai noņemtu darbiniekus vai darba process ir tieši tagad tālrunī. Galvenais, laiks un vēlme veikt labu projektu.

16. Zaļš

Puiši no Pantone uzskata, ka 2017. gada krāsa ir šī zaļās apstādījumi. Klausieties un pievienojiet mūsu sarakstam.

17. Jauna pieeja prototipam

Neatkarīgi no tā, kāds brīnišķīgs dizains jūs esat vērsis, galvenais ir to prezentēt tā, lai klients iemīlētu. Vai vismaz es redzēju viņu, kā jūs redzat.

Statisks izkārtojums ar šo uzdevumu diez vai var tikt galā, tāpēc 2017. gadā jums ir nepieciešams sūknēt prezentācijas mākslā. Nekavējoties, pirms izkārtojuma, klients redzēja visus izgudroja Piou Piou, un nav iedomājies tos prātā. Bet tad pats būs kaut kas nepareizi, radīs cerības, ka izstrādātāji nevarēs pamatot.
Tagad dizainers nav Comilfo vienkārši zīmēt un parādīt attēlu. Jums ir jābūt iespējai rīkoties vai nu ar vienu no instrumentiem prototipiem, lai izveidotu interaktīvu veidni vai sūkni ap animāciju.
Šeit ir jūsu Arsenāls nākamajam gadam, kolēģiem. Bet nenāk ar klientu, kurš vēlas video tālruni. Nenovietojiet pikseļu elementus un emozy, kur jums ir nepieciešama tīra minimālistiska e-komercija. Un nepublicējiet pretestīgos klientus Skype saitēs uz šo rakstu. Izmantojiet tendences ar prātu - vai neizmantojiet vispār. Anyway, pēc trim gadiem, tie ir pilnīgi atjaunināti 🙂