Последние работы
дизайн текста: веб-примеры
В прошлом посте я показал, что адекватное оформление текста обусловлено:
а) пониманием его содержания
б) учетом особенностей человеческого внимания, которое быстро утомляется и исследует текст избирательно, начиная с «самого вкусного».
Но откуда возьмутся дизайнерские приемы, с помощью которых можно, скажем, выделить блоки текста или сделать какой-то фрагмент легкочитаемым? Самый простой способ – подражание удачным образцам. Как в японском искусстве, где задача ученика на первых порах – просто копирование того, что делает сэнсэй. Обратите внимание: ученик учится, не усваивая теорию (читая книги), а пытаясь сделать, как мастер. Он открывает все законы сам, методом проб и ошибок, на практике.
Сегодня я публикую небольшую галерею примеров, изучив которые, вы быстро сможете придать своим текстам элегантный и читабельный вид. Подборка адресована в первую очередь веб-дизайнерам.
Простые задачи
Я рекомендую накачать свои типографические мускулы на простых задачах, когда нужно оформить всего одну-две колонки текста. В этом смысле, идеальный пример – блог дизайнера Марка Болтона. Исключительно легкочитаемый, минималистичный, в типографическом смысле – на уровне невидимого мастерства. Обратите внимание, как Марк структурирует свои тексты, пользуясь очень ограниченным арсеналом: меняя размер шрифта, стиль начертания, выравнивание.
Блог Рэя Гловера тоже производит впечатление абсолютной элегантности, текст оформлен одновременно просто, изобретательно и очень эстетично. Чтобы избежать газетной монотонности, Рэй использует очень красиво сделанные заголовочные блоки. Много воздуха, классическая комбинация «Заголовок + легенда» и графично оформленная дата поста (уменьшенная вдвое, она уже не будет так смотреться, ритм, который придают текстовому массиву эти круги с датами, исчезнет):
Ритм и контраст
Когда вы делаете текст доминантным элементом оформления страницы, самое главное ваше оружие – контрастный душ из постоянного и смелого варьирования размеров шрифта и выравнивания текстовых блоков относительно друг друга. Очень удачная иллюстрация к сказанному – дизайн сайта винодельни Блэк Эстейт:
Обратите внимание, что во всех приведенных примерах используются практически одни и те же приемы оформления текстовых блоков. Часть из них пришла из классической типографики и книжного дизайна (гуманистический шрифт с засечками, способы оформления заголовков и подзаголовков, буквицы и пр.), а часть – из современной практики веб-дизайна («негативные» пустые пространства, контраст размеров и осей выравнивания). Результат везде один: ощущение прекрасно читаемого, выпуклого, осмысленного текста.
PS Присылайте свои ссылки на сайты с элегантной, читаемой (не в стиле «мусорный гранж») типографикой.
Tеги:типографикаПохожие записи
Процесс создания иллюстрации для сайта
Создание абстрактного фона
Уровни заголовков
Чистый дизайн
Matte-painting и фотостоки: полезные ресурсы
Спасибо,очень красиво и полезно