7 regras simples para tipografia móvel

tipografia móvel

Estas são 7 regras simples que você deve usar ao usar algum tipo de fonte para o seu projeto ou projeto de um cliente e para que ela seja perfeitamente visualizada no celular.

Dar espaço

hierarquia extra afetando o fluxo de uma linha

Existe uma hierarquia extra afetando o fluxo de uma linha ou parágrafo e é sobre o hierarquia espacialEm outras palavras, o espaço entre as letras é menor do que o espaço entre as palavras e o espaço entre as palavras é menor do que o espaço entre as linhas. Para obter legibilidade perfeita do celular, você deve prestar atenção à hierarquia espacial, além do estilo dos personagens em palavras, linhas e parágrafos, que é ainda mais importante na luz natural.

Obtenha a medição

Obtenha a medição

Normalmente, a medição para uma boa leitura é sobre 65 caracteres. O comprimento físico desta medição geralmente depende do design do tipo de letra e o rastreamento, bem como o texto que você usa. É estranho que 65 caracteres sejam expandidos para a borda de um navegador de desktop, no entanto, em quase todos os celulares esses personagens tendem a se estender muito além dos limites, por isso é necessário diminuir a medição.

Afrouxe e aperte

Se forem feitos livremente, os espaços entre as palavras começam a se alinhar, que dá origem ao que normalmente é chamado de "rios".

O padrão tradicional para o monitor é cerca de 1.4em, embora se acredite que isso é muito apertado para telas, uma característica chave para fontes que funcionam corretamente em telas são grandes contadores, que eles precisam de um pouco mais de espaço para preservar a hierarquia espacial.

Encontre o ponto ideal

Encontre o ponto ideal

Cada fonte tem pelo menos um ponto ideal, que é basicamente uma combinação do tamanho que geralmente é melhor reproduzido na tela, e a partir do ponto em que o anti-aliasing aplicado ao navegador tende a distorcer o design do tipo o mínimo possível.

El ponto doce, é praticamente o ponto em que a maioria dos traços tende a se alinhar com a grade de pixels. Geralmente, a abordagem padrão para designers é colocar o tipo de fonte usando uma grade de linha de base, no entanto, quando se trata de celulares, você precisa use altura "X" ao invés, que é literalmente a altura da letra x minúscula.

Não perca seu trapo

borda de uma caixa de texto

O trapo é basicamente a borda de uma caixa de texto; geralmente o que lemos está alinhado à esquerda, fazendo com que a margem direita fique irregular. Uma vez que os olhos saltam de uma ponta a outra em alguma linha, o cérebro tem a chance de julgar melhor o ângulo e distância para o próximo salto, se todos os saltos foram feitos de forma consistente e muito mais rápido se eles forem espaçados da mesma maneira. É por isso que a margem esquerda do texto deve ser sempre plana, fazendo com que todas as linhas comecem exatamente no mesmo lugar.

Ao usar um texto justificado Espaços em branco inconsistentes são freqüentemente criados. O principal problema dos textos justificados é que eles usam um comprimento muito menor, fazendo com que o texto seja praticamente ilegível para telefones celulares.

Reduza o contraste

Os títulos podem ter 2 ou até 3 vezes o tamanho do corpo do seu texto

Cabeçalhos eles podem ter 2 e até 3 vezes o tamanho do corpo do seu texto projetado para desktops, que funciona porque há muito mais texto na tela. No entanto, quando se trata de celular, nem todo o texto é muito visível e contraste tende a ser muito exagerado.

Ajuste o rastreamento à escala

Ao ajustar o tamanho da fonte para celular, você deve levar em consideração as mudanças necessárias no acompanhamento, que é basicamente o espaçamento entre letras aplicado a cada um dos caracteres da fonte.


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.