Я продолжаю рассказывать, какими принципами мы руководствовались и какие решения принимали в работе над новым сайтом бюро.

Автоматизированная издательская вёрстка

В книге «Типографика и вёрстка» я пишу о скучной стандартной кладке современных сайтов:

«Регулярность скучна и утомительна. Запирающиеся шкафчики в супермаркете, кресла в кинотеатре, подъезды многоквартирного дома, ячейки таблицы, квадратные фотографии в интерфейсах — неотличимы, унылы и оставляют нас в сомнениях.

Хороший дизайн создаёт иерархию, выделяет главное и подчинённое, помогает пользователю найти свой путь. Хорошая вёрстка помогает читателю сориентироваться на странице»:

Обратите внимание, насколько смелее газетные дизайнеры обращаются с материалом, чем веб-дизайнеры. Там где веб-дизайнер боится дыхнуть на «теорию близости» и границы прямоугольного модуля, газетный дизайнер вылезает за рамки, не боится плотной вёрстки и соседства элементов, залезает обтравленными фотографиями на «чужие» заголовки и перекрывает логотип газеты.

А самое главное — вёрстка каждого следующего номера не повторяет предыдущий шаблон, как это происходит в современных онлайн-изданиях.

Конечно, не все сайты выглядят квадратно-гнездовыми. Мы с большим интересом изучаем сайты других дизайнеров и прекрасные работы в Редимаге. Но, к сожалению, работы, которые так нравятся дизайнерам — это одноразовые статические произведения искусства, воплощение макетов в Фотошопе. Эти работы вдохновляют графическим стилем, но неинтересны с точки зрения будущего информационного дизайна.

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

Мы уже работаем со своими клиентами над автоматизацией вёрстки, чтобы добиваться разнообразия. Например, на сайте «Лавишустринг» антикварные предметы автоматически раскладываются по нерегулярной сетке, чтобы каталог было интересно изучать:

В новом дизайне сайта бюро мы пошли тем же путём:

Специальная программа с рабочим названием «Укладчик» группирует работы по продуктам и показывает их в соответствии с их значимостью. У укладчика есть особые правила — он чередует ритм, чтобы на соседних этажах не оказывались работы в одной сетке, чтобы не образовывались «псевдомодули».

Укладчик трансформирует эти раскладки для мобильной версии, сохраняя «доминанты»:

Мы не отказали себе в удовольствии похулиганить по-журнальному: