10 способов оформления текста. .
10 способов оформления текста

Главная / категория «Советы по юзабилити текста» / «10 способов оформления текста»


 

23.04.2007

Дмитрий Сергеев,

Кто-нибудь скажет, почему я всегда первым делом разбивал страницу на колонки и рисовал шапку?

Качественный дизайн текста — основа. Иногда кажется, что возможностей слишком мало, и сильная графическая составляющая непременно нужна.

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

Вот что говорит 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 не заменяет настоящую подпись.

Сноски

Классические сноски располагаются под основным текстом. Иногда они выносятся в боковые колонки, получаются комментарии «по ходу».

Ссылки

Иногда ссылки оформляются очень необычно. Например, подчеркиваются пунктиром Smile

Акронимы, «жирный» и курсив

Все эти «мелкие inline-элементы» придают плоскому тексту объема.

Служебная информация

У каждой статьи есть автор, дата написания и прочие метаданные. Их также нередко оформляют по-особенному.

Этот небольшой список я составил для практических целей. Получилось что-то вроде мини-справочника высокоуровневых выразительных средств. Надеюсь, идея понятна и вы подскажете мне еще несколько трюков для совсем безвыходных ситуаций.

Если вы планируете использовать на сайте некоторые из перечисленных оформительских изысков, придется на стадии проектирования уделить этому немного внимания. Кстати, кто-нибудь знает CMS, которая ставит подписи к картинкам, делает врезки, буквицу?

 


Комментарии


~xXx~, 23.04.2007 02:24

занятно... никогда не задумывался даже мысленно собрать оформительские элементы в подобный обзор (наверное - как то само под ситуацию подбиралось)...


Дмитрий Сергеев, 23.04.2007 10:55

Насколько я понимаю, очень важно в украшении текста не переусердствовать. К примеру, та же буквица реально имеет причины быть примененной только в очень специальных случаях.

Занимаясь дизайном основного содержимого, можно пробежаться глазами по списку и проверить, ничего ли не забыто. Ну и в «безвыходных» ситуациях, когда ничего в голову не лезет, тоже пригодится Smile


Uznick, 23.04.2007 02:39

Буковицу можно через css отруливать (http://www.w3schools.com/css/css_pseudo_elements.asp), никакой особенной cms здесь не нужно.


Дмитрий Сергеев, 23.04.2007 10:51

Да, большинство украшений можно сделать с помощью CSS и примитивного HTML-кода. Но хотелось бы, чтобы CMS шла навстречу. Скажем, при добавлении материала на сайт, был бы блок таких настроек:
* использовать буквицу (флажок),
* вставить pull quote (текстовое поле),
* напротив n-ого абзаца сделать комментарий на полях (текстовое поле)
и так далее.

Такая функциональность может быть уже реализована в виде модуля к какой-нибудь CMS. Нужно только поискать.


 

http://www.dserg.com/10-text-decoration-2007-04-23.html


Создан:   Изменён: 21.01.2015 19:30:50
Комментарии
Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
Авторизация
Логин

Пароль



Вы не зарегистрированы?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Категории
Создание форума - от 8.000 руб
Вопросы заказчиков сайтов
Советы заказчикам сайтов
PHP-Fusion-7
-- Описание PHP-Fusion для новичков
-- PHP-Fusion панели
-- Плагин Доски объявлений для PHP-Fusion
-- Сборник плагинов и модов PHP-Fusion
Категории
Раскрутка интернет-магазина
Общие советы юзабилити сайта
-- Советы по юзабилити дизайна сайта
-- Советы по юзабилити интернет-магазина
-- Юзабилити регистрации пользователей и комментирования
-- Советы по юзабилити меню
-- Советы по юзабилити текста
-- Веб-аналитика. Счётчики посещаемости. Google Analitics
Где поставить ссылку бесплатно?
-- Раскрутка вне поисковиков
-- Наполнение и оптимизация страниц
Видео-анализ юзабилити сайта
Обмен ссылками: советы и скрипты
Яндекс.Метрика
Переключатель дизайна
AFT_White_L
24.09.2017 13:31:19