Соотношение верхнего и левого полей в вёрстке

Антон Досыбиев

Допустим, вы делаете картинку с надписью.


Если вы серьёзно подходите к мелочам, наверняка вас мучает вопрос: как подобрать правильный отступ сверху и слева от надписи, приближать текст к левому краю или к верху.


Для начала уточним, что при отступе сверху не учитывается размер прописных букв. В нашем случае это О и Ш — они выше остальных букв, но мы ориентируемся на строчные.


Обратите внимание на прямоугольник в углу. В нём весь секрет: если картинка горизонтальная, то и прямоугольник должен быть горизонтальным.


У нас получился почти квадратный отступ, подвинем надпись вправо, чтобы получился прямоугольник.


Красота. На вертикальных картинках приближаем надпись к левому краю и увеличиваем отступ сверху, чтобы в углу получился вертикальный прямоугольник.


Вы не совершите преступление и не нарушите вселенский дизайнерский закон, если надпись в углу сформирует квадрат или вертикальный прямоугольник на горизонтальной картинке. Главное, чтобы это решение было осмысленным. Но если сомневаетесь в соотношении полей, следуйте универсальному правилу:

Горизонтальная картинка — горизонтальный прямоугольник в углу, вертикальная картинка — вертикальный

Поделиться
Отправить
Запинить

Рассылка статей по почте. Раз в неделю, без спама.

Популярное
Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter