Подробные рекомендации по подготовке графического контентаВсе изображения, загруженные на портал кадрируются под определённый размер. Размеры мы собрали в таблице. Помните, что изображения не должны быть меньше ожидаемого размера. Мы рекомендуем подбирать изображения с безопасными полями сверху и снизу, около 50px или 5-20% от длин сторон изображения. Это должны быть не рамки, а просто участки изображения, которые система может обрезать, затемнить или каким-то другим образом изменить отображение. Panel |
---|
panelIconId | 1f913 |
---|
panelIcon | :nerd: |
---|
panelIconText | 🤓 |
---|
bgColor | #EAE6FF |
---|
| Старайтесь подбирать похожие по стилистике изображения, чтобы соблюдать цветовую гамму и единообразие. В мобильном приложении изображения центрируются, а потом заполняют доступный размер по ширине и высоте.
|
Существует 6 типов изображений, которые вы можете использовать в работе с контентом портала. Превью Шапка Галерея Изображение в теле записи Онбординг Баннеры
Портал адаптивный, поэтому отображение страниц зависит от типа устройства, с которого зашел пользователь. В зависимости от условий изображения переставляются местами, сжимаются и режутся. Для управления этими изменениями условия – кадрирование, сжатие, растягивание – подобраны оптимально, на основании из трёх точек слома – десктоп, планшет, телефон. ПревьюПревью – яркое изображение горизонтальной ориентации. При выборе изображения для превью учитывайте цвета и яркость соседних изображений, чтобы контент выглядел единым. Размер изображений: 376 х 160 px для главной и вторичной страницы. Размер может быть пропорционально больше – изображения будут кадрированы под этот размер. Изображения кадрируются по центру. ШапкаЭто изображение располагается внутри каждой записи и отражает основную тему сообщения. Мы рекомендуем выбирать горизонтальные изображения высокого качества. Центральный элемент должен находиться в правой части, так как в левой части расположено название записи. Размер изображений: 1175 х 360 px. Изображения кадрируются по центру. Note |
---|
В некоторых модулях размер отображаемого изображения может меняться. Пример: модуль “Сообщества”. |
ГалереяГалерея используется, когда к одной записи есть несколько изображений, которые можно разместить в отдельный альбом. Для этого подходят фото любой ориентации. Возможно размещение изображений более низкого качества, чем в остальных блоках с изображениями. Panel |
---|
panelIconId | 1f913 |
---|
panelIcon | :nerd: |
---|
panelIconText | 🤓 |
---|
bgColor | #EAE6FF |
---|
| Если к записи прилагается только одно изображение, не рекомендуется использовать инструмент Галереи. В таком случае воспользуйтесь вставкой изображения в тело сообщения. |
Галерея может быть использована, как слайдер для публикации презентации. Для этого сохраните презентацию в виде изображений. Размер изображенийможет быть любым. Изображения кадрируются по центру. Так выглядят изображения в галерее на странице материала. Image RemovedImage AddedА так выглядит изображение при просмотре в галерее. Image RemovedImage AddedИзображения в теле записиВ тело записи вставляются те изображения, которые относятся к той части текста, рядом с которой находятся. Ориентация изображение не важна. В текст можно вставить большие и небольшие изображения. Размер изображений: 750 x N px. Изображения кадрируются по центру. ОнбордингТребования к размеру изображений – не менее 332 x 480 px. БаннерыВыбирайте изображения с максимально однородным фоном без избыточных и кричащих цветов и деталей. Желательно располагать ключевое изображение справа, левую часть оставлять максимально пустой или однородной. Не используйте белый цвет и текст на изображении. Текст, который добавлен подобным способом, может не читаться при адаптивном изменении изображения. Для добавления текста используйте настройки баннеров. Размер изображения: 1663 x 560 px. Изображения кадрируются по центру. |