Design

Utilize as fontes com inteligência – Dicas de Design – Parte 1

Série de post contendo dicas de design para iniciantes, aonde tentaremos passar alguns conceitos básicos como a utilização de fontes com inteligência na criação de banner, layout, etc.

  • Utilize às fontes com inteligência
  • Não tenha medo da escala
  • Respeite o espaço dos elementos
  • Seja inteligente com a escolha das cores

Utilize às fontes com inteligência

Ao selecionar um tipo de letra ou fonte para títulos, legendas e texto no corpo do objeto, use fontes fáceis de ler, design gráfico simples e eficaz.

O olho tem dificuldade em interpretar vários tipos de letra, então fique com uma simples coleção de fontes.

Não tenha medo da escala

Aplique escala para o tipo, formas ou características de composição que necessitem de ênfase proporcional.

Use as cores apropriadas para melhorar esta técnica, assegurando os tipos de letra adequados que parecem bons quando aumentados de tamanho.

Respeite o espaço dos elementos

Use espaçamento de letras para preencher o espaço morto, alinhar o texto ou condensar palavras que ocupam muito espaço.

No entanto, tenha cuidado para não reduzir o espaçamento das letras ao nível que não seja possível a leitura. Nem aumentá-lo tanto que as letras se desprendem umas das outras.

Aqui, a diminuição do espaçamento de letras na palavra “Respeito” dá um efeito condensado, como uma representação visual do espaço, ou a falta dele.

Seja inteligente com a escolha das cores

Escolha um esquema de cores que tenha 1-3 cores primárias e outras 1-3 cores secundárias que se conectem e se complementem.

Use tons diferentes da mesma cor para consistência, ajustando o brilho para o contraste.

Tipos de letra mais finos precisarão de uma distinção mais forte contra um fundo colorido.

 

Post Recentes

YouTube sem cookie: adiar o embed do vídeo e do Maps até o aceite

Seu banner de consentimento está certo, mas o vídeo incorporado grava cookie de terceiro no primeiro carregamento. Troque o domínio…

7 horas atrás

Custom post type dando 404: flush_rewrite_rules na ativação do plugin

A listagem do custom post type abre e o single dá 404 no WordPress 6.9. Entenda o cache das rewrite…

2 dias atrás

systemd timer no lugar do cron: agendar script com log e sem execução dupla

Um par .service e .timer substitui a linha do crontab com log no journal, execução perdida recuperada no boot e…

2 dias atrás

Descrição em massa no WooCommerce: wp eval-file lendo a lista de SKUs

400 produtos importados do fornecedor com a aba Descrição vazia. Um wp eval-file percorre os SKUs sem texto, grava pelo…

2 dias atrás

Frete grátis no WooCommerce: esconder as outras opções de entrega

Some com PAC e SEDEX da lista quando o frete grátis está disponível, usando woocommerce_package_rates, e limpe o cache de…

3 dias atrás

Erro HTTP no WordPress ao enviar imagem para a biblioteca de mídia

A barra de upload chega no fim e o WordPress devolve só "Erro HTTP". Separe as três causas: Imagick barrado…

3 dias atrás