Оформление актуального.

Как оформить ассортимент, отзывы, прайс, о себе, FAQ

Совет: при создании историй, в том числе информационных, учитывайте иерархию в тексте.

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


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


И не используйте больше чем 2, максимум 3, шрифта на одной истории.

Обложки актуального

1
Картинка и текст

Приложения для удаление фона:

Magic eraser (IOS)

Background eraser от Lyrebird Studio (может называться Фоновый ластик: PNG&белый фон) (Android)


Приложения для верстки обложки:

PicsArt


2
С иконками

Используемые приложения:

GoDaddy (бывший Over)


Сайт с иконками:

https://www.flaticon.com/ru/

https://icons8.ru/icons


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


В примере на обложке вместе с иконкой используется текст. В таком случае дублировать текст в подписи актуального не стоит. А если вы решите не использовать текст на обложке (иконка будет смотреться крупнее), тогда подписывать актуальное нужно.


3
С текстом. Слова по кругу

Используемые приложения:

GoDaddy (бывший Over)


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


4
С текстом. Рисунок словами.

Используемые приложения:

Meitu


Ассортимент

1
Каждая начинка отдельно

Используемые приложения:

Canva


Для такой подачи ассортимента вам понадобятся фото разрезов, чтобы при кадрировании были четко видны слои.


2
Все начинки сразу

Используемые приложения:

Canva


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


Также лучше всего, если фотографии начинок будут оформлены в едином стиле. Так ассортимент будет выглядеть аккуратнее.


3
Зависимость параметров

Используемые приложения:

Canva


Советуем использовать фотографии десертов в нескольких ракурсах, для наглядности.


4
Весь ассортимент

Используемые приложения:

Canva


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


✦Отзывы

1
Полупрозрачное сообщение

Используемые приложения:

Magic eraser (IOS)

Background eraser от Lyrebird Studio (может называться Фоновый ластик: PNG&белый фон) (Android)


GoDaddy (бывший Over)


2
Репост отзыва в сторис

Используемые приложения:

редактор сторис в Инстаграм


Линии из примера добавлялись с использованием светящегося шрифта (третий слева) и нижнего подчеркивания.


3
Сообщение в руке

Приложения для стикера:

ClipDrop — создает стикеры из фото сразу после фотографирования с помощью приложения. Но бесплатно даются только 10 стикеров.

Но можно сделать в любом приложении, которое удаляет фон.


Приложения для верстки истории:

PicsKit (Android), но можно также в Over / Bazart / PicsArt


Ответы на вопросы

1
Вариант №1.

Используемые приложения:

Редактор сторис в Инстаграм


Для затемнение фона используйте невидимый пробел (легко гуглится) и второй шрифт слева с включенной подложкой (она у него полупрозрачная). Если у вас Android, то вам понадобится больше пробелов, так как подложка не растягивается так сильно, как на IOS.


2
Вариант №2.

Используемые приложения:

Редактор сторис в Инстаграм


В качестве фона используется уже затемненный фон с первого варианта. Линия создается при помощи нижнего подчеркивания с использованием светящегося шрифта (3 слева). Выравнивание текста по левому краю упрощает считываение. Также старайтесь переносить на следующую строчку висящие предлоги, чтобы текст выглядел аккуратнее.


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


Made on
Tilda