Como é que o meu texto parece que não está totalmente morto?


20

insira a descrição da imagem aqui

Não consigo descobrir por que o texto não está no centro da minha tela preta. Parece um pouco. Ele foi inserido com a ferramenta de alinhamento, mas, por um motivo ou outro, para mim parece um pouco alto.


Como teste, altere sua linha superior para o mesmo peso e largura da fonte que a linha inferior (e o mesmo alinhamento superior da linha superior atual) e você deverá ver que ela parece perfeitamente centralizada.
JMD

Bem, eu entrei no PS e sua linha central não está entre as duas linhas, como eu esperava (é bem no topo da linha de fundo). Parece que você centralizou verticalmente com base em uma caixa delimitadora ao redor do texto. Isso pode ser abordado nos comentários abaixo, mas muitas vezes os descendentes adicionam pixels à altura da caixa delimitadora do texto, mas não adicionam "peso visual " Se você acha que é muito alto, deslocando-o 40 pixels para baixo, coloque a linha central entre as duas linhas.
Rob Craig

Respostas:


35

Esta é uma ilusão de ótica.

O peso do texto inferior atrai seus olhos, mesmo quando não está focado nele. É um conceito chamado "centro óptico", que está bem documentado. O centro matemático nunca parecerá adequadamente centrado. É aqui que conhecer software não é o mesmo que conhecer design.

aqui está uma demonstração rápida.

Demonstração do centro óptico.

este artigo aborda muito bem.


7

Os layouts de página (e tela) geralmente iniciam matematicamente em uma grade ou padrão geométrico de algum tipo. Mas quase todos os projetos precisam de 'ajustes ópticos' para que pareçam corretos.

No seu caso, o tipo provavelmente é matematicamente centralizado, mas não opticamente.

Se você acha que o tipo é um pouco alto, diminua-o.


11
A regra do governante: "Quando o olho e o governante não concordam, o olho governa." :)
Alan Gilbertson

4

Na verdade, não posso dizer da sua foto, mas encontrei problemas semelhantes e não acho que você esteja imaginando coisas. Se você deseja a versão curta, o Illustrator centraliza o texto com base na caixa delimitadora, não pela largura ou altura da fonte.

insira a descrição da imagem aqui

Os vários retângulos no meu exemplo são dimensionados para serem exatamente a altura em (azul), a altura total (verde) e a largura (rosa) do texto. Você pode ver que, embora a borda ao redor do texto caiba perfeitamente no retângulo verde, o texto dentro da área delimitadora não é centralizado verticalmente. Nem sequer é centralizado na horizontal.

Sempre que preciso centralizar verticalmente o texto, crio um retângulo com a mesma altura do texto real (não a caixa delimitadora!) E centralizo isso. Depois disso, tudo o que você precisa fazer é alinhá-los com guias inteligentes. (Existem provavelmente maneiras melhores de fazê-lo)


Isso é basicamente o que eu postei, mas +1 na foto. Observe que os gadgets centrais da caixa de texto estão alinhados com o centro das guias verde e azul.
Yorik 25/03

1

Se uma caixa contendo texto for mais alta que o texto, o texto aparecerá mais alto no quadro quando a caixa estiver centralizada.

Verifique se a altura da caixa está o mais próximo possível da parte inferior do texto antes de usar a centralização automática.


Mas vocês vêem isso mais alto? Ou sou só eu?
David Martineau Lachance

Não, eu não olhei criticamente nem meça: aceitei sua palavra de que era maior. Você usou uma ferramenta para centralizar automaticamente. O uso normal das ferramentas (caixas mais altas que o tipo e uma ferramenta de centralização que usa ingenuamente o dispositivo central como ponto central) causa isso.
Yorik 17/03/2015

0

Eu acho que isso é uma ilusão de ótica principalmente.

Quando preciso alinhar um texto semelhante a esse, geralmente copio o texto, colo na frente, converto em contornos e agrupo. Dessa forma, a caixa delimitadora não está sendo usada. Depois, uso as ferramentas de alinhamento e bloqueio o grupo. Posteriormente, posiciono o texto ativo e desbloqueio os contornos e excluo.

Tenho certeza de que há muitas maneiras de chegar à mesma conclusão. -Andy

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.