Suunnittelemalla paljon sivustoja pyrimme keskittymään siihen, miten parhaiten käytetään tekstiä esimerkiksi navigointia varten. Kuvat katsotaan ensisijaisesti tekstin tukena (lukuun ottamatta asioita, kuten salkun sivustoja ja vastaavia).

Pääasiallisena sisällönä käyttävien sivustojen lisäksi on olemassa myös sivustoja, jotka ylistävät tekstin navigoinnin kuvakkeiden hyväksi. Se on tekniikka, joka voi hyvin parantaa sivuston esteettisyyttä vahingoittamatta käytettävyyttä. Ja on olemassa muutamia erilaisia ​​tapoja, joilla voit ylläpitää käytettävyyttä ja tarjota erinomaisen käyttökokemuksen, mikä voi olla tyyli, joka on täynnä mahdollisia häiriöitä.

Milloin tekstin minimointi

Sivustot, jotka käyttävät tätä tyyliä melko paljon, ovat muutamia yhteisiä asioita. Ne ovat kaikki visuaalisesti ajettuja, mutta vielä tärkeämpää, ne ovat sivustot, joissa visuaalisesti ohjattu on järkevää (kuten valokuvaajat, suunnittelijat ja kuvittajat).

On myös järkevää käyttää tällaista sivustoa, kun piquing vierailijan uteliaisuus on hyvä idea. Mitä enemmän käyttäjä voi saada vuorovaikutusta sivustosi kanssa, sitä kauemmin he viettävät siellä. Tämä menee pitkälle kohti vahvistamista brändisi kävijän mielessä.

Varmista, että kuvat ovat järkeä sivustosi sisällölle ja tarkoitukselle. Tämä on ilmeistä, kun puhutaan portfoliosivustosta, mutta siitä tulee hieman monimutkaisempi, kun puhutaan sivustosta, jolla on jotain vain kuva-aluetta.

Kun et halua keskittyä kuviin

On muitakin aikoja, jolloin kuva-raskas sivusto ei ole järkeä. Jos kävijät todennäköisesti ovat kiireisiä, he haluavat esimerkiksi sivuston, joka on itsestään selvää. Jos on kysyttävää siitä, mitä heidän pitäisi tehdä etsimäänsä tietoa varten, he todennäköisemmin lähtevät sivustolta ja etsivät tietoja muualta.

Ja tietenkin, jos sivustosi sisältö on tekstipohjainen, heittäessäsi kuvia vain heittää kuvia ei tee sinua (tai vierailijasi) mitään suosii. Käytä kuvia tekstin tukemiseen sen sijaan, että kuvat pääpainotteisesti.

Parhaat käytännöt

Muutamia asioita voit tehdä varmistaaksenne, että kuvasi raskas sivustot ovat vierailijasi hyvin vastaan.

Käytä tekstiä, kun se on järkevää. Tämä tarkoittaa, että kuvat, kuten liukuvat vaikutukset ja työkaluvinkit, tulevat nopeasti näkemään, mitä kuva on tai mitä tehdä.

Tämä on erityisen tärkeää navigointiin tarkoitetuissa kuvissa. Tapa, jolla useimmat sivustot käsittelevät tätä, paljastavat tekstin, kun kuvakkeet tai kuvat liikkuvat. Vaikka kaikki sivustot eivät tee tätä, ne, jotka eivät ole yleensä hyvin itsestään selvää.

Käytä käyttäjiäsi kuvia typerä uteliaisuus. Ajattele, miten käyttäjät voivat miettimään, mitä jotain on kyse ilman turhauttavaa. Se on hankala linja kävellä, koska käyttäjille on helppo poistaa käyttäjät, jos sivustosi hämmentää niitä. Kiinnitä tarkkaavaisuus analyysiasi ja kuinka nopeasti kävijät lähtevät sivustostasi.

RVLT

RVLT RVLT sivusto käyttää ruudukkoa kotisivulla, jossa on kuvia ja tekstiä. Teksti on itsestään selvää, kun taas kuvat vievät sinut yksittäisiin tuotesivuihin. Teksti ja kuvat järjestetään joka kerta, kun sivu päivitetään, mikä tekee sivustosta mielenkiintoisemman.

