Хороший вопрос!
Я действительно люблю и согласен с ответами, данными до сих пор. Мой ответ больше фокусируется на прагматической технике, чем на научных или математических рассуждениях. : D
С учетом вышесказанного, я предпочитаю использовать базовую линию и высоту x (см. Раздел « Типовые условия » ниже) в качестве отправной точки для верхней и нижней линий моего ящика соответственно. Надеюсь, этот GIF поможет объяснить:
Как только я получу путь для выравнивания с базовой линией или высотой x, я использую SHIFT+ UPили DOWNклавиши со стрелками для создания визуального заполнения (по умолчанию в Photoshop каждый прирост равен 10px
, поэтому в приведенном выше примере я добавил40px
отступ сверху и дно).
В этом примере вы можете увидеть, что делает инструмент выравнивания, если я возьму тот же блок / текст и выполнил «Выравнивание вертикальных центров» (красный текст - результат использования инструмента выравнивания):
Как видите, это довольно близко ( 2px
разница).
Подвести итоги / сделать вывод:
Методы, которые я использую:
- Выровняйте верхние / нижние контуры блока соответственно по x-height / baseline (а затем SHIFTиспользуйте клавиши со стрелками наружу для визуального заполнения).
- Точно так же, иногда я буду стрелять по тексту вверх и вниз, пока его базовая линия и высота не совпадут с нижней и верхней границами блока; оттуда я посчитаю пиксели, а затем равномерно распределю остаток между двумя направлениями, центрируя текст.
- Выделите поле и текст, затем выполните «Выровнять вертикальные центры» и «Выровнять горизонтальные центры».
- Наконец, бывают случаи, когда я смотрю в глаза. Обычно я иду вверх против вниз, чтобы избежать визуального «провисания» (это относится к кадрированию изображения, см. Раздел « Кадрирование изображения » ниже); это особенно верно, если размер шрифта равен высоте нечетного числа, а
1px
остаток - это разница ... Я сместу текст 1px
(или больше) вверх, а не вниз.
Обрамление картин
Наиболее часто используемые покрытия имеют одинаковый запас по всему периметру. На иллюстрации с визуальным центром ниже фактического центра. [8] Нижний вес или смещения часто используются в матировании. Нижнее поле сделано больше, чем боковое и верхнее поля. При взгляде на изображение глаза имеют тенденцию к центру выше, чем физический центр изображения. Создавая большее нижнее поле и не устанавливая коврик, вы обращаете внимание на физический центр изображения. Верхний центр - это подмножество нижнего веса, где верхний и боковой поля равны, что создает визуально приятный эффект. Это особенно верно для матов, где границы не равны, например, 11x14 с отверстием 8x10.
- WikiPedia: Мат (обрамление картин)
… и тут:
Коврики «утяжелены» снизу, потому что наш глаз / мозг ощущает силу тяжести. Если коврик имеет одинаковую ширину вокруг, наш мозг «зарегистрирует» дно как немного более узкое (изображение не визуально отцентрировано на мате)
- WetCanvas> Центр обучения> Студийные советы и кадрирование> Обсуждение создания фрейма Перезагрузить страницу Взвешивание нижняя часть мата
Введите Условия
- https://www.supremo.tv/typeterms/
БОНУС!
Вот GIF, сравнивающий высоту кепки, спусковое устройство, восходящий элемент со всеми строчными буквами без спускового устройства / восходящих элементов:
Я думаю, что обе версии выстроились в ряд.