5 Aktuális webdesign-trend 2016-ra

Amikor látom az idei Web Design Trends linket, csak boldogan rákattintom, hogy percek alatt csalódni lehessen. Mindig, kudarc nélkül, a tavalyi trendek, vagy az olyan trendek, mint például: illusztrációk. Mint például, tudta, hogy az animációk nyilvánvalóan nagy trend? Komolyan, ha egy trendlistát ír, és a teljes képernyős háttérvideót 2016-os trendként tartalmazza, akkor valóban meg kell próbálnia online lépni és megnéznie a webhelyeket, mielőtt felsorolja a listáját. Senki sem szereti a kattintási csalikat. Mindenesetre, további megjegyzés nélkül, itt található az öt tényleges tendencia felsorolása az év első felére.

1) Teljes képernyő és nem görgethető

A nem görgethető oldalak végül vonzódnak. Ahol az egyik, az örökkévalóságig gördülő weboldal egy tetején ragacsos horgonykapcsolat fejlécével szinte a kezdőlapok készítésének szokásos módja lett, örülök, hogy olyan oldalakat látnak, ahol a navigáláshoz kattintaniuk kell. Akárcsak az emberek utálják a görgetést, néha nagyon kedves lehet. A webhelyek tervezésének kulcsa a képernyő használata a korlátozásokhoz. Prototípus Keynote-ban. A billentyűzettel való navigáció gyakori ezeken a webhelyeken.

A Facebook adatvédelmi alapjai

Három példa a teljes képernyős webhelyekre görgetés nélkül:

  1. A Facebook adatvédelmi alapjai - Nagyszerű webhely, bár a Facebook nem reagál, és lépésről lépésre elmagyarázza, hogyan működik az adatvédelem szolgáltatásukban. Nagyszerű illusztrációk!
  2. Fantasy - A Fantasy designer ügynökség nagyon várt új webhelye, amelyet ez év elején indítottak, és nem okozott csalódást. Különösen nézd meg a Munka részt, minden a képernyőn marad.
  3. KLM 50 Travels - Gyönyörű kampányhely a KLM számára. 50 rendeltetési helyen viheti keresztül, egy képernyőn egyszerre. Navigáljon a billentyűzet nyilaival és a szóköz segítségével.

2. Öntapadó címsor oldalra

A webdizájn legújabb trendeihez mindig bölcs dolog az ügynökségek webhelyein, vagy inkább a dizájnstúdiókban keresni. És az utóbbi időben á la mód volt, hogy a címsorok a szöveg oldalára gördüljenek. Minden jó gyerekek csinálják. Ez csak egy asztali trend, tehát ezt a telefonján olvasva csak bízni kell engem ebben, anélkül, hogy meglátogatnánk a példa linkeket.

Kód és elmélet

Három példa az oldalra ragadós címsorokra:

  1. Kód és elmélet - A város címei a képen maradnak, amikor átgördítik ezen a gyönyörű webhely nyitott pozícióit.
  2. Stack túlcsordulás - ez nem felel meg száz százalékig a számlának, de nem ügynökségi webhely, így ad átadást. Gördítéskor az al-navigáció jobbra tapad. Szép.
  3. DDB Sthlm - Svédországból származom, tehát svéd példát is dobok. Ha megnyomja a Menü gombot a menüükből, és lefelé görget, látni fogja, hogy a függőleges címsor az oldalon marad.

3) A logó a betöltő

Ez egy hatalmas tendencia, és ebben az évben szinte szinonimává vált az ügynökségek webhelyeivel. Mindenkinek megvan. És így kellene, mert nagyon jól néz ki, és azt a érzést kelti a látogató számára, hogy a weboldal a márka része. Nagyon okos.

Hangszer

A logó betöltőként történő használatának három példája:

  • Műszer - Ez a webhely csak akkor jeleníti meg a logójukat, amikor az oldal betöltődik, és amikor megnyitja a navigációs menüt. Ez új és gördülő.
  • Fubiz - Ez az oldal nagy indoklás miatt indult el indításakor. A weboldal minden részéhez külön logó tartozik, mindegyik nagyon szép animációval.
  • Ez is - Nagyszerű stúdió-webhely, sok soha nem látott művészeti igazgatóként az ügynökségek webhelyein. Bár technikailag nem a logó, itt a navigációs ikon a betöltő, de ott helyezkedik el, ahol a logó általában van, így illik.

4) Sérült háttérképek

Az a háttérkép, amely kitölti a teljes böngészőablakot, semmi új, ez valószínűleg a klasszikus „Aktuális Web Design Trends 2013” ​​utáni tetején található, de ez új szintre hozza. Adjon hozzá néhány egérmutatót a háttérképéhez, és máris jól megy.

Aktív elmélet

Három példa a zavart háttérképekre:

  1. Lesz pulzus - Vigye az egeret a háttérben, és látja, hogy a hegyek életre kelnek, nagyon jól sikerült.
  2. Aktív elmélet - Ha webhelyet készít az ügynökségének, mi jobb módszer annak bemutatására, hogy van valamiféle őrült webes ismerete, mint hogy úgy néz ki, mint egy Google kísérlet? Egyik sem.
  3. Részletek - ehhez némi görgetés szükséges. Ez a svájci tervezőiroda nyilvánvalóan nem hisz a rögzítési linkekben, tehát ha az oldal aljára görgeti a 4/4 Nos Experts oldalt, és a képekre kattintva kissé torzul. Szép!

5) A legjobb animációk felett

Ez technikailag már lehetséges, miért nem igaz? Ha helyesen hajtják végre, ez vizuálisan nagyon szórakoztató és szórakoztató élmény lehet, ha rosszul hajtják végre, akkor az egész Flash-webhely. A bölcs szavakból: használj körültekintően, de tedd át a tetejét, amikor használod.

Waaark

Három példa a legnépszerűbb animációkra:

  1. Waaark - Lol, ez a kis dizájnstúdió az ez év legcsodálatosabb vizuális élményeit produkálta. Hagyja a francia dolgot, hogy az animációknál a tetején megy keresztül.
  2. Animocons - Ez néhány példa a látványos kattintási animációkkal ellátott ikonokra, mind webkód segítségével.
  3. Rally Interactive Beta - A Rally nagyszerű munkát végez azzal, hogy nem rendelkezik megfelelő mennyiségű animációval a webhelyén. Őrültek a tetején, majd enyhén megőrzik, amikor rákattintottak és kiválasztottak valamit.

Bónusz: még nem igazán tendencia, csak egy-két helyen láttam, de a határozott időre skálázó, reagáló weboldalak építése óriási lesz. Vagyis a webhely pontosan ugyanúgy néz ki egy 1280 képpontos képernyőn, mint az iMac 27 "Retina 5100+ px képernyős képernyőn, csak nagyobb. Tekintse meg az Oi brazíliai távközlési szolgáltató nagyszerű oldalát.

Nils vagyok, és tervezőként dolgozom az Ape-nál, egy digitális stúdióban, Svédországban. Nagyszerű tervezés, technológia és kommunikáció mellett élünk. Ha többet szeretne tudni rólunk, nézd meg weboldalunkat, akik sajnos nem rendelkeznek a fent felsorolt ​​trendekkel.

Továbbá, ha tetszett ez a cikk, kérjük, nyomja meg az alábbi ajánlást. Nagyon sokat segít.