Se on yksinkertainen ja ylläpitää paljon visuaalista kiinnostusta.

RVLT

Andreas Smetana Valokuvaus

Kuva-raskas muotoilu on selkeä valinta valokuvauskannalle. Mutta Andreas Smetana Valokuvaus sivustolla on edelleen ainutlaatuinen ja mielenkiintoinen. Kotisivun vasemmalla puolella oleva kuvaverkko toimii navigoinnin kautta koko salkun. Napsauta mitä tahansa kuvaa ja siirryt suurempaan versioon (muutamien siistinä leijuvääriin animaatioiden jälkeen).

Tämän sivun tekstin sijasta kuvakkeen hienovarainen käyttö on salkun navigointi-nuolia. On selvää, mitä he ovat, samalla kun he ovat yksinkertaisia ​​ja vähäpätöisiä ja jättävät keskittymän työhön.

Andreas Smetana Valokuvaus

Martina Sperl

Martina Sperl sivustolla käytetään isoja, rohkeita kuvia, joissa on vain vähän tekstiä. Tutustu kuvakokoelmiin, jotka napsautettuina paljastavat lisää tietoja tuotteista. Nuolinäppäimet ulkonäkönäkymissä näkyvät kuvien alapuolella ja ovat itsestään selviä.

Verkkokauppa on myös raskas, tuotevalikoima on löysä verkko, joka paljastaa tuotetietoa, kun se leijuu yli.

Kaiken kaikkiaan tämä on yksinkertainen muotoilu, jossa kuvat ovat painopiste ja paljon vaikutusta.

Martina Sperl

Moving Things Design Company

Moving Things Design Company Moving Things Design Company on tasapainoisampi teksti- ja kuvien sekoitus, mutta silti käyttää paljon kuvia sivustossa, jotta se vahvistaa ja havainnollistaa pisteitä. "Teoksemme" -osiossa hyödynnetään erityisesti kuvia, jotka yhdistävät yksittäiset portfoliot.

Moving Things Design Company

Andi Mayr

Andi Mayr valokuvausvalikoima tarjoaa runsaasti kuvia verkkoon, ja jokainen yhdistää kuvan suurempaan versioon, joka avautuu lightboxissa. Ainoa sivuston teksti löytyy sivupalkista navigointiin ja yhteystietoihin.

Andi Mayr

DIY

DIY DIY sivusto, myös Andi Mayr, käyttää vielä vähemmän tekstiä. Se on todella mielenkiintoinen projekti, jonka avulla avustajat voivat ottaa itsekkäitä viiden minuutin ajan ja valita sitten yhden kuvan, jonka he tuntevat parhaiten edustaa heitä.

Sivusto koostuu valokuvaketjusta (jokaisesta valokuvasta tulee linkki sivulle, joka näyttää kaikki kuvat, joita henkilö otti viiden minuutin aikana) sekä hieman osallistujaa.

Kuvakkeita (lisätietoihin liittyvissä työkalutuksissa) käytetään suodatukseen ja navigointiin, mikä on mukava kosketus. Työkaluvut, erityisesti, ovat hyödyllisiä.

DIY

Luulen, että voisin

Luulen, että voisin on ryhmävalokuvaprojekti, joka keskittyy kauniisiin kuviin. Sivusto on itse asiassa vain kuvia. Navigointi on oikeassa yläkulmassa, ja siinä on vain kuvakkeita.

Kartalta löytyy myös karttanäkymä (klikkaa karttanäkymän kuvaketta päästäksesi siihen), mikä on toinen loistava vaihtoehto tutkia.

Luulen, että voisin

satoja

satoja on mobiili pulmapeli, jossa on mielenkiintoinen sivusto, joka on raskas kuvissa. Sivustolla on paljon tekstiä, mutta kaikki on sidottu kuvan kautta, joka muistuttaa itse pelin.

satoja

Abby Putinski

