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