Текст – это основной материал вашего дизайна, в этом смысле, оформление текста – основная проблема дизайна. Каков критерий хорошего дизайна текста? – Легкость чтения или восприятия информации. Что этому помогает? Структура. Хорошо структурированный текст читать и воспринимать всегда легче. Средств, с помощью которых текстовому массиву можно придать упорядоченный вид – много. В этой статье я хочу остановиться на журнальном приеме: расположить над основным текстом цитату из него, что-то наиболее характерное, чтобы вызвать у читателя интерес к прочтению всего текста.

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

Глава 11. Что я услышал, сидя в бочке из под яблок.
Глава 13. Как начались мои приключения на суше.
Глава 17. Доктор продолжает рассказ. Последний рейс в ялике.

Смысл приема ясен: находите в тексте самое характерное, самое интересное и размещаете где-то рядом с текстом. Теперь, КАК это сделать в приложении к веб-дизайну.

1. Крайний случай: цитата или «краткое содержание» – является основным визуальным элементом страницы. Центральным блоком. В этом случае роль основного текста играет весь сайт. Этот прием очень хорош и уместен на сайтах всевозможных онлайн-сервисов или каких-то новых, ранее небывалых продуктов. Представив что-то новое цитатой, вы сразу помещаете это новое в контекст чужого удачного опыта, делаете непривычное user-friendly. Допустим, вам нужно представить новую систему онлайн-платежей и вы рассчитываете, что фрилансеры будут основными потребителями этой системы. Берем и делаем фразу «Много чего попробовал, остановился на [название системы]. Дима, дизайнер-фрилансер» центральным элементом страницы.

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

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

Более специфичный для веб-дизайна способ – обозначать цитаты при помощи вертикальной черты:

Галерею всего многообразия приемов оформления цитат вы можете посмотреть здесь А здесь вы можете скачать плагин для ворд-пресс, с помощью которого тексты можно легко оформлять цитатами в виде врезок в тексте.

Tеги:,

Похожие записи

Уровни заголовков
Чистый дизайн
Одностраничные портфолио дизайнеров
Все о сетках
Процесс создания иллюстрации для сайта
дизайн текста: веб-примеры

Комментарии

  1. 08.12.2008

    Огромное спасибо за потрясающие идеи!!! Буду следить за блогом, много всего интересного. А мой блог о науке, надеюсь, тоже понравится ;)

    автор: Olechka-persik
  2. 30.06.2010

    Thank you for the information……………………..

    автор: Anitha

Написать комментарий