Как создавался сайт бюро
Перебивки
В своём прошлом совете я объяснил, как работает раскладка работ в новом портфолио. В этом расскажу, зачем нужны и как работают перебивки.
Как создавался сайт бюро
Перебивки
Перебивки — это небольшие текстовые этажи между иллюстрациями проектов:
Перебивки придуманы и использованы во второй версии электронных изданий Актиона
См. также советы:
Название «перебивка» буквально отражает полезное действие элемента: текстовый этаж перебивает простыню иллюстраций, предлагает отвлечься от портфолио, если оно наскучило. Перебивки отделяют продукты друг от друга и позволяют глазу отдохнуть от многообразия иллюстраций.
Перебивки придуманы и использованы во второй версии электронных изданий Актиона
См. также советы:
Другая важная задача перебивок: продемонстрировать знания бюро. Советы бюро — главный источник практических знаний о дизайне, работе с текстом, переговорах и управлении проектами. В перебивках представлены лучшие советы за 10 лет существования бюро, рекламируются образовательные курсы и школа стажёров.
По аналогии с проектами для перебивок заранее придуманы шаблоны:
Чтобы перебивки не совпадали по ритму с иллюстрациями проектов, они включены в правила следования шаблонов. Например, после шаблона G — картинки на всю ширину окна — лучше пустить перебивку S1 или S3:
_G: [‘_S1’, ‘_S3’]
Если же после шаблона G поставить перебивку S2, то верхний совет будет восприниматься как подпись к иллюстрации:
На этапе рисования макетов было задумано, что перебивки должны идти после каждого продукта. Но на настоящих страницах перебивок оказалось так много, что проекты терялись среди них. Было решено пускать перебивки в два раза реже.
Во время сборки страницы укладчик смотрит, какие перебивки ему разрешено использовать правилами, и по возможности берёт ту, что не использовал в последний раз.
На этапе рисования макетов было задумано, что перебивки должны идти после каждого продукта. Но на настоящих страницах перебивок оказалось так много, что проекты терялись среди них. Было решено пускать перебивки в два раза реже.
После сборки страницы укладчик наполняет ячейки перебивок курсами и советами. Для каждой рубрики портфолио указано, какие советы и курсы к ней относятся. Например, в рубрике «Интерфейс» рекламируется интерфейсный курс Ильи Бирмана и показаны советы по интерфейсам. Укладчик заполняет ячейки в заданном редакцией порядке. Вуаля!
В следующем совете расскажу о сетке базовых линий.
P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.