Корпоративный веб-сайт на 100%. Требуйте от сайта большего!

При некорректном задании размеров целостность макета может быть существенно нарушена.

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

На некоторых сайтах создается специальная функциональность для уменьшения или увеличения размера шрифта (для людей с ослабленным зрением).

...

Особенно курьезно смотрятся «залитые» в графику тексты с грамматическими и орфографическими ошибками

Шрифты внутри иллюстраций

Шрифты также могут использоваться внутри иллюстраций (например, в виде слоганов, написанных на фотографиях). Тогда никаких ограничений на их выбор не накладывается, но, соответственно, возникает целый ряд минусов:

♦ Такие шрифты, как и любые растровые изображения, не масштабируются

♦ Текст, «залитый» в графику, не видят поисковые роботы

♦ Любое видоизменение такой надписи будет означать переделку иллюстрации , что обычно требует привлечения дизайнеров

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

35. Дизайн текста

...

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

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

...

Все новое – хорошо отформатированное старое. В том числе и эта книга

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

Не верите? Тогда просто вспомните, с какого количества веб-страниц вы ушли со словами: «Ой, тут совсем ничего не понятно!»

При публикации текстов на сайте мы советуем следовать следующим принципам:

♦ Следует ограничить, стандартизировать используемые способы форматирования , однозначно определить их с помощью CSS-стилей и сниппетов (шаблонов оформления), отказавшись, таким образом, от чрезмерного творчества публикаторов

♦ Важно соблюдать технические правила верстки (например, оформлять заголовки тегами

,

,

, создавать пустые строки с помощью тега , оформление «жирным» делать с помощью тега и т. д.)

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

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

♦ Желательно использовать достаточно крупный размер шрифта (многие пользователи жалуются на сайты, тексты которых набраны очень мелким, плохо читаемым шрифтом)

♦ Ширина текстового поля должна обеспечивать удобство чтения (по некоторым оценкам, это примерно 1,5–2,5 алфавита, набранного строчными буквами)

♦ Для отдельных материалов (например, статей, обзоров) необходимо указать их «выходные данные» – дату публикации/обновления, авторство, ключевые слова (теги)

♦ Текст должен быть разбит на компактные блоки , каждый из которых выражает законченную мысль, отвечает на вполне конкретный вопрос, представляет собой анонс или резюме более обширного материала

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

Приемы форматирования

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