Oldal kiválasztása

Nagyon sok csodaszép weboldallal lehet mostanában találkozni és így év elején itt az ideje áttekinteni a 2017-es webdesign trendeket.

Az új év még csak most kezdődött el, de aki előre tekint már most felkészül az idei trendekre, melyeket megpróbálok röviden összefoglalni.

Nézzünk meg pár design-t, ami meghatározhatja az idei évet.

 

Koncentráljunk a tartalomra

content

Egy weboldalon rengeteg formában jelenítünk meg tartalmat, interakciót, mint például: oldalsáv, call to action gombok, pop up, beúszó ablakok, social media ikonok, kommentek, feliratkozó boxok.

Ezekkel mind eltereljük a látogatót a tartalomról, így várhatóan 2017 egy fő “design eleme” a tartalom lesz.

2017-ben ismét visszakerül a hangsúly a tartalomra, megszűnnek az egyéb feltüntetett ikonok, oldalsávok, ezáltal sokkal letisztultabbá fognak válni a website-ok, áttekinthetőbbek lesznek a tartalmak.

Nagy, vastag betűk

 

A fentebb említett content központúság miatt is a headingek változni fognak. Nagyobbak, vastagabbak lesznek, így könnyebben, hatékonyabban lehet kommunikálni. A nagyobb betűknél fontos szempont, hogy illeszkedjenek az adott struktúrába, így nem az a fontos, hogy minél vaskosabbak legyenek, hanem méretük ellenére szépen, elegánsan illeszkedjen az adott oldalra.

A túlinformált világban kifejezetten nagy hangsúly esik ezekre a headingknél használt fontokra, hisz ezáltal, mint kés a vajon végig tudunk haladni az oldalon és fel tudjuk kelteni a látogatók érdeklődését a többi tartalomra.

 

Geometriai elemek, minták, vonalak

 

geometric elements

A tavalyi trend idén fog még jobban felerősödni, hogy az oldalakon még meghatározóbbak lesznek a geometriai elemek (pl.: kép megjelenítéséhez tetraéder). Ezen elemek már nem csak ikonokon, képeken fognak megjelenni, hanem a hátterek elválasztásába is bekerülnek, így megszűnnek a szabályos formák a hátterekben.

 

 

geometric pictures

Képközpontú headingek

headings

 

Az idei évben ismét előjönnek a teljes képernyőmagasságot elfoglaló nyitóképek, valamint ezen a képen sem kell ragaszkodni a megszokott sorkizárt, san serif, nagy kapitális elhelyezéshez. Nyugodtan meg lehet törni ezeket a trendeket, akár geometriai elemekkel, akár a betűk kusza elrendezésével is.

Színátmenetes képek

gradient pictures

Ez a trend se újdonság, de idén még nagyobb hangsúlyt fog kapni a kéttónusú (duogradient) kép. Ezeket duogradient elemeket használja az Instagram is. Ez az elem nagyban segít feldobni a már kicsit megfáradt flat designt is.

AnimGIF és mozgó elemek

Az animációk, mozgó elemek terjednek az egyik legnehezebben a weben, pedig az egyik legjobb módja, hogy megmutassunk például egy mobil app működését.

Az SVG-k (scalable vector graphics) terjedésével az idei évben már sokkal nagyobb hangsúlyt fognak kapni az animált elemek a vizuális látványa miatt, így könnyebbé válik a kommunikáció. Most már nagyon kifinomult animációk készíthetőek, amelyekkel elegánssá, egyedivé tehető az oldal.

animgif

Csökkenő navigáció

sandwich navigation

A weboldalaknál mobil nézeten már megszokottá vált a rejtett menü, ám a desktop nézeten még az elfogadott a fenti menüsáv, ahol minden látható. Ez a trend várhatóan idén megváltozik.

Az asztali nézetnél is egyre nagyobb teret hódítanak a “hamburger” menük. A jelenlegi trendek szerint két-három menüpont lesz mindig látható a weboldalon, a többi menüpont a sandwich navigációban lesz megtalálható.

Ezen felül a másik irány, hogy kizárólag sandwich navigáció lesz a mobilnál már jól megszokott bal felső sarokban és a menüsáv vagy beúszik balról vagy teljes képernyőben lesz látható a klikkelés után.

 

sidebar navigation

Mikrointerakciók

microinteractions

Az idei trendekben kiemelt szerep fog jutni az úgynevezett mikrointerakcióknak, amelyek leggyakoribb megjelenési helye a hover/rollover. Kifejezetten “mozgalmassá” lehet vele tenni egy website-ot, azáltal ahogy mozog a kurzor és bizonyos elemek felé ér, akkor azoknál bizonyos interakciók lépnek életbe.

Kézzel rajzolt elemek, egyedi fényképek

hand-draw

Rengeteg weboldalt látok, hogy folyamatosan tudjam követni a trendeket, illetve újabb inspirációkat szerezzek. Ezek böngészése közben sokszor találkozom ugyan azzal a fényképpel, melyeket stock photo-ról, pexels.com-ról vagy egyéb képletöltő oldalon vásárolnak.

Végre elindult az a folyamat, hogy a website-on tényleg magukat, saját munkáikat szeretnénk megjeleníteni, így kiemelten fontossá váltak az egyedi fényképek. Nagyon fontosnak tartom, hogy ne mi akarjuk lefotózni a termékeket, ne egy barátot kérjünk meg, hanem bízzuk profira, hisz egy jó kép meghatározza az egész weboldalt.

Egyre fontosabb szerepet töltenek be a webdesign-nál is az egyedileg rajzolt elemek. Elsősorban kézzel rajzolt ikonokra, kiegészítő elemekre kell gondolni, amelyek plusz eleganciát, egyediséget adnak egy-egy oldalnak.

 

Pin It on Pinterest