2016. aasta veebisaidi kujundamise suundumused, mida tuleks enne saidi loomist arvesse võtta

dk new media sait 1

Oleme näinud paljusid ettevõtteid liikumas veebisaidi kasutajate jaoks puhtama ja lihtsama kogemuse poole. Olenemata sellest, kas olete disainer, arendaja või armastate lihtsalt veebisaite, saate midagi õppida, kui heidate pilgu neile. Ole valmis inspiratsiooniks!

  1. animafilm

Jättes maha varased ja räpased veebipäevad, mis olid tasas vilkuvate gifide, animeeritud ribade, nuppude, ikoonide ja tantsivate hamstritega, tähendab animatsioon tänapäeval interaktiivsete ja reageerivate toimingute loomist, mis parandavad jutuvestmist ja pakuvad rikkalikku kasutuskogemust.

Rikkaliku animatsiooni näideteks on animatsioonide, navigeerimise ja menüüde laadimine, hõljutatud animatsioonid, galeriid ja slaidiseansid, liikumisanimatsioon, kerimine ning taustaanimatsioonid ja -videod. Vaadake seda saiti Beagle'ilt, pakkumiste haldamise platvormilt:

Beagle animeeritud veebisait

Klõpsake läbi, et näha Beagli hämmastavat JavaScripti ja CSS-i animatsiooni, kui kerite nende saidil alla.

Rikkalikku animatsiooni võib näha ka mikrotegevuses. Näiteks LinkedInis saab kasutaja hõljuda kaardi kohal, et kuvada valikuvõimaluste peen hüpikmenüü, ja valida siis loo vahele jätmine või muude toimingute tegemine.

GIF-animatsioonid on (rõõmsalt?) Taas üles tõusnud ja neid saab kasutada mitmel erineval eesmärgil, sealhulgas komöödias, demonstratsioonides ja isegi lihtsalt kaunistamiseks.

  1. Materjal Design

Materjal Design, Google'i välja töötatud kujunduskeel, tugineb trükipõhise kujunduse elementidele - tüpograafia, ruudustikud, ruum, mõõtkava, värv ja piltide kasutamine - koos tundlike animatsioonide ja üleminekute, polsterduse ja sügavusefektidega, nagu valgustus ja varjud pakkuda realistlikumat, kaasahaaravamat ja interaktiivsemat kasutuskogemust.

Materiaalne disain kasutab varju, liikumist ja sügavust, pakkudes puhast ja kaasaegset esteetikat, keskendudes UX-i optimeerimisele ilma liiga paljude kellade ja vileteta.

Materjalikujunduse muude näidete hulka kuuluvad servast servani kujundus, suuremahuline tüpograafia ja tahtlik valge ruum.

Youtube'i Androidi materjalide kujunduse ümberkujundamise kontseptsioon

  1. Flat Design

Kui materjalidisain pakub minimalismi kontseptsioonile ühte lähenemisviisi, on lamedad kujundused endiselt puhaste joonte austajate klassikaline valik. See tähendab, et lamedat kujundust nähakse sageli realistlikuma, autentsema ja mugavama digitaalse välimusena.

Kosmosenõel

Lähtudes valge ruumi, määratletud servade, erksate värvide ja 2D - või "lamedate" - illustratsioonide põhimõttest, pakub tasane disain mitmekülgset stiili, milles kasutatakse sageli selliseid tehnikaid nagu joone ikonograafia ja pikad varjud.

lander

  1. Jagatud ekraanid

Parim kasutada juhul, kui teil on kaks võrdselt olulist valdkonda, mida reklaamida, või soovite pakkuda sisu koos fotode või meediumiga, on jagatud ekraanid suurepärane uus viis lõbusa ja julge kasutuskogemuse pakkumiseks.

jagatud ekraaniga

Lubades kasutajatel valida oma sisu ja kogemused, saate luua portaali tüüpi kogemuse, mis meelitab külastajaid sisenema.

jagatud ekraaniga ookean

  1. Chrome'i viskamine

Välja arvatud klassikaliste autode kroomitud kaitserauad ja kaunistused, viitab kroom veebisaidi konteineritele - menüüdele, päistele, jalustele ja ääristele -, mis kapseldavad põhisisu.

kroom-aeg

See võib häirida ja paljud ettevõtted otsustavad vabaneda mahutitest ja luua puhtad servast servani paigutused, millel pole piire, päiseid ega jaluseid.

kroom-ettepoole

 

  1. Unustage voltimine

„Voldiku kohal“ on ajalehe esilehe ülemise poole ajalehepruuk. Kuna ajalehed on tihti kokku pandud ja karpidesse ja väljapanekutesse pandud, läheb kõige kaasahaaravam sisu voldist kõrgemale, et anda neile parim võimalus potentsiaalsest lugejast (ja nende rahakotist) kinni haarata.

Veebisaitide kujundamine on pikka aega kasutanud voltimise ideed põhimõttel, et kerimine on koormav. Kuid hiljuti tervitavad täisekraani pildid ja sisu kasutajat ning julgustavad kerima, et tutvustada täiendavat ja põhjalikumat sisu.

seemnelaik

  1. Täisekraaniga video

Video võib olla suurepärane viis külastajate tähelepanu äratamiseks ja see on sageli isegi efektiivsem kui visuaal või tekst. Videote loopimine, näiteks need, mida Apple kasutab Apple Watchi jaoks, on ainulaadne viis tooni seadmiseks ja külastajate meelitamiseks.

DK New Media

Klõpsake vaatamiseks läbi DK New Mediavideo nende avalehel

Veebikujunduse osas dikteerib palju konkreetseid komponente teie tööstus, nišš, sihtturg ja sisu. Teie paigutus sõltub sellest, millele külastajad reageerivad ja mis on teie sõnumi jaoks kõige mõistlikum. Kuid nende suundumuste olemasolul on teil kõik vajalik, et luua veenev veebisait, mis teeb seda, mida vajate, ja see näitab, et teate, kuidas ajaga kaasas käia.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.