Internet on muutnud praktiliselt kogu teabe, mida inimene soovib, vaid mõne klahvivajutusega kättesaadavaks. Kuid praktikas on see olnud nii õnnistus kui ka needus - halva kujunduse tõttu on nii palju kättesaadavat teavet raske omastada.

Suurim, kõige kahjulikum infokujunduse üleastumine on ka üks lihtsamini mõistetavaid ja parandatavaid: visuaalne hierarhia.

Visuaalne hierarhia on viis, kuidas teave on kujunduses struktureeritud ja prioriseeritud. Üks näide on näiteks see, kuidas pealkirjadele antakse visuaalsem kaal kui päistele või põhitekstidele tüpograafilise kujunduse hierarhia . Kuid on ka teisi viise disainerid oskab esitada visuaalset hierarhiat.

Visuaalse hierarhia põhireeglid pärinevad Gestalt disaini põhimõtted . Need psühholoogilised põhiteooriad disaini kohta ja selle kohta, kuidas inimesed tajuvad disainielemente, moodustavad visuaalse hierarhia loomise aluse. Need põhimõtted hõlmavad näiteks sümmeetriat, sulgemist, sarnasust, lähedust ja rohkem .

Miks on visuaalne hierarhia oluline?

Visuaalne hierarhia juhatab inimest kõige põhilisemal tasemel läbi esitatava sisu. See annab neile märku, milline sisu on kõige olulisem, kuidas see sisu on seotud jaotisteks või kategooriateks korraldatud ja millisele sisule peaksid nad kõigepealt keskenduma. See kehtib tõsi, olenemata sellest, kas sisu on tekst, pildid, video või midagi muud.

Teabe mõistmine on veel üks oluline funktsioon visuaalne hierarhia . Luues sisuliste osade vahel visuaalseid seoseid, antakse neile, kes seda sisu vaatavad, vihjeid selle kohta, kuidas teavet tõlgendada.

Suurendades arusaamist ja suunates esitatavat teavet tarbivat inimest, tugevdatakse kujunduse esitatavat sõnumit. Ilma visuaalse hierarhiata võib see kõik kokku tulla kui segadus.

Kuid visuaalse hierarhia tähtsuse teadmine ja teadmine, kuidas seda tegelikult luua, on erinevad asjad. Selles infograafikus esitatakse põhilised viisid kujunduse hierarhia loomiseks - sellised mõisted nagu suurus ja skaala, tüpograafiline hierarhia, kordused, juhtjooned ja tasakaal - koos näidetega, mis neid praktikas näitavad.

Nende põhimõtete mõistmine ja rakendamine annab UX disainerid eelis veenvate kujunduste loomisel, mis edastavad vajalikku teavet, luues samal ajal a veetlev kasutuskogemus .

Laadige alla selle infograafiku PDF-versioon. Infograafia autor Ahvi põgenemine ');' onmouseover = '' style = 'kursor: osuti;' data-url = 'https: //www.toptal.com/designers/ux/visual-hierarchy-infographic' data-img = 'img / ui-design / 28 / design-foundations-guide-visual-hierarchy.png' > Manusta see infograafik veebisaidile. • • •

Lisalugemine ApeeScape'i disainiblogist:

1. Kujundusprintsiibid: sissejuhatus hierarhiasse
2. Gestalti disainiprintsiipide uurimine
3. Disaini põhimõtted ja nende tähtsus
4. Teabearhitektuuri põhjalik juhend
5. Suurendage oma kasutajasõbralikkust selge visuaalse hierarhia abil

Põhitõdede mõistmine

Millised on hierarhia põhimõtted?

Visuaalse hierarhia põhiprintsiibid pärinevad suures osas Gestalti disainiprintsiipidest. Nende hulka kuuluvad suurus ja skaala, värv ja kontrastsus, vahekaugus ja lähedus, negatiivne ruum, joondamine, kordamine, juhtjooned, kuldne suhe, perspektiiv, juhuslikkus, tekstuur ja visuaalne kolmnurk.

Mis on visuaalne hierarhia disainis?

Visuaalne hierarhia juhatab inimest kõige põhilisemal tasemel läbi esitatava sisu. See annab neile märku, milline sisu on kõige olulisem, kuidas see sisu on seotud jaotisteks või kategooriateks korraldatud ja millisele sisule peaksid nad kõigepealt keskenduma.

Mis on hierarhia kujundamisel kasutamise eesmärk?

Visuaalne hierarhia juhatab inimesi esitatava sisu kaudu. See annab visuaalseid vihjeid selle kohta, milline sisu on kõige olulisem, millisele sisule kõigepealt keskenduda ja kuidas esitatav sisu on korraldatud seotud osadeks või kategooriateks.

Kuidas näitate hierarhiat?

Visuaalset hierarhiat näidatakse tähtsust tähistavate elementide erinevuste kaudu. Näiteks kui punased ja sinised fondid on erinevad, pole reaalset võimalust öelda, kas üks on olulisem kui teine. Paksude ja korrapäraste kaaludega fontide puhul on aga lihtne näha rasvast teksti olulisemaks, luues hierarhia.

Miks on visuaalse hierarhia kehtestamine suhtlemisel oluline?

Ilma visuaalse hierarhiata kuvatakse teave hiiglasliku seinana, millel pole vaataja jaoks juhiseid. Visuaalsete elementide hierarhia loomisega saavad disainerid juhendada kasutajaid esitatava teabe kaudu, parandades kasutuskogemust.