Vuoden 2016 verkkosivujen suunnittelussa huomioitavat trendit ennen sivuston luomista

dk new media sivusto 1

Olemme nähneet monien yritysten siirtyvän kohti puhtaampaa ja yksinkertaisempaa kokemusta verkkosivustojen käyttäjille. Olitpa suunnittelija, kehittäjä tai rakastat vain verkkosivustoja, voit oppia jotain katsomalla, miten he tekevät sen. Valmistaudu innoittumaan!

  1. animaatio

Verkon alkuvaiheiden jättäminen taaksepäin, joka oli täynnä vilkkuvia gifejä, animoituja baareja, painikkeita, kuvakkeita ja tanssihamstereita, animaatio tarkoittaa nykyään vuorovaikutteisten, reagoivien toimintojen luomista, jotka parantavat tarinankerrontaa ja tarjoavat rikkaan käyttökokemuksen.

Esimerkkejä rikkaasta animaatiosta ovat animaatioiden lataaminen, navigointi ja valikot, hiiren animaatiot, galleriat ja diaesitykset, liike-animaatio, vieritys sekä tausta-animaatiot ja videot. Katso tämä sivusto Beagle-ehdotustenhallinta-alustalta:

Beagle-animoitu verkkosivusto

Napsauta läpi nähdäksesi Beaglen hämmästyttävän JavaScript- ja CSS-animaation, kun vierität heidän sivustoaan alas.

Rikas animaatio näkyy myös mikroyhteydessä. Esimerkiksi LinkedInissä käyttäjä voi viedä hiiren kortin päälle saadaksesi hienon vaihtoehtovalikon ja valitsemalla sitten ohittaa tarinan tai ryhtyä muihin toimiin.

GIF-animaatiot ovat (iloisesti?) Nousseet uudelleen, ja niitä voidaan käyttää moniin eri tarkoituksiin, mukaan lukien komedia, mielenosoitukset ja jopa vain koristeluun.

  1. Materiaali Suunnittelu

Materiaali Suunnittelu, Googlen kehittämä suunnittelukieli, perustuu painopohjaisen suunnittelun elementteihin - typografiaan, ruudukkoihin, tilaan, mittakaavaan, väreihin ja kuvien käyttöön - sekä reagoiviin animaatioihin ja siirtymiin, täytteisiin ja syvyysefekteihin, kuten valaistukseen ja varjoihin. tarjota realistisempi, kiinnostavampi ja vuorovaikutteisempi käyttökokemus.

Materiaalisuunnittelu käyttää varjoa, liikettä ja syvyyttä tarjotakseen puhtaan, modernin esteettisyyden keskittyen UX: n optimointiin ilman liikaa kelloja ja pillejä.

Muita esimerkkejä materiaalisuunnittelusta ovat reunasta reunaan -kuvat, laajamittainen typografia ja tarkoituksellinen tyhjä tila.

Youtube Android Material Design Redesign -konsepti

  1. Flat Design

Vaikka materiaalisuunnittelu tarjoaa yhden lähestymistavan minimalismin käsitteeseen, tasainen muotoilu on edelleen klassinen valinta puhtaiden linjojen ystäville. Toisin sanoen litteä muotoilu nähdään usein realistisemmaksi, aidommaksi ja mukavammaksi digitaaliseksi ilmeeksi.

Space Needle

Tasaisen muotoilun periaatteet perustuvat valkoisen tilan, määriteltyjen reunojen, elävien värien ja 2D - tai "tasainen" - kuvituksiin, ja se tarjoaa monipuolisen tyylin, jossa käytetään usein tekniikoita, kuten viivakuvaa ja pitkiä varjoja.

lander

  1. Jaetut näytöt

Jaetut näytöt ovat paras tapa käyttää, kun sinulla on kaksi yhtä tärkeää aluetta mainostettavaksi tai haluat tarjota sisältöä valokuvien tai median rinnalla.

jaetun näytön

Sallimalla käyttäjien valita sisältö ja kokemus voit luoda portaalityyppisen kokemuksen, joka houkuttelee kävijöitä sisään.

jaettu näyttö-valtameri

  1. Chromen pudottaminen

Kromi viittaa klassisten autojen kromipuskureihin ja koristeisiin, mutta se tarkoittaa verkkosivuston kontteja - valikoita, otsikoita, alatunnisteita ja reunoja -, jotka koteloivat ydinsisällön.

kromiaika

Tämä voi häiritä, ja monet yritykset päättävät irtautua säiliöistä ja luoda puhtaita, reunasta reunaan -asetteluja ilman rajoja, otsikoita tai alatunnisteita.

kromi eteenpäin

 

  1. Unohda taitto

”Taitoksen yläpuolella” on sanomalehden ammattikieltä sanomalehden etusivun yläosaa varten. Koska sanomalehdet taitetaan usein ja laitetaan laatikoihin ja esittelyihin, houkuttelevin sisältö menee taiton yläpuolelle, jotta heillä on parhaat mahdollisuudet tarttua potentiaaliseen lukijaan (ja heidän lompakkoonsa).

Verkkosivujen suunnittelu on jo pitkään käyttänyt ajatusta taitosta periaatteella, että vieritys oli raskasta. Mutta viime aikoina koko näytön kuvat ja sisältö tervehtivät käyttäjää ja kannustavat vierittämään paljastamaan lisää, perusteellisempaa sisältöä.

siemenpilkku

  1. Koko näytön video

Video voi olla hyvä tapa herättää kävijöiden huomio, ja se on usein jopa tehokkaampi kuin joko visuaalinen teksti tai teksti. Silmukkaiset videot, kuten Applen Apple Watchille käyttämät videot, ovat ainutlaatuinen tapa asettaa ääni ja houkutella kävijöitä.

DK New Media

Napsauta läpi nähdäksesi DK New Media: n video heidän kotisivullaan

Web-suunnittelun suhteen teollisuutesi, markkinarako, kohdemarkkinat ja sisältö sanelevat paljon erityisiä komponentteja. Asettelusi riippuu siitä, mihin kävijät vastaavat ja mikä on järkevintä viestillesi. Mutta kun nämä trendit ovat käytettävissäsi, sinulla on kaikki mitä tarvitset luoda houkutteleva verkkosivusto, joka tekee mitä tarvitset, ja se osoittaa, että osaat pysyä ajan tasalla.

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.