Простые задачи

Я рекомендую накачать свои типографические мускулы на простых задачах, когда нужно оформить всего одну-две колонки текста. В этом смысле, идеальный пример – блог дизайнера Марка Болтона. Исключительно легкочитаемый, минималистичный, в типографическом смысле – на уровне невидимого мастерства. Обратите внимание, как Марк структурирует свои тексты, пользуясь очень ограниченным арсеналом: меняя размер шрифта, стиль начертания, выравнивание.

Блог Рэя Гловера тоже производит впечатление абсолютной элегантности, текст оформлен одновременно просто, изобретательно и очень эстетично. Чтобы избежать газетной монотонности, Рэй использует очень красиво сделанные заголовочные блоки. Много воздуха, классическая комбинация «Заголовок + легенда» и графично оформленная дата поста (уменьшенная вдвое, она уже не будет так смотреться, ритм, который придают текстовому массиву эти круги с датами, исчезнет):

Ритм и контраст

Когда вы делаете текст доминантным элементом оформления страницы, самое главное ваше оружие – контрастный душ из постоянного и смелого варьирования размеров шрифта и выравнивания текстовых блоков относительно друг друга. Очень удачная иллюстрация к сказанному – дизайн сайта винодельни Блэк Эстейт:

Обратите внимание, что во всех приведенных примерах используются практически одни и те же приемы оформления текстовых блоков. Часть из них пришла из классической типографики и книжного дизайна (гуманистический шрифт с засечками, способы оформления заголовков и подзаголовков, буквицы и пр.), а часть – из современной практики веб-дизайна («негативные» пустые пространства, контраст размеров и осей выравнивания). Результат везде один: ощущение прекрасно читаемого, выпуклого, осмысленного текста.

PS Присылайте  свои ссылки на сайты с элегантной, читаемой (не в стиле «мусорный гранж») типографикой.

Минимальный объем знаний по типографике для насыщения дизайнерской гордости? Он огромен! Но элементарных правил, из которых выводится вся эта демагогия, совсем немного. Нет, не одно, а два.

Правило первое: прежде чем оформлять текст (неважно, абзац или книгу) – прочтите его. Прочтите осознанно – так, чтобы в голове возникла ментальная карта содержания.

Правило второе: при оформлении текста (особенно это касается веб-текстов) исходите из того, что читатель спешит.

Помню, на меня произвело большое впечатление письмо-прикол, где каждое слово было написано с ошибками и описками, заметить которые можно было только при повторном прочтении. Мы спешим. Живем в мире переизбытка информации. И поэтому читаем – даже важное – по диагонали. На кардинальном осознании этого факта основано удачное оформление любого текста.

Задача текстового дизайна – это не только поиск адекватной формы для содержания (набирать текст женского романа, шрифтом, который разработала женщина), но и уламывание вас на то, чтобы вы ознакомились с этим содержанием.

Несколько примеров.

Декларация независимости США

Переписана от руки Тимоти Мэтлоком.

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

Любовное письмо

Провозгласить независимость – одно дело. Полностью отказаться от нее в пользу какого-то Глина (письмо выше) – вот задача, где «как» не менее важно, чем «что». На секунду представьте, что вы пишете или читаете любовное послание. Станете ли переписывать письмо из-за невольной ошибки, зачеркивания, неудачного оборота? Прочтете ли письмо внимательно и целиком, если оно – на 7-ми страницах от малознакомого человека? Придет ли вам в голову подчеркнуть или как-то выделить отдельные фразы? Посмотрите выше: автор писала о своих страданиях, а потом отвлеклась на тщательное оформление признания «я тебя люблю» с заштопанным сердцем, аккуратным многоточием и красивым продолжением фразы.

Книга Б. Акунина

Вот пример отлично оформленного текста. В содержательном смысле, книга о двух эпохах. Соответственно, часть книги, имеющая отношение к старине, оформлена антиквенным шрифтом с применением всех старинных приемов книжного оформления: буквицы, каллиграфические заголовки, иллюстрации (проиллюстрирована буквально каждая страница!) Та же часть книги, которая относится к нашему времени, имитирует «артефакты» современности. На фотографии я поместил поверх разворота о старых временах кусок страницы, где приводится отрывок из поста в блог одного из героев (фотка кликабельна). Тот же массив текста, то же содержание можно было оформить попроще, верно? Но будучи стилизован под реальный пост, текст выглядит и читается (!) интересней.

Интересное упражнение.

Хотите приблизиться к самой сути типографики? Не надо читать какой-нибудь объемистый труд. Попробуйте порешать те же задачи, что ставили перед собой классики типографики и дизайна: придумать адекватное оформление для библейского текста, параграфа закона или агитационного плаката.

При этом важно помнить, что современное, выращенное на клипах, сознание приходится «соблазанять» на прочтение текста даже в любовном письме  («I love you» в письме выше  можно понять как «тизер», который стимулирует читателя ознакомиться с «остальным» содержанием).