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

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.)

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

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.

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.

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