Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Category:

Прижать линейку

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




Это работает так же, как любая группировка: элементы объединяются, и кажется, что их становится меньше. Верстка выглядит более собранной и контрастной.


Почта России



То же самое в списках:


Bloomberg




The New York Times



IL Magazine


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


Михаил Капанага. Расписание театра, курс «Типографика и верстка»


Аналогично с вертикальными линейками:


Creative Leadership Salon



Константин Пуляркин. Расписание театра, курс «Типографика и верстка»


Исключение — компактная верстка. Если элементы стоят близко друг к другу, сдвигать разделитель необязательно:


iTunes



Gmail


Мюллер-Брокманн обычно центровал линейки, потому что верстал очень плотно. В узкие промежутки, которые у него оставались, по-другому и не поставишь:

Tags: афиша, верстка, знаю как, линейка, микротипографика, список, статья, таблица, типографика
Subscribe

Posts from This Journal “статья” Tag

  • Слишком ровный правый край

    Продолжаю серию статей про неудачные приемы верстки. Когда дизайнеры впервые узнают о принципе модульности и о том, что прямоугольники нужно…

  • Стыковка линеек и плашек

    Линейки и плашки — сильный инструмент верстки, а с любым сильным инструментом нужно уметь обращаться. Попытки организовать макет с помощью…

  • Связь выключки и полей

    Текст, выключенный по левому краю, лучше сочетается с узкими полями, ровный край как бы примагничивается к границе формата. Слишком широкие поля…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 5 comments