Design

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

Série de post contendo 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, 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

Por que devo sempre manter o Magento 2 atualizado?

Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…

1 mês atrás

Adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2

Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…

1 mês atrás

Exibir mensagens erro/sucesso da Classe: Magento\Framework\Message\ManagerInterface

Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…

1 mês atrás

Exportar as categorias do Magento 2 em um XML

Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…

2 meses atrás

Colocar um video como Background utilizando HTML + CSS

Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…

4 meses atrás

Desativar o “lastname” no Magento 2

Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…

4 meses atrás