Internet je omogočil dostop do tako rekoč vseh informacij, ki bi si jih človek želel, z nekaj pritiski na tipko. Toda v praksi je bilo to blagoslov in prekletstvo - zato je veliko razpoložljivih informacij težko vzeti zaradi slabe zasnove.

Največje, najbolj škodljivo pregrevanje informacijskega oblikovanja je tudi eno najlažje razumljivih in popravljivih: vizualna hierarhija.

Vizualna hierarhija je način, kako se informacije oblikujejo in dajo prednost pri oblikovanju. Tak primer je, na primer, kako naslovi dobijo večjo vizualno težo kot naslovi ali besedilo tipografsko oblikovanje . Obstajajo pa tudi drugi načini oblikovalci lahko predstavlja vizualno hierarhijo.

Najosnovnejša pravila vizualne hierarhije izvirajo iz Geštaltska načela oblikovanja . Te osnovne psihološke teorije o oblikovanju in o tem, kako posamezniki zaznavajo elemente oblikovanja, so osnova za ustvarjanje vizualne hierarhije. Ta načela vključujejo stvari, kot so simetrija, zapiranje, podobnost, bližina in več .

Zakaj je vizualna hierarhija pomembna

Vizualna hierarhija na najosnovnejši ravni vodi osebo skozi predstavljeno vsebino. Sporoča jim, katera vsebina je najpomembnejša, kako je ta vsebina organizirana v povezane odseke ali kategorije in na katero vsebino se morajo najprej osredotočiti. To velja, ne glede na to, ali gre za besedilo, slike, video ali kaj drugega.

Razumevanje informacij je še ena pomembna funkcija programa vizualna hierarhija . Z ustvarjanjem vizualnih odnosov med deli vsebine dobijo tisti, ki gledajo to vsebino, namige, kako si informacije razlagati.

S povečanjem razumevanja in vodenja osebe, ki uživa predstavljene informacije, se krepi sporočilo, ki ga predstavlja načrt. Brez vizualne hierarhije lahko vse skupaj naleti na nered.

Toda poznavanje pomena vizualne hierarhije in vedenje, kako jo dejansko ustvariti, sta različni stvari. Ta infografika predstavlja osnovne načine za ustvarjanje hierarhije v zasnovi - koncepti, kot so velikost in obseg, tipografska hierarhija, ponavljanje, vodilne črte in ravnotežje - skupaj s primeri, ki jih prikazujejo v praksi.

Razumevanje in izvajanje teh načel daje UX oblikovalci prednost pri ustvarjanju prepričljivih modelov, ki med ustvarjanjem posredujejo potrebne informacije čudovita uporabniška izkušnja .

Prenesite PDF različico te infografije. Infografika avtor ApeeScape ');' onmouseover = '' style = 'cursor: pointer;' data-url = 'https: //www.toptal.com/designers/ux/visual-hierarchy-infographic' data-img = 'img / ui-design / 28 / design-foundation-guide-visual-hierarchy.png' > Vdelajte to infografiko v spletno mesto. • • •

Nadaljnje branje na blogu ApeeScape Design:

1. Načela oblikovanja: Uvod v hierarhijo
2. Raziskovanje geštaltskih načel oblikovanja
3. Načela oblikovanja in njihov pomen
4. Izčrpen vodnik po informacijski arhitekturi
5. Povečajte svoj UX s pomočjo jasne vizualne hierarhije

Razumevanje osnov

Kakšna so načela hierarhije?

Osnovna načela vizualne hierarhije v veliki meri izvirajo iz Gestalt-ovih načel oblikovanja. Vključujejo velikost in lestvico, barvo in kontrast, razmik in bližino, negativni prostor, poravnavo, ponavljanje, vodilne črte, zlati rez, perspektivo, naključnost, teksturo in vizualni trikotnik.

Kaj je vizualna hierarhija pri oblikovanju?

Vizualna hierarhija na najosnovnejši ravni vodi osebo skozi predstavljeno vsebino. Sporoča jim, katera vsebina je najpomembnejša, kako je ta vsebina organizirana v povezane odseke ali kategorije in na katero vsebino se morajo najprej osredotočiti.

Kakšen je namen uporabe hierarhije pri oblikovanju?

Vizualna hierarhija vodi ljudi skozi predstavljeno vsebino. Daje vizualne napotke o tem, katera vsebina je najpomembnejša, na katero vsebino se je treba najprej osredotočiti in kako je predstavljena vsebina organizirana v povezane odseke ali kategorije.

Kako prikazujete hierarhijo?

Vizualna hierarhija je prikazana skozi razlike v elementih, ki označujejo pomembnost. Na primer, medtem ko se rdeča in modra pisava razlikujeta, ni resničnega načina, da bi ugotovili, ali je ena pomembnejša od druge. Z drznimi in navadnimi pisavami z utežmi pa je lahko videti krepko besedilo bolj pomembno, saj ustvarja hierarhijo.

Zakaj je vzpostavitev vizualne hierarhije pomembna za komunikacijo?

Brez vizualne hierarhije so informacije videti kot velikanski zid brez vodila za gledalca. Z oblikovanjem hierarhije vizualnih elementov lahko oblikovalci vodijo uporabnike skozi predstavljene informacije in izboljšajo uporabniško izkušnjo.