5 Stvarnih trendova web dizajna za 2016. godinu

Kad god vidim vezu pod nazivom Trendovi web dizajna za ovu godinu, sretno je kliknem samo da bih bio razočaran u roku od nekoliko minuta. Uvijek su, bez zadrške, trendovi iz prošle godine ili trendovi poput: ilustracije. Kao, jeste li znali da su animacije očito veliki trend? Ozbiljno, ako napišete popis trendova i kao trend za 2016. uključite pozadinski videozapis preko cijelog zaslona, ​​stvarno biste trebali pokušati pristupiti internetu i pogledati web stranice prije nego što obrisate svoj popis. Nitko kao mamac. Svejedno, bez dodatnih obožavanja, evo popisa pet stvarnih trendova za prvu polovicu ove godine.

1) Cijeli zaslon i ne može se pomicati

Web mjesta koja se ne mogu pomicati napokon dobivaju privlačnost. Tamo gdje web stranice s jedne stranice, koje se kreću kroz vječnost, s ljepljivim zaglavljem veze na sidru na vrhu, gotovo postaju standardni način rada na početnim stranicama, lijepo je vidjeti stranice na kojima morate kliknuti da biste se kretali. Koliko god ljudi mrze scroll-jacking, zapravo ponekad ponekad može biti lijepo. Ključno pri dizajniranju ovih stranica je upotreba zaslona za ograničenja. Prototip u Keynoteu. Navigacija tipkovnicom uobičajena je na ovim stranicama.

Osnove privatnosti na Facebooku

Tri primjera web mjesta preko cijelog zaslona bez pomicanja:

  1. Osnove privatnosti na Facebooku - Odlično web mjesto, iako ne reagira, Facebook objašnjava korak po korak kako privatnost funkcionira na njihovoj usluzi. Sjajne ilustracije!
  2. Fantasy - Dizajnerska agencija Fantasy dugo očekivana nova web stranica pokrenuta početkom ove godine i nije razočarala. Posebno pogledajte odjeljak Rad, sve ostaje na ekranu.
  3. KLM 50 putovanja - prekrasno mjesto za kampanju za KLM. Vodi vas kroz 50 odredišta, jedan zaslon istodobno. Kretanje strelicama tipkovnice i razmakom.

2. Ljepljiv naslov na stranu

Za najnovije trendove u web dizajnu uvijek je pametno pogledati stranice agencija, ili bolje dizajnerske studije. A odnedavno je bilo u modu a la da se naslovi pomaknu na stranu teksta. Sva cool djeca to rade. Ovo je trend samo za radnu površinu, tako da mi ovo čitate na telefonu jednostavno ćete mi morati vjerovati, a da ne posjetite primjere veza.

Kod i teorija

Tri primjera ljepljivih naslova sa strane:

  1. Kôd i teorija - naslovi gradova ostaju na slici dok se krećete kroz otvorene pozicije na ovoj lijepoj web stranici.
  2. Prelijevanje snopa - ovaj račun ne odgovara sto posto, ali nije mjesto agencije, pa mu daje propusnicu. Kada se pomičete, pod-navigacija ostaje ljepša zdesna. Lijepo.
  3. DDB Sthlm - Dolazim iz Švedske, pa navodim i švedski primjer. Ako na njihovom izborniku pritisnete Work i pomaknete se prema dolje, vidjet ćete da okomiti naslov ostaje sa strane.

3) Logo je utovarivač

To je ogroman trend i ove je godine postao gotovo sinonim za web stranice agencija. Svi ga imaju. I tako bi i trebali, jer izgleda sjajno i posjetitelju daje osjećaj da je web stranica dio branda. Vrlo pametan.

Instrument

Tri primjera korištenja logotipa kao utovarivača:

  • Instrument - Ovaj položaj prikazuje njihov logotip samo kad se stranica učitava i kada otvorite navigacijski izbornik. To je novo, i banalno.
  • Fubiz - Ova web stranica napravila je veliki skok kada se pokrenula i iz dobrih razloga. Web stranica ima različit logotip za svaki odjeljak, svi s vrlo lijepim animacijama.
  • Ovo također - Odlična web stranica za studio za dizajn s puno nikad viđenog umjetničkog direktora za stranice agencija. Iako tehnički nije logotip, ovdje je utovarna ikona za utovar, ali obično je tamo gdje je logotip tako da se uklapa.

4) Poremećene slike pozadine

Imati pozadinske slike koje ispunjavaju čitav prozor preglednika nije ništa novo, vjerojatno je na vrhu klasičnog posta Stvarni trendovi web dizajna 2013, ali to će ga odvesti na novu razinu. Dodajte efekte pokazivača miša na svoju pozadinsku sliku i dobro je započeti.

Aktivna teorija

Tri primjera poremećenih pozadinskih slika:

  1. Pustite me da pulsiram - pomičite miša po pozadini i pogledajte planine kako oživljavaju, vrlo dobro urađeno.
  2. Aktivna teorija - Ako pravite web stranicu za svoju agenciju, koji je bolji način da pokažete da imate neke lude web vještine nego da to izgleda kao Googleov eksperiment? Niti jedan.
  3. Pojedinosti - Trebat će pomicanje. Ova švicarska dizajnerska agencija očito ne vjeruje u sidrene veze, pa ako se pomaknete do dna stranice 4/4 Nos Experts i pokažete pokazivač fotografija, vidjet ćete malo iskrivljenja na njima. Lijepo!

5) Preko gornjih animacija

To je tehnički moguće sada, pa zašto ne? Ako se učini kako treba, to bi moglo biti vrlo vizualno ugodno i zabavno iskustvo, ako se učini pogrešno, onda će to biti Flash web stranice iznova. Riječ mudrih: pažljivo koristite, ali prijeđite preko vrha kad ga upotrebljavate.

Waaark

Tri primjera vrhunskih animacija:

  1. Waaark - Lol, ovaj mali dizajnerski studio proizveo je na najnevjerovatnijim vizualnim iskustvima ove godine. Ostavite to Francuzu da ide preko vrha kad su u pitanju animacije.
  2. Animocons - Ovo su neki primjeri ikona s spektakularnim animacijama klikova, a sve se vrši pomoću web koda.
  3. Rally Interactive Beta - Rally radi sjajan posao jer nema samo pravu količinu animacija na njihovoj web lokaciji. Poludjeli su na vrhu, a zatim ga ostavili blagim kad nešto kliknete i odaberete.

Bonus: zasad nije trend, viđen je samo na jednom ili dva mjesta, ali izgradnja web-lokacija koje reagiraju na neodređeno vrijeme postat će ogromno. To jest, stranica izgleda potpuno isto na ekranu od 1280px kao na iMac 27 "Retina 5100+ px ekranu, samo je veća. Pogledajte primjer web lokacije za brazilski telekom operater Oi.

Moje ime je Nils i radim kao direktor dizajna u Apeu, digitalnom studiju u Stockholmu u Švedskoj. Živimo za sjajan dizajn, tehnologiju i komunikaciju. Ako želite znati više o nama, pogledajte našu web stranicu koja nažalost nema niti jedan od gore navedenih trendova.

Također, ako vam se svidio ovaj članak, pritisnite preporuku u nastavku. Puno pomaže.