Оформление текста: единство стиля

Продолжая разговор об оформлении текста «Оформление текста: типографика», важно поговорить о дизайне статей. Мало создать красивую «рамку» для сайта, нужно подумать и о содержимом.

Часто приходится сталкиваться с отсутствием единого стиля оформления статей на сайте. Это делает сайт неряшливым, дезориентирует и отвлекает пользователя. Упомянутая проблема может появиться либо в результате недоработок на этапе дизайна, либо в результате низкой квалификации или недостаточного обучения людей, занимающихся публикацией.

Другая проблема — слишком скучное или, наоборот, пестрое оформление текста. Оформление статей должно гармонировать с дизайном, соответствовать тематике сайта и ожиданиям целевой аудитории.

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

• заголовки всех уровней,
• ссылки,
• выделение текста и текстовых блоков,
• списки,
• таблицы,
• цитаты,
• определения.

Все эти элементы должны быть нарисованы дизайнером, а задача верстальщика — сверстать макет, так чтобы оформление накладывалось на стандартные HTML-теги.

Пример оформления статьи для проекта IN-TERMA:
заголовки, абзацы, списки и таблица.

В дальнейшем при публикации статей уже не нужно помнить, каким шрифтом выделяется цитата или каким цветом должен быть заголовок. Необходимо посто использовать соответствующие теги: список, цитата, заголовок. Это не только помогает придерживаться единого оформления, но и позволит легко поменять внешний вид одного или нескольких элементов сразу на всем сайте.

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

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

В продолжение темы:

1. «Оформление текста: типографика»
2. «Оформление текста: интересное содержание»
3. «Как правильно публиковать статьи на сайте»

Автор:
Ольга Завьялова

Метки:

• верстка
• дизайн
• качество