5 tendințe actuale de proiectare web pentru 2016

Ori de câte ori văd un link numit Tendințe de web design pentru acest an, fac clic pe el fericit doar pentru a fi dezamăgit în câteva minute. Sunt întotdeauna, fără greș, tendințele de anul trecut sau non-tendințe precum: ilustrații. Cum ar fi, știați că, aparent, animațiile sunt o tendință mare? Serios, dacă scrieți o listă de tendințe și includeți imagini video de fundal complet ca tendință pentru 2016, ar trebui să încercați într-adevăr să mergeți online și să consultați site-urile web înainte de a scrie lista. Nimeni nu-i place momeli de clic. În orice caz, fără alte detalii, iată o listă cu cinci tendințe reale pentru prima jumătate a acestui an.

1) Ecran complet și nu este defilabil

Site-urile care nu defilează obțin tracțiune în cele din urmă. În cazul în care site-urile web ale unei pagini, care a defilat prin eternitate, cu un antet de legătură ancoră în partea de sus, au devenit aproape modul standard de a face paginile de pornire, este plăcut să vezi paginile unde trebuie să dai clic pentru a naviga. Atât cât oamenii urăsc scroll-jacking-ul, poate fi de fapt frumos uneori. Cheia la proiectarea acestor site-uri este utilizarea ecranului pentru limitări. Prototip în Keynote. Navigarea prin tastatură este frecventă pe aceste site-uri.

Noțiuni de bază privind confidențialitatea Facebook

Trei exemple de site-uri cu ecran complet fără defilare:

  1. Noțiuni de bază ale confidențialității Facebook - site excelent, deși nu răspunde, prin Facebook explicând pas cu pas cum funcționează confidențialitatea în serviciul lor. Ilustrații grozave!
  2. Fantasy - Mult prea așteptat noul site al agenției de design lansat la începutul acestui an și nu a dezamăgit. Mai ales consultați secțiunea Lucrare, totul rămâne pe ecran.
  3. KLM 50 Travels - Site de campanie frumos pentru KLM. Te duce prin 50 de destinații, un ecran la acel moment. Navigați cu săgețile tastaturii și bara de spațiu.

2. Titlu lipicios în lateral

Pentru cele mai recente tendințe de design web, este întotdeauna înțelept să te uiți la site-urile agenției sau, mai degrabă, la studiourile de design. Și de curând a fost modul să vă faceți ca titlurile să parcurgă partea laterală a textului. Toți copiii mișto o fac. Aceasta este o tendință doar pentru desktop, astfel încât să citiți acest lucru pe telefonul dvs. va trebui doar să aveți încredere în mine, fără a vizita linkurile de exemplu.

Codul și teoria

Trei exemple de titluri lipicioase în lateral:

  1. Cod și teorie - Titlurile orașului rămân în imagine atunci când parcurgeți pozițiile deschise pe acest site web frumos.
  2. Overflow Stack - Acesta nu încadrează factura sută la sută, dar nu este un site al agenției, astfel încât să îi dea o trecere. Când derulați, sub-navigația rămâne lipită spre dreapta. Grozav.
  3. DDB Sthlm - Sunt din Suedia, așa că arunc și un exemplu suedez. Dacă apăsați Work din meniul lor și derulați în jos, veți vedea că titlul vertical rămâne în lateral.

3) Sigla este încărcătorul

Aceasta este o tendință uriașă și a devenit aproape sinonimă cu site-urile web ale agențiilor în acest an. Toată lumea o are. Și așa ar trebui, pentru că arată minunat și oferă vizitatorului senzația că site-ul web face parte din brand. Foarte isteț.

Instrument

Trei exemple de utilizare a logo-ului ca încărcător:

  • Instrument - Acest site afișează logo-ul lor doar atunci când se încarcă pagina și când deschideți meniul de navigare. Este nou și plin de bal.
  • Fubiz - Acest site a făcut un mare strop atunci când s-a lansat și din motive întemeiate. Site-ul are un logo diferit pentru fiecare secțiune, toate cu animații foarte frumoase.
  • Acest lucru, de asemenea - site de mare studio de design, cu o mulțime de niciodată a văzut director de artă pentru site-urile agenției. Deși tehnic nu este logo-ul, pictograma de navigare este încărcătorul aici, dar este situat acolo unde este, de obicei, un logo.

4) Imagini de fundal distruse

Având imagini de fundal care umplu întreaga fereastră a browserului nu este nimic nou, probabil este în partea de sus a postării clasice Tendințe de design web 2013 actual, dar acest lucru este dus la un nivel nou. Adăugați câteva efecte de mouse pe imaginea de fundal și sunteți bine să mergeți.

Teoria activă

Trei exemple de imagini de fundal perturbate:

  1. Faceți-mi puls - mutați mouse-ul pe fundal și vedeți munții prind viață, foarte bine realizați.
  2. Teorie activă - Dacă creați un site web pentru agenția dvs., ce modalitate mai bună de a arăta că aveți niște abilități web nebune decât să-l faceți să pară un experiment Google? Nici unul.
  3. Detalii - Acest lucru va lua unele defilare. Se pare că această agenție de proiectare elvețiană nu crede în legăturile de ancorare, astfel încât dacă derulați în josul paginii 4/4 noi experți și treceți pe fotografii, veți observa o ușoară denaturare asupra lor. Grozav!

5) Peste animatiile de top

Acest lucru este posibil din punct de vedere tehnic acum, deci de ce nu? Dacă se face corect, aceasta ar putea fi o experiență plăcută și distractivă din punct de vedere vizual, dacă este greșită atunci site-urile Flash din nou. Cuvânt din înțelept: folosiți cu grijă, dar treceți peste partea de sus atunci când îl utilizați.

Waaark

Trei exemple de animații de top:

  1. Waaark - Lol, acest mic studio de design a produs din cele mai uimitoare experiențe vizuale ale acestui an. Lasă-l pe francezi să treacă peste vârf când vine vorba de animații.
  2. Animocoane - Acesta este câteva exemple de icoane cu animații spectaculoase cu clicuri, toate realizate folosind codul web.
  3. Rally Interactive Beta - Rally face o treabă excelentă de a nu avea doar cantitatea potrivită de animații pe site-ul lor. Au înnebunit în partea de sus și apoi au ținut-o mai moale când ai dat clic și ai selectat ceva.

Bonus: nu este încă o tendință, ci doar într-unul sau două locuri, dar construirea unor site-uri web responsive care se extind pe o perioadă nedeterminată va fi uriașă. Adică, site-ul arată exact la fel pe un ecran de 1280px ca și pe un ecran iMac 27 "Retina 5100+ px, este doar mai mare. Consultați un exemplu excelent pentru site-ul operatorului de telecomunicații braziliene Oi.

Numele meu este Nils și lucrez ca director de design la Ape, un studio digital din Stockholm, Suedia. Trăim pentru design, tehnologie și comunicare excelentă. Dacă doriți să aflați mai multe despre noi, consultați site-ul nostru web, care din păcate nu are niciuna dintre tendințele enumerate mai sus.

De asemenea, dacă v-a plăcut acest articol, vă rugăm să apăsați recomandă mai jos. Ajută foarte mult.