Abby Putinski on kuvittaja ja graafinen suunnittelija, joten on järkevää, että hänen verkkosivuillaan on hyvin heikko kuva. Sulkemalla alkuperäinen intro lightbox, kävijät näkevät kartan peitetty kuvakkeet ja maamerkkejä. Se on hauska tapa tarkistaa hänen työnsä, herättäen käyttäjän uteliaisuutta. Napsauta jotain korostettua maamerkkiä ja näet mahtava animoitu kuva.

Napsauta mitä tahansa sivun yläreunassa olevista kuvista ja voit käyttää hänen salkkua, jatkaa, yhteystiedot, Dribbble-profiili tai Etsy-myymälä. Se on todella hauska muotoilu.

Abby Putinski

Marius Roosendaal

Marius Roosendaal Sivuston vieritys on vaakasuoraan ja se koostuu lähes kokonaan valkoisella taustalla olevista kuvista (plus tekstilinkki "noin" -sivulle). Napsauta kuvaa saadaksesi lisätietoja ja lyhyen kuvauksen tietystä työstä.

Marius Roosendaal

Radoslav Holan

Radoslav Holan Sivusto koostuu suuresta taustakuvasta, jossa on linkkikuvakkeet, jotka vievät sinut suunnittelijaan. Sivun alareunassa on myös jakokuvake, jossa on lisäksi kuvakkeita jokaiselle tärkeimmälle sosiaaliselle verkostolle. Voit sammuttaa kuvakkeet kokonaan napsauttamalla näytön alareunassa olevaa "x" -aluetta (joka muuttuu sitten "+", jota voit napsauttaa uudelleen, jos haluat kuvakkeet takaisin).

Radoslav Holan

Mint Digital

Mint Digital tarjoaa ikoni navigoinnin sivulla vasemmalla puolella, joka laajenee näyttäen selittävän tekstin, kun se leijuu päälle. Kotisivu itse koostuu useimmiten valokuvista, joihin on lisätty hieman tekstiä.

Mint Digital

Brindisa Tapas Keittiöt

Brindisa Tapas Kitchens Brindisa Tapas Keittiöt verkkosivustossa käytetään navigointikuvakkeita ensisijaisen nav: n kohdalle, jotka laajentavat tekstin näyttämistä, kun ne liikkuvat. Jotkut kuvakkeet ovat melko itsestään selvät (kuten valikkosivun valikko tai taulukko ja taulukko), kun taas toiset todella hyötyvät tekstistä.

Myös suuret kotisivun liukusäätimet ovat käytettävissä nuolinäppäimillä. Se on helppokäyttöinen ja todella esteettinen muotoilu.

Brindisa Tapas Keittiöt

Blocklevel

Blocklevel Blocklevel sivusto käyttää värikkäistä lohkoryhmiä täynnä kuvakkeita ja minimaalinen teksti pääosan kotisivuilleen. Useimmat näistä paljastavat tietoja yrityksestä, kun heidät lyötiin. Tällainen paljastuminen todella pieksää kävijän uteliaisuutta ja tekee ihmisistä todennäköisemmin vuorovaikutuksen sivuston kanssa.

Blocklevel

Camellie

Camellie Camellie sivusto on erinomainen kuvittajalle, jossa kotisivu koostuu kokonaan taiteilijan kuvista. Liikkuminen päällekkäin paljastaa kuvan tiedot ja napsauttamalla pääset suurempaan versioon. Näillä yksityiskohtaisilla sivuilla saat myös sarjan värikkäitä pisteitä sivun vasemmalta puolelta, jotka tuovat sinut muihin taideteoksiin.

Se on yksinkertainen, jossa keskitytään tarkasti taiteeseen, sillä sen pitäisi olla tällaisen sivuston kanssa.

Camellie

johtopäätös

Kun hyvin tehdään, kuvien kohdistamiseen ja tekstin käytön minimointiin tarkoitetuilla sivustoilla voi olla suuri vaikutus kävijöihin ja lisätä sitoutumista. Vaikka haitat ja tyyli ei ole sopiva jokaiselle sivustolle, on olemassa selviä etuja tämän tyylin käyttämiseen sivustoilla, joilla käyttäjän uteliaisuuden edistäminen on suotuisaa.