EN - FR - DE - ES - IT - PT -

LexiconDream

🔺 Hierarchie

Uspořádání prvků podle důležitosti.

Hierarchie

Hierarchie řadí prvky podle důležitosti. Říká divákovi, na co se má zaměřit jako první, na co se má zaměřit jako na druhé a na co se má zaměřit jako třetí. Nadpis je větší než text. Tlačítko s výzvou k akci je jasnější než jeho okolí. Název sekce je tučnější než odstavce pod ní. Hierarchie vede oko designem. Bez ní všechno soupeří o pozornost. Nic nevyhrává. Divák neví, kde začít.

Hierarchie se vytváří kontrastem. Velikost, barva, váha, umístění a rozestupy určují důležitost. Dominuje velký prvek. Jasná barva přitahuje pozornost. Tučné písmo vyniká. Prvky v horní části stránky jsou viditelné jako první. Bílý prostor kolem prvku mu dodává důležitost. Designér kombinuje tyto nástroje k vytvoření jasného vizuálního řádu. Hierarchie není jen o tom, aby se věci zvětšily. Jde o to, aby se zvětšily ty správné věci. Nejdůležitější prvek by měl být nejvýraznější. Pokud je zdůrazněno vše, nic není. Designér se musí rozhodnout, na čem záleží nejvíce, a podle toho navrhovat. Hierarchie se také mění v závislosti na kontextu. Obrazovka mobilního telefonu má méně místa než obrazovka stolního počítače. Plakát je vidět z dálky. Kniha je držena blízko. Hierarchie se přizpůsobuje médiu. Cíl je stejný: vést diváka obsahem v zamýšleném pořadí.

Nástroje pro hierarchii

Hierarchie je pořadí důležitosti. Říká divákovi, kam se má dívat a v jakém pořadí.

Comments (3)

  1. Lisa M.
    Visual hierarchy is what makes a design readable. If everything is the same size and weight your eye doesn't know where to go.
  2. Greg T.
    The article is short. I'd add that hierarchy isn't just about size. Color, contrast, spacing all play a role.
  3. Amir K.
    So hierarchy in design borrows from hierarchy in social structures? The idea that some things are more important than others.

Leave a comment