A hierarquia organiza os elementos por ordem de importância. Ela indica ao observador o que observar primeiro, segundo e terceiro. Um título é maior do que o texto principal. Um botão de chamada para ação é mais brilhante do que o resto do conteúdo. O título de uma secção é mais destacado do que os parágrafos abaixo. A hierarquia orienta o olhar pelo design. Sem ela, tudo compete pela atenção. Nada se destaca. O observador não sabe por onde começar.

A hierarquia é criada através do contraste. O tamanho, a cor, o peso, a posição e o espaçamento estabelecem a importância. Um elemento grande domina. Uma cor vibrante atrai o olhar. Uma tipografia em negrito destaca-se. Os elementos no topo da página são vistos em primeiro lugar. O espaço em branco em torno de um elemento confere-lhe proeminência. O designer combina estas ferramentas para construir uma ordem visual clara. A hierarquia não se trata apenas de aumentar o tamanho das coisas. Trata-se de aumentar o tamanho das coisas certas. O elemento mais importante deve ser o mais proeminente. Se tudo for enfatizado, nada o será. O designer deve decidir o que é mais importante e projetar de acordo com isso. A hierarquia também muda com o contexto. O ecrã de um telemóvel tem menos espaço do que o de um computador. Um cartaz é visto à distância. Um livro é segurado de perto. A hierarquia adapta-se ao meio. O objetivo é o mesmo: guiar o observador pelo conteúdo pela ordem pretendida.

Ferramentas de hierarquia

• Tamanho — os elementos maiores chamam primeiro a atenção
• Cor — destacam-se as cores vivas ou contrastantes
• Peso — o texto a negrito é mais proeminente.
• Posição — as posições superior e central são vistas em primeiro lugar.
• Espaço — o isolamento confere importância a um elemento.

Hierarquia é a ordem de importância. Ela indica ao observador para onde deve olhar e em que sequência.