Boa pergunta!
Eu realmente gosto e concordo com as respostas dadas até agora. Minha resposta se concentra mais na técnica pragmática do que no raciocínio científico ou matemático. : D
Com isso dito, minha preferência é usar a linha de base e a altura x (consulte a seção Termos do tipo abaixo) como ponto de partida para as linhas superior e inferior da minha caixa, respectivamente. Espero que este GIF ajude a explicar:
Depois de alinhar o caminho com a linha de base ou a altura x, uso as teclas de seta SHIFT+ UPou DOWNpara criar preenchimento visual (por padrão, no Photoshop, cada incremento é 10px
, portanto, no exemplo acima, adicionei 40px
preenchimento na parte superior e inferior).
Neste exemplo, você pode ver o que a ferramenta de alinhamento faz se eu pegar a mesma caixa / texto e fizer um "Alinhar centros verticais" (o texto em vermelho é o resultado do uso da ferramenta de alinhamento):
Como você pode ver, é bem próximo ( 2px
diferença).
Para resumir / concluir:
Técnicas que eu uso:
- Alinhe os caminhos superior / inferior da caixa com a altura x / linha de base, respectivamente (e depois SHIFTas teclas de seta para fora para preenchimento visual.
- Da mesma forma, às vezes pressionarei o texto com seta para cima e para baixo até que a linha de base e a altura x atinjam as bordas inferior e superior da caixa; a partir daí, contarei os pixels e depois distribuirei uniformemente o restante entre as duas direções conforme centralizo o texto.
- Selecione a caixa e o texto, depois faça um “Alinhar centros verticais” e “Alinhar centros horizontais”.
- Por fim, há momentos em que observo o posicionamento. Geralmente, eu subo ou desci para evitar o “visual” caído (isso se refere ao enquadramento da imagem, consulte a seção Picture Framing abaixo); isso é especialmente verdadeiro se o tamanho da fonte for uma altura de número ímpar e um
1px
diff for o restante ... Vou mudar o texto 1px
(ou mais) para cima em vez de para baixo.
Enquadramento de imagem
O tapete usado mais comum tem uma margem igual a toda a volta. Em obras de arte com o centro visual mais baixo que o centro real, [8]. A ponderação de fundo ou as compensações são usadas com frequência na esteira. A margem inferior é maior que as margens lateral e superior. Ao olhar para uma imagem, os olhos tendem a centrar-se acima do centro físico da imagem. Criando uma margem inferior maior e deslocando o tapete, você chama a atenção para o centro físico da imagem. Top Center é um subconjunto de ponderação inferior, onde as margens superior e lateral são iguais, o que cria um efeito visualmente agradável. Isso é particularmente verdadeiro em tapetes onde as bordas não são iguais, como um 11x14 com uma abertura de 8x10.
- WikiPedia: Mat (enquadramento de imagem)
… e aqui:
Os tapetes são "pesados" na parte inferior, porque nosso olho / cérebro sente a força da gravidade. Se um tapete tiver a mesma largura ao redor, nosso cérebro 'registrará' o fundo como um pouco mais estreito (a imagem não é visualmente centralizada no tapete)
- WetCanvas> The Learning Center> Dicas e enquadramento de estúdio> Discussões sobre o enquadramento Recarregar esta página o fundo do tapete
Termos do tipo
- https://www.supremo.tv/typeterms/
BÔNUS!
Aqui está um GIF comparando altura da tampa, descendente, ascendente com todas as letras minúsculas sem descendente / ascendente:
Acho que as duas versões se alinham muito bem dentro da caixa.