Trendy v dizajne webových stránok z roku 2016, ktoré je potrebné zvážiť pred vytvorením vášho webu

dk new media stránka 1

Videli sme veľa spoločností smerujúcich k čistejšej a jednoduchšej skúsenosti používateľov webových stránok. Či už ste dizajnér, vývojár alebo iba milujete webové stránky, môžete sa niečo naučiť tým, že sa pozriete na to, ako to robia. Pripravte sa na inšpiráciu!

  1. animácie

Ak zanecháme počiatočné, kruté dni webu, ktorý bol plný blikajúcich gifov, animovaných pruhov, tlačidiel, ikon a tancujúcich škrečkov, dnešná animácia znamená vytvárať interaktívne a pohotové akcie, ktoré vylepšujú rozprávanie a poskytujú užívateľovi bohatý zážitok.

Medzi príklady bohatej animácie patria načítanie animácií, navigácia a ponuky, animácie pri umiestnení kurzora myši, galérie a prezentácie, pohybová animácia, posúvanie a animácie a videá na pozadí. Navštívte tento web od spoločnosti Beagle, platformy na správu návrhov:

Animovaný web spoločnosti Beagle

Prekliknutím zobrazíte úžasnú animáciu JavaScriptu a CSS od spoločnosti Beagle, keď prechádzate nadol po ich stránkach.

Bohatú animáciu je možné vidieť aj v mikro interakcii. Napríklad na LinkedIn môže používateľ umiestniť kurzor myši na kartu a zobraziť tak jemnú rozbaľovaciu ponuku možností. Potom môže príbeh preskočiť alebo vykonať ďalšie akcie.

Animácie GIF sa (s radosťou?) Znovu oživili a dajú sa použiť na rôzne účely, vrátane komédií, ukážok a dokonca len na dekoráciu.

  1. materiál dizajn

materiál dizajn, dizajnérsky jazyk vyvinutý spoločnosťou Google, sa spolieha na prvky dizajnu založeného na tlači - typografiu, mriežky, priestor, mierku, farbu a použitie snímok - spolu s responzívnymi animáciami a prechodmi, výplňou a efektmi hĺbky, ako sú osvetlenie a tiene na poskytujú realistickejšie, pútavejšie a interaktívnejšie používateľské prostredie.

Material Design využíva tieň, pohyb a hĺbku, aby ponúkol čistú a modernú estetiku so zameraním na optimalizáciu UX bez prílišného množstva zvonov a píšťal.

Medzi ďalšie príklady materiálového dizajnu patria snímky od okraja po okraj, veľkoplošná typografia a zámerné biele miesto.

Koncept redizajnu materiálového dizajnu pre Youtube Android

  1. Plochý dizajn

Zatiaľ čo Material Design ponúka jeden prístup k konceptu minimalizmu, plochý dizajn zostáva klasickou voľbou pre milovníkov čistých línií. To znamená, že plochý dizajn sa často považuje za realistickejší, autentickejší a pohodlnejší digitálny vzhľad.

Vesmírna ihla

Na základe princípov bieleho priestoru, definovaných hrán, živých farieb a 2D alebo „plochých“ ilustrácií ponúka plochý dizajn všestranný štýl, ktorý často využíva techniky, ako je líniová ikonografia a dlhé tiene.

Pristávací modul

  1. Rozdelené obrazovky

Rozdelené obrazovky sa najlepšie používajú, keď chcete propagovať dve rovnako dôležité oblasti alebo chcete ponúkať obsah spolu s fotografiami alebo médiami. Je to nový skvelý spôsob, ako poskytnúť zábavnú a odvážnu skúsenosť používateľov.

rozdelená obrazovka

Ak používateľom umožníte zvoliť si svoj obsah a prostredie, môžete vytvoriť prostredie portálového typu, ktoré láka návštevníkov na vstup.

rozdelená obrazovka-oceán

  1. Uvoľnenie prehliadača Chrome

Pojem „chróm“, ktorý odkazuje na chrómové nárazníky a ozdoby na klasických automobiloch, označuje kontajnery webovej stránky - ponuky, hlavičky, päty a okraje -, ktoré zapuzdrujú hlavný obsah.

chrómový čas

To môže pôsobiť rušivo a veľa spoločností sa rozhoduje vymaniť z kontajnerov a vytvárať čisté usporiadania od okraja po okraj bez okrajov, hlavičiek alebo päty.

chróm-vpred

 

  1. Zabudnite na záhyb

„Nad záhybom stránky“ je novinársky žargón pre hornú polovicu prednej strany novín. Keďže noviny sú často poskladané a umiestnené v škatuliach a displejoch, najpútavejší obsah ide nad záhyb stránky, aby mali najlepšiu šancu chytiť potenciálneho čitateľa (a jeho peňaženku).

Dizajn webových stránok už dlho využíva myšlienku zloženia na princípe, že rolovanie je zaťažujúce. V poslednej dobe však obrázky a obsah na celú obrazovku pozdravia používateľa a povzbudzujú v rolovaní, aby odhalili ďalší, podrobnejší obsah.

semenná škvrna

  1. Video na celú obrazovku

Video môže byť skvelým spôsobom, ako upútať pozornosť návštevníkov, a je často ešte efektívnejšie ako vizuál alebo text. Smyčkové videá, ako napríklad tie, ktoré používa Apple pre Apple Watch, sú jedinečným spôsobom, ako nastaviť tón a pritiahnuť návštevníkov.

Highbridge

Kliknutím zobrazíte HighbridgeVideo na ich domovskej stránke

Pokiaľ ide o webový dizajn, veľa konkrétnych komponentov bude diktovaných vaším odvetvím, špecializovanou oblasťou, cieľovým trhom a obsahom. Vaše rozloženie bude závisieť od toho, na čo návštevníci reagujú a čo má pre vašu správu najväčší zmysel. Ale s týmito trendmi po ruke budete mať všetko, čo potrebujete, aby ste vytvorili pôsobivú webovú stránku, ktorá urobí to, čo musíte, a ktorá ukáže, že viete, ako kráčať s dobou.

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.