Ênfase como um princípio de design da Web

click fraud protection

Ênfase em um design de página da web cria uma área ou objeto que é o ponto focal da página. É uma forma de destacar um elemento no design. O ponto focal pode ser maior do que outros elementos do design ou colorido - ambos tendem a chamar a atenção. Ao criar uma página da web, você pode dar ênfase escolhendo uma palavra ou frase e atribuindo a ela um cor, fonte ou tamanho que o faz se destacar, mas existem muitas outras maneiras de usar ênfase em seu Projeto.

Uso de Ênfase em Design

Um dos maiores erros que os web designers podem cometer é tentar fazer com que tudo no design se destaque. Quando tudo tem igual ênfase, o design parece agitado e confuso ou pior - enfadonho e desagradável. Para criar um ponto focal em um web design, não negligencie o uso de:

  • Linhas: Crie ênfase por contraste. Se vários elementos forem horizontais, um elemento vertical se tornará o ponto focal.
  • Cor: Se a maioria dos elementos do design for escura ou apagada, qualquer objeto com cor atrai os olhos.
  • Formas: Quando a maioria das formas são irregulares, uma forma geométrica se destaca.
  • instagram viewer
  • Proximidade: Quando vários itens são agrupados e um está separado do grupo, o olho vai para o único item.
  • Posicionamento: Embora haja exceções, um elemento colocado no centro de um desenho geralmente chama a atenção.
  • Peso: Um elemento pesado atrai a atenção do espectador.
  • Repetição: Quando um elemento gráfico simples para digitar é repetido, o olho segue o elemento repetido até o ponto focal.
  • Contraste: Além dos contrastes criados por cores e linhas, o contraste pode ser gerado por alterações de tamanho, textura ou fonte. A mudança faz com que o elemento focal, ou ênfase, se destaque.
  • Espaço em Branco: Um elemento rodeado por um espaço branco (ou vazio) torna-se o ponto focal.

Hierarquia em Web Designs

Hierarquia é o arranjo visual dos elementos de design que indicam a importância por tamanho. O maior elemento é o mais importante; os elementos menos importantes são menores. Concentre-se na criação de uma hierarquia visual em seus projetos da web. Se você trabalhou para criar um fluxo semântico para o seu HTML marcação, isso é fácil porque sua página da web já tem uma hierarquia. Tudo o que o seu design precisa fazer é enfatizar o elemento correto - como um título H1 - para dar mais ênfase.

Junto com hierarquia na marcação, reconheça que o olho do visitante visualiza uma página da web em um padrão Z começando no canto superior esquerdo da tela. Isso torna o canto superior esquerdo da página um bom lugar para um item importante, como o logotipo de uma empresa. O canto superior direito é a segunda melhor posição de colocação para informações importantes.

Como incluir ênfase em designs web

A ênfase no web design pode ser implementada de várias maneiras:

  • Use a marcação semântica para fornecer ênfase, mesmo sem estilos.
  • Altere o tamanho das fontes ou imagens para enfatizá-las ou desenfatizá-las no design.
  • Usar cores contrastantes para dar ênfase.
  • Contagens de tamanho. Uma palavra enorme na página ou tela recebe atenção imediata.
  • Cerque o ponto focal com espaço em branco.
  • Repita uma palavra ou imagem para chamar a atenção.

Onde a subordinação se encaixa?

A subordinação ocorre quando você atenua outros elementos em um design para fazer o ponto focal se destacar. Um exemplo é um gráfico de cores vivas posicionado contra uma foto de fundo preto e branco. O mesmo efeito ocorre quando você usa cores suaves ou cores que se mesclam com o plano de fundo atrás do ponto focal, fazendo com que ele se destaque.

instagram story viewer