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

WordPress não aparece no Google: noindex esquecido e robots.txt virtual

Site novo há semanas e nenhuma página indexada? Confira a caixinha de visibilidade em Leitura, o noindex no HTML e…

18 horas atrás

array_map perde as chaves do array no PHP: como manter o índice

O retorno do array_map voltou com índice 0, 1, 2 e o código que dependia da chave quebrou. Entenda quando…

1 dia atrás

Backup do Magento 2 com mysqldump: dump leve sem as tabelas de log

Dump de 12 GB que demora horas porque arrasta report_event e cron_schedule. Faça o backup em duas passadas, guarde só…

2 dias atrás

Preference do di.xml não aplica no Magento 2: o que checar antes

Escreveu a preference e o Magento 2 continua usando a classe original? Confira a área do di.xml, o generated/code e…

3 dias atrás

Filtro por atributo do WooCommerce vazio: global x personalizado

Cadastrou Cor direto na aba Atributos do produto e o filtro por atributo vem vazio. Veja como identificar o tipo,…

3 dias atrás

wp db query: rodar SQL no WordPress pelo WP-CLI sem phpMyAdmin

Precisa de um SELECT no banco do cliente e só tem SSH? O wp db query pega a senha do…

4 dias atrás