Рекомендации к размещению контента

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

Основные рекомендации

Существует 4 типа изображения, которые можно использовать работе над контентом портала:

• Изображение в теле записи

• Превью 

• Шапка (баннер)

• Галерея

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

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

Размер изображений: 376 x 209 px (на Главной странице) и 376 х 160 px (на вторичной странице) кадрирование по центру

Изображение превью для новости

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

Размер изображений: 1175 х 360 px, кадрирование по центру

Изображение для шапки на странице новости

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

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

Размер изображений: 750x420px, кадрирование по центру

Пример галереи

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

Размер изображений: 720 x N px, кадрирование по центру

Пример изображения в теле записи

Баннеры

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

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

Размер изображения: 1663 x 560 px, кадрирование по центру

Баннер на Главной странице портала

Приветственная презентация

Изображение для приветственной презентации

Размер изображения: 791 х 291 px, кадрирование по центру

Таблица модулей, изображений и размеров