Como lidar com ascendentes e descendentes que compartilham o mesmo espaço?

16

Esta é a página de registro inicial do aplicativo de comunicação do meu cliente. (Cobri o logotipo - observe a caixa branca - por sua privacidade)

Não gosto que o "y" desça e o "h" suba no mesmo espaço. torna as duas linhas um pouco apertadas. Alguma sugestão?

(a fonte do aplicativo é roboto. Aqui - estou usando Roboto Bold.)

http://d.pr/i/g08p http://d.pr/i/ouTE

Quaisquer outros comentários de design serão apreciados - desde que você se comporte :)

user12985
fonte
1
Eu não me importo. Talvez você possa aumentar o espaço entre as duas primeiras linhas para torná-lo opticamente mais consistente. Tudo isso dito, esse tipo parece realmente grande para o campo do formulário.
DA01
tente letras maiúsculas?
Lauren-Reinstate-Monica-Ipsum
@ DA01 - "o tipo parece realmente grande para o campo do formulário" - você está se referindo a "digite o número do seu telefone" ou o número do telefone inserido na caixa? Para o "entre no seu ...", eu queria algo ousado e ousado ao usar flechas e outros clichês visuais ... mas talvez eu tenha feito isso demais.
User12985 28/05
Você também pode encontrar as respostas para esta pergunta: Como faço para lidar com o espaçamento entre linhas quando um único descendente está atrapalhando?
User56reinstatemonica8
Eu estava me referindo ao texto 'digite seu telefone'. Suponho que seja nervoso, mas também é apenas um rótulo para o campo, então parece um pouco estranho ser tão grande. Está gritando comigo.
DA01

Respostas:

15

Então você tem algumas opções, geralmente.

No momento, seu problema é que as linhas 1 e 2 parecem mais distantes do que as linhas 2 e 3, mesmo que não sejam. É uma ilusão de ótica criada pela falta de descendentes e ascendentes entre os dois primeiros, mas não nos dois segundos.

As soluções se enquadram em duas categorias básicas: evitar essa situação todos juntos ou enfrentá-la de frente. Vamos começar com algumas maneiras de evitá-lo.

Opção 1: converter em maiúsculas

Este evita a situação. No entanto, você provavelmente está anexado à sua letra minúscula.

(Esses exemplos usam Franklin Gothic a propósito, porque eu não tenho o Roboto instalado).

Opção 2: reorganizar quebras de linha

Nesse caso, converti para duas linhas, mas às vezes é possível reorganizar as quebras de linha de outras maneiras.

Ter apenas duas linhas é outra maneira de evitar o problema - não há nada para comparar.

Opção 3: ajuste o espaçamento manualmente até parecer "visualmente correto"

Aqui, reduzi bastante o espaço entre as linhas 1 e 2, para que pareça "mais uniforme". Você não pode usar uma fórmula para isso, apenas seus olhos.

Na realidade, o espaço entre a primeira e a segunda linha neste exemplo é muito menor do que o espaço entre a segunda e a terceira, mas não parece muito errado devido à ilusão de ótica criada pelos ascendentes e descendentes no segundo .

É plausível que você possa melhorar ainda mais esse exemplo rápido - ao fazer isso, tente ver mais atrás, apertando os olhos, etc., para que você não esteja olhando para as palavras, mas para as letras como se fossem bolhas.

Opção de bônus: mude as palavras para que os ascendentes e descendentes não se sobreponham

Você não parece ter essa opção com as palavras escolhidas, mas às vezes pode mudar as palavras para a esquerda ou direita, para que os descendentes e ascendentes não se sobreponham, como neste exemplo, com palavras diferentes.

By the way, eu acho que o uso do símbolo de hash # não parece certo e você seria melhor fora optando por No. ou N o - mas isso é minha opinião pessoal.

thomasrutter
fonte
Eu apenas diria que gosto de Enter (Circle / Logo) e depois do seu número de telefone. Outra opção seria não declarar tanto, quero dizer, é óbvio pelo campo de formulário que ele espera um número de telefone.
Ryan
6

Na tipografia, mudar o líder pode afetar a maneira como seus espectadores leem e interpretam sua peça.

Por exemplo, diminuindo a quantidade de avanço entre duas linhas, fazendo com que descendentes e ascendentes colidam, você terá um efeito adverso na legibilidade geral do seu texto.

Como estilo visual, a liderança restrita pode aumentar o ritmo do leitor para o seu texto (no aumento de letras que chamam a atenção) e / ou invocar uma sensação de aperto ou claustrofobia em sua peça geral (1) , o que pode não seja o seu efeito desejado aqui.

Por outro lado, aumentar a liderança pode reduzir o ritmo do leitor (2) . Ao introduzir mais espaço entre cada linha, você diminui o ritmo do leitor, reduzindo a quantidade de letras que chamam a atenção. Isso pode invocar uma sensação descontraída de texto no leitor. No entanto, tenha cuidado com a quantidade de espaço em branco que você deixa, pois ter muita liderança pode causar problemas com a continuidade da causa (3) , pois os olhos do leitor precisam se deslocar ainda mais entre cada linha.

Dat fox

Sua melhor aposta para melhorar a legibilidade do seu texto seria fazer algo com liderança consistente, como esta:

Minha maquete com sobreposição

Krazer
fonte