514fb1aaa66a524226a1429e1e96ed17.jpg

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

1.Выбор шрифта


1600171687244.png

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

2. Размер шрифта
Не менее важным будет и выбор размера шрифта. Большой или маленький размер шрифта неудобен для читателя, который просматривает контент на экранах разных размеров. Поэтому поэтому стоит подбирать оптимальный размер шрифта, чтобы он легко читаться на всех типах устройств.

3. Цветовой контраст
53829-507516.jpg

При оформлении сайта пользуйтесь правилами цветового круга. Он поможет гармонично сочетать те или иные цвета.
С темными шрифтами лучше использовать светлый фон, который повышает читаемость контента. Но если фон страницы ярко-синий, а цвет шрифта – желтый, черный или зеленый, это отталкивает читателя.

4.Компактные абзацы
Абзацы текста должны быть краткими и лаконичными. Читатель привык просматривать содержимое через короткие абзацы, чтобы найти полезные фрагменты информации. Более длинные абзацы заставят пользователя прокручивать весь контент. Поэтому рекомендуется использовать абзацы с 3-4 строками.

5.Форматирование и структурирование контента
Правильно отформатированный текст привлекает внимание читателя в нужных местах. Согласованность текста должна поддерживаться всегда. Например, маркированный список должен использовать аналогичный стиль и размер шрифта. Заголовки иметь одинаковый цвет, стиль и размер шрифта.

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

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

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

Иногда графика выходит за пределы видимого пространства экрана. Из-за этого читателю приходится прокручивать страницу.


7. Применение разделителей
53829-507821.jpg


Текст должен быть разделен на различные части, чтобы улучшить читаемость для пользователей. Использование разделителей обязательно для структурирования контента.
Самый простой способ структурировать контент – использование линий для разделения текстовых элементов и визуализации иерархии контента.


8. Стиль фона
Хороший фон повышает читаемость дизайна сайта. Фон не должен быть очень ярким. Иначе пользователю придется щуриться, чтобы прочитать контент.

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