Ребята из 37signals говорят, что дизайн сайта нужно начинать с центральных материалов. Стили заголовков, абзацев, ссылок основного текста — самая важная вещь. Вроде правильно. Кто-нибудь скажет, почему я всегда первым делом разбивал страницу на колонки и рисовал шапку?
Качественный дизайн текста — основа. Иногда кажется, что возможностей слишком мало, и сильная графическая составляющая непременно нужна.
Я попробовал собрать разные способы украшения текста. Практически все эти приемы давно используются при оформлении книг, журналов и газет.
Вот что говорит Robert Bringhurst: «Headings, subheads, block quotations, footnotes, illustrations, captions and other intrusions into the text create syncopations and variations against the base rhythm of regularly leaded lines. These variations can and should add life to the page…».
Блоки цитат
Распространены на газетных и журнальных сайтах. Текст, оформленный подобным образом, сильно привлекает внимание. Этим пользуются газетный и журнальные сайты.
Врезки
Они есть в любом журнале, но на сайтах встречаются не часто. В одном известном электронном издании врезками оформлены блоки «Хозяйке на заметку».
Заголовки
Некоторые используют шрифт Impact. Другие выделяют заголовки разными линиями и границами.
Подзаголовки
Подзаголовки добавят в длинный монотонный текст разнообразия и сделают его дружественнее к читателю.
Буквица
Нужно использовать осторожно, не злоупотреблять. Некоторым сайтам пойдет.
Подписи к иллюстрациям
В интернете как-то не очень принято давать картинкам названия. Но ведь содержимое атрибута ALT не заменяет настоящую подпись.
Сноски
Классические сноски располагаются под основным текстом. Иногда они выносятся в боковые колонки, получаются комментарии «по ходу».
Ссылки
Иногда ссылки оформляются очень необычно. Например, подчеркиваются пунктиром :)
Акронимы, «жирный» и курсив
Все эти «мелкие inline-элементы» придают плоскому тексту объема.
Служебная информация
У каждой статьи есть автор, дата написания и прочие метаданные. Их также нередко оформляют по-особенному.
Этот небольшой список я составил для практических целей. Получилось что-то вроде мини-справочника высокоуровневых выразительных средств. Надеюсь, идея понятна и вы подскажете мне еще несколько трюков для совсем безвыходных ситуаций.
Если вы планируете использовать на сайте некоторые из перечисленных оформительских изысков, придется на стадии проектирования уделить этому немного внимания. Кстати, кто-нибудь знает CMS, которая ставит подписи к картинкам, делает врезки, буквицу?
Дмитрий Сергеев, 22 года. Разрабатываю сайты на Drupal.
~xXx~, 23.04.2007 02:24
занятно... никогда не задумывался даже мысленно собрать оформительские элементы в подобный обзор (наверное - как то само под ситуацию подбиралось)...