Игорь Штанг (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