5 verkkosivustojen asettelutrendiä tähän mennessä

Aikaisempina vuosikymmeninä olemme tottuneet laskeutumaan verkkosivustolle ja kokemaan melkein saman asian. Voi, väreissä, kuvissa, kuvituksessa ja typografiassa on aina ollut jonkin verran eroja, mutta meillä oli aina valikko ylä- ja / tai sivupuolella ja muut laatikoihin sisältyvät elementit, jotta voimme helposti nähdä ne ja seurata komentoja .

Vähitellen ajan mittaan verkkosuunnittelijat, käyttöliittymän asiantuntijat ja taiteilijat ovat kokeilleet malleja, ja joka vuosi on tullut uusia suuntauksia, jotka vievät asettelut kokonaan uudelle tasolle. Kun tarkastelemme vuotta 2015, joka on jo puolivälissä, olemme huomanneet, että jotkut trendit ovat eturintamassa, mikä luo käyttäjille dynaamisia ja pakottavia kokemuksia.



Suunnittelijat ovat myös alkaneet yhdistää kokeiltuja elementtejä luovilla ja kokeellisilla tavoilla. Seuraavat viisi trendiä ja esimerkkejä esitetään yksittäin, mutta itse asiassa monet näistä elementeistä yhdistetään kiehtovilla tavoilla ja todennäköisesti ajavat jopa uusia ulkoasuja vuodelle 2016.



01. Jaetut näytöt

Jaetun näytön asettelussa on pystysuuntainen jakaminen, joka voi esittää kaksi elementtiä. Tämän tyyppisen asettelun syyt ovat kaksi:

  1. Yrityksellä on kaksi edistettävää asiaa, ja ne ovat yhtä tärkeitä, ja jakamisen avulla käyttäjät voivat valita kahdesta.
  2. Yritys voi haluta mainostaa kapeallaan olennaisia ​​toisella puolella ja esittää valokuvia tai mediaa toisella puoliskolla - ehkä esitellä henkilökuntaa tai esimerkkejä tuotteista tai palveluista. Esimerkiksi ravintola saattaa haluta laittaa tuotemerkkinsä ruudun vasemmalle puolelle ja sitten vierittää esimerkkejä astioista oikealla. Vaatesivusto tekee saman asian vierittämällä kuvia joistakin sen tuotteista oikealla puolella; toinen yritys saattaa haluta esitellä henkilöstöään oikealla olevien kuvien ja kuvatekstien avulla.

Verkkosivustot mukaan lukien PixelatingBits ovat jo huomanneet tämän suuntauksen, ja alla on kaksi erinomaista esimerkkiä jaetun näytön suunnittelusta:



Dewey

Dewey's Pizza käyttää jaettua näyttöä, jossa on keskivalikkopalkki

Peugeot kuvaa nykyistä iskulausettaan jaetulla näytöllä

Peugeot kuvaa nykyistä iskulausettaan jaetulla näytöllä

02. Estä ristikot

Sivu on jaettu useisiin lohkoihin - symmetriseen tai epäsymmetriseen. Nämä lohkot voivat olla kaikki saman kokoisia, jos elementit ovat yhtä tärkeitä, tai erikokoisia näytetyn sisällön tärkeysjärjestyksen perusteella. Näitä moduuleja voidaan käyttää muilla sivuilla kuin vain kotisivulla, ja ne on myös suunniteltu joustaviksi, jotta niiden koko voidaan muuttaa koko tietokoneen näytöiksi tai pienennetty sopiviksi mobiililaitteiden näytöille.



Ensimmäinen esimerkki koskee 'Greats' -yritystä, joka markkinoi miesten kenkiä ensisijaisesti verkkosivustonsa kautta. Sivusto toimii sen esittelynä tai luettelona, ​​ja koska kaikki kengät ovat yhtä tärkeitä, ruudukko on samoissa lohkoissa.

Tässä käytetään yhtä suurikokoisia lohkoja

Tässä käytetään yhtä suurikokoisia lohkoja

Tämä toinen esimerkki on tarkoitettu musiikkikoululle, ja elementit ovat epätasaisesti korostettuja, johtajan suurin ja sitten pienemmät opiskelijakuvien ruudukkomoduulit. Molemmat esimerkit ovat peräisin SitePoint .

