Сеточный дизайн (typographic grid)

Случайно наткнулся на презентацию директора по дизайну NYT (New York Times) посвящённую typographic grid. Впечатляет даже меня не связанного напрямую с веб-дизайном человека. Собственно вначале меня даже больше волновала не тема, а форма подачи материала. 152 страницы презентации, на чёрном фоне, с постепенным пояснением темы. Думаю что на час-два не меньше.

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

В итоге это даже не дизайн, а подход к дизайну сравнимый с созданием архитектуры для разрабатываемого ПО, так же и тут  что-то вроде «архитектуры дизайна».  При таком подходе более 90% веб сайтов можно описать в подобной архитектурной модели, соответственно это и возможность создания типовых эскизов в CSS выделяя то что можно назвать семантической моделью веб-дизайна.

Собственно меня это в первую очередь заинтересовало с точки зрения что в отличии от создания настольных приложений у веб технологий гораздо выше уровень взаимопроникновения. Это как дизайн, так и средства обмена через REST, SOAP API, не привязанные к конкретным языкам разработки и платформам.

Ну и  особенно эта идея интересна  так что у неё уже есть реализация Blueprint CSS.

About This Author

Яндекс.Метрика