Skip to main content

Direção: um elemento básico do design

French Revolution (part 1) | World history | Khan Academy (Junho 2026)

French Revolution (part 1) | World history | Khan Academy (Junho 2026)
Anonim

Entre os elementos do bom design da página - seja para impressão ou para a Web - está o conceito de direção, que está estreitamente alinhado ao movimento. Elementos no design da página guiam intencionalmente os olhos dos espectadores de uma área da página para outra. As três direções comuns nos desenhos usados ​​para direcionar o olho são:

  • Horizontal - Se você dividir a página ou a tela ao meio de um lado a outro com uma linha ou outro elemento, o olho se moverá para cada elemento na metade superior do desenho antes de passar para a seção sob a linha horizontal ou elemento que divide a página.
  • Vertical - Se você tiver duas colunas de texto longas e estreitas ou duas longas fotos estreitas ou elementos gráficos, você terá um desenho com uma direção vertical. O olho flui do topo de uma coluna para a parte inferior e depois se move para o topo da segunda coluna.
  • Diagonal - Se você usa diagonais ou triângulos em seu desenho, o olho é capturado, particularmente na web, onde você não vê muitos layouts de direção diagonal.

Cada design de página tem uma direção dominante, que é estabelecida pela colocação dos elementos mais importantes.

Uso de direção no design

No web design, a direção é mais frequentemente determinada pelas imagens na página, mas você também pode impor a direção por meio do posicionamento de elementos gráficos ou de tipo na página e com linhas, especialmente quando elas têm pontas de seta.

Como incluir a direção na impressão e projetos da Web

Incorpore a direção em seus designs da Web das seguintes maneiras:

  • Olhe para as suas imagens para determinar em que direção os assuntos estão voltados. Se as pessoas na foto estiverem olhando para a direita, coloque a imagem no lado esquerdo da página. Caso contrário, a direção dos olhos na foto direcionará os olhos dos leitores para longe da página. Você não quer que ninguém olhe para o lado da página.
  • Use seu layout para sugerir direção. Posicione elementos densos, como fotos, em linhas horizontais, verticais ou diagonais. Enquanto elementos menos densos, como texto, os cercam.
  • Use linhas, imagens ou tags de RH para sugerir movimento e direção. Uma linha horizontal é silenciosa e move os olhos suavemente da esquerda para a direita na página. Uma linha vertical sugere movimento de cima para baixo e uma linha diagonal indica fortemente o movimento de uma área da página para outra.
  • Elementos desequilibrados também indicam direção e movimento.

Características de layout que influenciam a direção e o movimento

O olho geralmente vai para o maior elemento da primeira página. Pode ser uma foto grande ou um título grande. Onde se move em seguida é uma função de direção no design. Em um bom design, o lugar aonde o olho vai em seguida leva a uma parte importante da mensagem que a página está tentando entregar. O movimento do primeiro objeto grande na página para o próximo objeto importante pode ser influenciado por várias coisas, incluindo:

  • Cor. Uma cor brilhante atrai o olho mais rapidamente do que uma cor neutra.
  • Gráficos. Um dedo apontando ou uma flecha faz com que o olho olhe em uma determinada direção.
  • Formas. Uma forma que percorre a página - como uma espiral ou uma linha pontilhada movendo-se de um elemento para o outro - leva o olho ao longo de seu caminho.

Como determinar a direção

Se você não tiver certeza de como criar uma página para indicar a direção, faça uma experiência olhando páginas da Web e imprimindo publicações especificamente para identificar aonde o seu olho vai primeiro e depois para onde ele está em segundo. Então procure a razão que aconteceu. Depois de reconhecer os elementos de design que fazem com que seu olho se mova de um elemento para o outro, você pode usar esses elementos em seu próprio design.