Epätasainen lohko asettaa etusijalle yhden kuvan

Epätasainen lohko asettaa etusijalle yhden kuvan

03. Ei kromia

Vuosikymmeniä sitten autot olivat suuria ja koteloidut edessä ja takana kromikoristeilla. Nykyään termi 'kromi' viittaa sivuston ja sivun suunnitteluun, ja tarkoittaa kaikkia kontteja, otsikoita, alatunnisteita ja reunoja, jotka ympäröivät sivua. Monet ulkoasusuunnittelijat uskovat, että tämä kromi häiritsee käyttäjää, kun painopisteen tulisi olla yksinomaan sivun painopisteessä - näitä edustava brändi / tuote / palvelu tai kuva.

Poistamalla kaikki nämä häiriötekijät saavutetaan mukava puhdas vaikutus, ja valikot ja linkit sijoitetaan huomaamattomasti sivulle ilman kontteja. Mikään reuna, otsikko tai alatunniste ei myöskään vetä silmää pois halutusta tarkennuksesta. Tässä on kaksi esimerkkiä sivustoista, joissa ei ole kromia, kuten hahmotellaan WebDesignerDepot .

Ei ei-toivottuja

Ei ei-toivottuja kromi täällä, vain yhteystiedot ja valikkohampurilainen oikeassa yläkulmassa

Sinulla voi silti olla tietoja, valikoita ja galleria ilman turhaa kromia, kuten Braun todistaa

Sinulla voi silti olla tietoja, valikoita ja galleria ilman turhaa kromia, kuten Braun todistaa

04. Yhden näytön asettelu

Jaettujen näyttöjen lisäksi (ironisesti) yksittäiset näytöt ovat nousseet esiin myös vuonna 2015. Nämä ovat koristamattomia näyttöjä, jotka näyttävät televisioruudulta tai aikakauslehti-tyyliseltä, ja sisältävät usein vierityksen sivuston avaamiseksi.

Tämä asettelu tarjoaa yhden kuvan, jolla saadaan täydellinen kuva tuotemerkistä / tuotteesta / palvelusta. Ajatuksena on tarjota käyttäjälle täydellinen kohdistus ja selkeys. Se on melko upea vaikutus, jos kuva tai kuva on kiinnostava ja mielenkiintoinen katsojalle. Jälleen puhdas muotoilu ja kromin puuttuminen eivät tarkoita häiriötekijöitä.

05. Suuret taustat / parallaksi

Viimeinen suunnittelutrendi on suurten taustojen käyttö, joka voi asettaa sivuston sävyn ja tunnelman. Jos taustat ovat kiireisiä, muiden keskellä ja etualalla olevien elementtien on oltava minimalistisia; Minimalistisempi tausta tukee kuitenkin vilkkaampia keski- ja etualan elementtejä. Tässä on kaksi upeaa esimerkkiä taustan käytöstä mielialan luomiseen:

Tämä rohkea tausta ei häiritse etualaa

Tämä rohkea tausta ei häiritse etualaa

Garish? Voi olla. Mutta tämä sivusto on edelleen käyttäjäystävällinen ja rohkea

pinta pro 7 musta perjantai 2019
Garish? Voi olla. Mutta tämä sivusto on edelleen käyttäjäystävällinen ja rohkea

Vuoden 2015 ulkoasut osoittavat monimuotoisuutta ja kokeilua yhdistelemällä perinteisiä ulkoasuja ja epätavallisia ja ainutlaatuisia uusia konsepteja. Sivuston asettelua voidaan helposti nähdä uutena taidemuotona, joka kutoo valokuvan, kuvitukset, animaatiot, typografian, värin, muodon ja viivan todella kiinnostaviin vaikutuksiin.

Oletko havainnut lisää vuoden 2015 trendejä? Kerro meille kommenteissa.

Sanat : Nicole boyer

Nicole Boyer on kirjailija, jonka pääaiheet ovat web- / graafinen suunnittelu ja markkinointi. Tällä hetkellä hän työskentelee toimittajana TehtäväVuori palvelu.

Kuten tämä? Kokeile näitä…