✱ ПРАВИЛА ОФОРМЛЕНИЯ СТОРИС

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

на канале демо-версии вы уже можете найти видеоурок по оформлению сторис без сторонних приложений, обязательно посмотрите его! а в полной версии клуба есть еще несколько видеоуроков по оформлению:

а также в марте в топ-клубе выйдет еще 5 видеоуроков: → обработка фото в lightroom
→ видеоурок в формате live по созданию контента для сторителлинга
→ наложение зерна и футажей на видео
→ создание эффекта двойной экспозиции
→ как создать собственную библиотеку стикеров в iPhone

✱ РАБОТА С ТЕКСТОМ

современный пользователь соцсетей уже не воспринимает большие объёмы информации — он приходит в соцсети, чтобы развлечься и передохнуть, а не чтобы почитать что-то супер интересное и полезное:) при виде полотна текста у него появляется желание просто перелистнуть это страшное количество букв и дальше кайфовать от незамысловатого контента:) (если только он не специально зашёл на ваш аккаунт, чтобы изучить всё "от и до", но это скорее частный случай)

так а что же делать, если нужно донести большой объём информации?

[ 1 ] — если у вас уже есть готовый большой текст, попробуйте сформулировать в одном предложении основную суть, которую вы хотите донести до читателя — разберитесь, о чём ваш текст и какие цели перед ним стоят. [ эту суть вы даже можете завернуть в первую сторис, используя формулы триггерных заголовков, чтобы заинтересовать и вовлечь аудиторию! ]

[ 2 ] — поделите информацию на части, каждая из которых не должна содержать больше 2, мааааксимум 3 предложений! и каждую часть выносите на отдельную сторис. если текст на одной сторис невозможно прочитать за 15 секунд — делим!

[ 3 ] — после того, как сам текст обработан и разделен, важно правильно его визуально оформить, чтобы он стал ЧИТАБЕЛЬНЫМ и ПОНЯТНЫМ.

✱ ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ

работа с фоном:

[ 1 ] — контраст фона и текста. любой текст на сторис должен быть читабельным, а для этого он должен контрастировать с фоном. для создания контраста вы можете использовать:
→ однотонные фоны
→ фото деталей на нейтральных тонах / фото с "пустым" пространством (вы + большой кусок стены / компьютер + часть стола / город + часть неба и тд) — на пустом пространстве размещаете текст.
→ если фон сложный, обязательно используйте затемнение. [ подробно разбирали в видеоуроке по оформлению сторис без сторонних приложений, он уже есть в демо:) ]
→ если не хочется затемнять всю фотографию, используйте градиентные подложки под текст. [ пакет градиентов → здесь ]

[ 2 ] — фон должен либо сочетаться с текстом по смыслу, либо быть нейтральным. то есть если вы рассказываете про работу, то на фоне можно показать рабочий стол или другие рабочие атрибуты:)) а если говорите о спорте, то композиция с ковриком и гантелькой будет смотреться идеально — так вы ещё больше фокусируете внимание зрителя на теме и подкрепляете смысл своего месседжа.

[ 3 ] — единая стилистика фонов на всём сторителлинге! обязательно следите, чтобы ваши сторис не превращались в кашу, старайтесь выбирать единую обработку / цветовую гамму / настроение всех подложек на протяжении сторителлинга:) и, конечно же, чередуйте планы и форматы [ подкаст про создание фото и видеоконтента тоже есть в демо:) ]

[ 4 ] — все фотографии должны быть хорошего качества! никаких пиксельных корявых кадров:)

оформление текста:

[ 1 ] — выберите 2 постоянных шрифта для своего блога: один для акцентов (заголовки, важные мысли, схемы и тд), другой — для основного текста. НЕ БОЛЬШЕ! человеку гораздо проще воспринимать информацию, если она излагается в знакомой и привычной стилистике:) согласитесь, если бы в книгах или статьях каждое предложение было написано разным шрифтом, то вряд ли бы мы смогли нормально воспринимать информацию:)

не переживайте, текст не станет скучным и однообразным, ведь в каждом шрифте вам доступны ещё и регистры: КАПС, обычный текст, а также встроенные подложки:)

[ 2 ] — выравнивание (выключка) — это расположение текста по левому, правому краю или центру. самый гармоничный вариант в большинстве случаев — выключка по левому краю: внимание зрителя идёт по логичной траектории — слева направо, как мы все с вами привыкли читать. остальные варианты тоже имеют место быть, но только при небольших кусочках текста, когда это будет стилистически подчеркивать и акцентировать внимание:)

[ 3 ] — визуально выделяйте основную мысль / важные тезисы / ключевые слова на сторис — так вы сможете направлять внимание читателя, помогать ему быстрее и точнее обрабатывать информацию:) выделять можно цветом, подчеркиванием, обводкой, стрелками и тд.

[ 4 ] — не делайте текст слишком мелким или слишком крупным, пусть он будет оптимально читабельным:) если вам пока сложно определить оптимальный размер текста, вы можете ориентироваться на оформление известных блогеров, чаще всего они используют стандартные шрифты и четко расставляют акценты, не используя сложный дизайн:)

✱ ЯКОРЯ В ВИЗУАЛЬНОМ КОНТЕНТЕ

как этого добиться? постоянными визуальными акцентами в контенте!

[ 1 ] — два постоянных шрифта. эту тему мы уже разобрали выше, но хочу очередной раз подчеркнуть важность этого момента:) люди привыкают к вашим шрифтам и уже по ним постепенно начинают узнавать ваш блог, особенно если вы используете шрифты из сторонних приложений. согласитесь, Юлины шрифты вы узнаете из тысячи:)

[ 2 ] — один акцентный цвет в оформлении. выберите один цвет, которым вы будете выделять важные смыслы в сторителлингах — цвет важных слов, подложек, обводок и тд — этот цвет начнет ассоциироваться у аудитории с вашим контентом:)

[ 3 ] — 1-3 постоянных эмоджи. вы можете выбрать несколько эмоджи, которые будут подчеркивать вашу личность и уникальность, и использовать их на постоянной основе в текстах и стикерах-тыкалках.

[ 4 ] — 1-3 уникальных символа. или же ВМЕСТО эмоджи подберите текстовые символы, которыми будете расставлять акценты в своих текстах, как например используем мы в [ топ-клубе ] — квадратные скобки, символы ✱ ➤ и текстовый смайлик :)))) оформление наших текстов вы тоже наверняка узнаете из тысячи:))) [ сайт с подборкой текстовых символов → здесь ]

[ 5 ] — графические элементы в одной стилистике. если вы используете более сложное оформление, то обязательно следите, чтобы все элементы сочетались между собой: стиль / эпоха, толщина линий, цвета, формат и тд!

[ каждый месяц в топ-клубе проходит рубрика «разбор дизайна», где вы можете прислать любой макет / дизайн, который вы хотите воплотить, а мы записываем туториал как и в каких программах его можно сделать:) ]

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

→ в топ-клубе созданы все условия для того, чтобы вы могли прокачивать свои навыки в блоге и в жизни, а самое главное — взаимодействовать с заряженным и целеустремленным комьюнити:)

→ пошаговые понятные инструкции для твоего блога в формате «бери и делай» — видеоуроки по оформлению сторис и работе в программах, шаблоны, сценарии сторителлингов, разборы дизайна, крутые задания и продуманные структурные челленджи, благодаря которым вы, наконец, придете к результату:)

*Компания Meta Platforms Inc. признана в России экстремистской организацией и запрещена.