Меню

Обучение как сделать ленту



Как создать бесконечную ленту в инстаграм

Когда человек попадает в ваш профиль, что он там видит? Аватар, шапку профиля, закрепленные истории – это все просматривается буквально за несколько секунд. Больше внимания люди уделяют просмотру ленты публикаций. А это значит, что она должна быть правильно и привлекательно оформлена. Неплохой вариант (особенно для коммерческих аккаунтов) – бесконечная лента в Инстаграм. Именно о таком способе оформления я и хочу рассказать. Помимо общих рекомендаций еще я помогу вам самостоятельно сделать такую ленту, дав несколько важных подсказок.

Что такое бесконечная лента в Инстаграм?

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

Бесконечная лента в Инстаграм представляет собой ленту, которая выглядит как единое изображение. Вспомните детскую забаву – пазлы, где каждый элемент является частью одной картинки. Так же и бесконечной лентой. Каждый пост – это фрагмент единого оформления.

Главное преимущество бесконечной ленты — вы заранее планируете раскладку и подготавливаете под нее тексты. Отсюда вытекаете еще два важных момента:

  1. Вы заранее знаете, что будете публиковать и вам не страшно столкнуться с отсутствием вдохновения, так как у вас есть материал, который будет выходить системно.
  2. Создавая бесконечную ленту на одну-две недели вперед, вы работаете 1-2 дня, остальное время у вас остается свободным.

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

Можно выделить два вида бесконечных инстагрмных лент:

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

Инсталента

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

Когда такой вид оформления только начал появляться, многие пользователи начали его использовать.Но практически все допускали одну и ту же ошибку – концентрировали внимание на том, как лента выглядит целиком, не обращая внимания на отдельные фрагменты (посты). Что получалось на выходе? Изображение делилось на 6,9,12 и т.д. квадратов, которые потом загружались в инстаграм. Конечно же, загружалась не вся лента сразу. В день выходило по 1-2 публикации. Так как изображения тесно связаны между собой, получалась эдакая «расчлененка». Общая картинка «разъезжалась» и выглядело все довольно непривлекательно.

Что делать, чтобы избежать такой проблемы? Первое – понять, сколько постов в день вы будете публиковать. Исходя из этого подогнать дизайн так, чтобы добавляемые посты сильно не портили общую концепцию бесшовной ленты. Второе – размещать изображения так, чтобы при «резке» ленты не было некрасивой «расчлененки». Если вы хотите вставить фотографию, не стоит чтобы она выходила за рамки одного поста.

Инсталендинг

Инсталендинг – изображение большого формата, которое поделено на отдельные «кусочки» в количестве 6, 9, 12, 15 или более единиц. Разница небольшая (в сравнении с инсталентой), но существенная, так как инсталендинг используется для разовой выгрузки всех постов.

Такая бесшовная лента нужна, как правило, чтобы направлять получаемый трафик из Инстаграма на другой ресурс. Например, какая-то компания не нацелена на то, чтобы вести аккаунт в Инстаграм, но возможно, что часть их целевой аудитории будет искать их профиль, чтобы заказать услугу или товар. Перейдя в профиль, человек может увидеть большое бесшовное изображение (не открывая в сами посты), на котором указана инструкция действий для покупателей или партнеров. Как правило, на изображении указывают, что «Ищите нас на сайте. Ссылка в описании профиля». Таким образом, создается эффект присутствия бренда в Instagram.

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

Кому подойдет?

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

Тем, кто ведет личный блог и публикует посты в стиле Life (с живыми фотографиями разных форматов), такой формат не подойдет. Он накладывает ряд ограничений и не всегда позволяет отступать от контент-плана.

Читайте также:  Как сделать бант на руку из капроновой ленты

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

Как сделать бесконечную ленту в Инстаграм самостоятельно?

Чтобы самому сделать бесшовную ленту, можно использовать:

  1. Декстопные графические редакторы. Например, это может быть и Adobe Photoshop, и Adobe Illustrator, и Sumo Paint, и т.д.
  2. Графические редакторы, которые позволят работать в режиме online и не требуют установки на компьютер. Самый яркий пример – Canva.
  3. Мобильные приложения.

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

Приложения в помощь

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

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

Для этого прекрасно подойдут следующие приложения:

  1. Canva.
  2. Crello.
  3. PazzleStar. Шаблон коллажа для Instagram.
  4. Постер (от KVADGroup App Studio).

Также возможно вам понадобятся приложения для последующей порезки единого изображения. С этой задачей хорошо справляются:

  1. Grid Post.
  2. Grid Photo Maker for Instagram.
  3. Nice Grid Crop и прочие.

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

Источник

Как сделать красивый визуал в Инстаграме и других соцсетях

Как визуализировать личный бренд эксперту или предпринимателю? Что и как постить в Инстаграме? Как оформить Фейсбук, ВКонтакте и Одноклассники? Про красивый и цепляющий внимание аудитории визуал в Инстаграме вы узнаете сегодня в статье дизайнера Галины Гороховатской.

Создаем визуал ленты в Инстаграме поэтапно

Визуал ленты Instagram делится на три вида изображений:

  1. Фото/картинки без дизайна и надписей.
  2. Фото/картинки с дизайном. Иначе их еще называют шаблонами или баннерами.
  3. Рекламные креативы. Более подробно про них читайте в моей статье http://marketing-2b.com/kreativy-dlya-reklamy-ot-a-do-ya/

Лента Instagram формируется в основном из двух первых видов. Фото с дизайном и без компонуют так, чтобы выполнялись следующие цели:

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

Как я проектирую ленту, чтобы вышеуказанные цели выполнялись? Я делю этот процесс на три этапа: подготовительный, проектирование ленты и технический. А теперь подробнее о каждом из них.

Подготовительный этап: с чего начинаем планировать визуал в Инстаграме для проекта

  1. Анализ существующего аккаунта
  2. Заполнение брифа
  3. Изучение пожеланий клиента из брифа
  4. Анализ целевой аудитории (далее — ЦА)
  5. Вид аккаунта: экспертный блог, личный блог, тематический паблик, аккаунт онлайн-школы или онлайн-марафона, инста-магазин, инста-лендинг и пр.
  6. Какие рубрики будут в ленте: полезные статьи, продающие, развлекательные и вовлекающие, мысли о жизни и пр.

Вначале изучаю существующий аккаунт. Как он ведется, какого качества фотографии используются, есть ли дизайн в визуале. Параллельно заказчик заполняет бриф (техническое задание).

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

Этап проектирования ленты — ее содержание и начальный визуал в Инстаграме

  1. Стилистика: цвета, формы, визуальный ряд
  2. Подбор референсов (примеров) будущих фотографий. Или выбор готовых фото клиента.
  3. Выбор формы сетки: шахматы, линии, столбики, инсталендинг, бесконечный дизайн и пр.
  4. Проектирование 1 = изображения в сетку
  5. Дизайн шаблонов
  6. Проектирование 2 = шаблоны в сетку
  7. Опционально = вечные стори, шаблоны стори, шаблон для лонгрида и пр.

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

Следующая задача — это собрать в единое целое анализ ЦА, вид аккаунта и список рубрик. Из этого микса выбираю вид сетки ленты. Сетка — это геометрическая форма ленты, принципы наполнения и чередования в ней изображений. Про сетки я подробно писала в этой статье 8 вариантов сетки Инстаграм

Наполняю сетку шаблонами и фото без дизайна. Собираю их в единый проект. Смотрите ниже поэтапно, как я это делаю.

Читайте также:  Как сделать самому бусы из лент и бусин

Выбор сетки — шахматка. В аккаунте будут чередоваться шаблоны с дизайном и фото без дизайна.

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

Нарисовала дизайн шаблонов для ленты и IGTV.

А это готовый проект ленты. Вставила шаблоны в сетку, чтобы увидеть полную картину.

Технический этап — подготовка к публикации, и ваш авторский визуал в Инстаграме готов!

  1. Правки и утверждение визуала.
  2. Адаптация шаблонов под Канву, Фотошоп
  3. Техническое задание фотографу, референсы — по запросу клиента
  4. Консультация и помощь в редактировании шаблонов, видео-уроки — по запросу клиента

Время на выполнение около рабочей недели. По факту — 7-10 дней с учетом технического этапа.

Чтобы более подробно разобраться, как я делала визуал на примере еще одной клиентки, читайте кейс по ссылке Визуал ленты Инстаграм

Визуал в Инстаграме: примеры

Как искать референсы для фотографий

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

Обычно я ищу примеры в Pinterest. В зависимости от личности эксперта и содержания фото подбираю поисковый запрос.

Например, можно искать: фотографии женщины, фотографии женщины в пиджаке,

бизнес женщины, женщина зрелая портрет и похожие с ними запросы.

Если нажать на любой пин (фотографию), под ним будут похожие изображения:

Если вам нужны референсы для товарной продукции, ищите похожие предметы. Например, вы будете продавать косметические средства или био-добавки в Instagram. Тогда ищите “косметика фото”.

Обратите внимание: Пинтерест сам подсказал мне похожие запросы: “косметика фото идеи” и “косметика фотосессия”. Если походить по ним, обязательно найду очень красивые референсы.

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

Я нажала на кнопку “Минимализм”, и выдало совсем другие, очень красивые фото:

Если подытожить принципы успешного поиска примеров фото в Пинтересте:

  1. Опишите кратко то, что хотите увидеть на фото.
  2. Задавайте темы и детали.
  3. Переходите на понравившиеся фото, смотрите похожие внизу пина
  4. Переходите по подсказкам от Пинтереста в поисковой строке
  5. Нажимайте на кнопки с подсказками.

Шаблоны Сториз, вечные Сториз Highlights, лонгриды и слайд-шоу

Highlights (вечные сториз, хайлайты) — это закрепленные сториз под шапкой аккаунта. В них обычно помещают важные категории: обо мне, услуги и цены, отзывы, акции, полезный контент и пр. Или группируют сториз по времени, теме или другим признакам.

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

В моем Pinterest собрала примеры актуальных дизайнов вечных сториз Переходите по этой ссылке, чтобы узнать, что сейчас в тренде хайлайтов.

Лонгрид (англ. “долгое чтение”) — это название длинных статей и постов, превышающих 2200 символов. А шаблон, в котором этот текст вбивают, также называют лонгридом.

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

Пример — шаблон и заполненный лонгрид для моей клиентки

Слайд-шоу — тренд 2020 в Instagram. Это карусель с вертикальными прямоугольными картинками. В слайд-шоу можно сделать портфолио, показывать фото “до и после”. А еще — делать перетекающий дизайн. Я показываю, как он выглядит, здесь Бесшовная карусель в Инстаграм

Как оформить Фейсбук, ВКонтакте и Одноклассники?

Для примера смотрите скриншоты ниже — баннеры по одному и тому же шаблону в квадратном и прямоугольном исполнении.

Баннер справа занял почти весь экран, поэтому аудитория меньше отвлекается от других элементов на экране.

Итак, почему нужно проектировать ленту Instagram в первую очередь среди других соцсетей?

  • универсальность шаблона для соцсетей, кроме Ютуба и Пинтереста
  • без привязки к сетке

Это значит, что после Инстаграма переделывать визуал под другие соцсети не надо будет. А из ВКонтакте или Фейсбук надо, если там будут прямоугольные изображения.

Только визуал Инстаграма жестко привязан к сетке публикаций. Другие соцсети нет.

Общие рекомендации по другим соцсетям:

ВКонтакте = используйте больше баннеров с дизайном(вид №2 из начала этой статьи). По статистике, пользователи ВКонтакте лучше реагируют именно на этот вид визуала.

Фейсбук = личные фото заходят лучше(№1 из начала этой статьи). В этой соцсети легче продвигаются посты с естественными фото, без обилия дизайна.

Для личных и бизнес страниц Фейсбук, а также для групп и пабликов ВКонтакте актуально оформление обложек. Про них я написала в этой статье https://fl-club.com/kak-privlech-klientov-v-socsetyax-s-pomoshhyu-oblozhki-profilya/

Подведу итоги всего вышесказанного:

  1. Проектирование ленты Instagram проходит по трем этапам: подготовительный, проектный и технический.
  2. Фотографии эксперта в соцсетях должны соответствовать ЦА и характеру эксперта, чтобы формировать положительный личный бренд.
  3. Кроме шаблонов в проектирование ленты входят: референсы и рекомендации по фотографиям, сами файлы и консультации по редактированию шаблонов и реализации ленты.
  4. Для поиска примеров фотографий отлично подходит Pinterest.
  5. Шаблоны Сториз, вечные Сториз Highlights, лонгриды и слайд-шоу — другие элементы визуала Инстаграма.
  6. Сначала лучше оформить Инсту, а затем другие соцсети.
Читайте также:  Как из ленты сделать пуговицу

В статье использованы фотографии и дизайны из личных архивов:

Ольги Перченко, Светланы Колесовой, Галины Гороховатской.

Согласие на публикацию получены. Дальнейшее распространение и публикация этих фотографий запрещены.

А также использованы фотографии и скриншоты из сервиса Pinterest исключительно для демонстрационных целей.

Источник

Дидактор

педагогическая практика

Как подготовить ИНТЕРАКТИВНУЮ ЛЕНТУ

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

Александр в своем комментарии об ИНТЕРАКТИВНОЙ ЛЕНТЕ пишет:

Очень интересная находка. А можно узнать более подробно по следующим вопросам: не выходит сплошная прокрутка (выскакивают картинки одна на другую), как все-таки увеличить картинку, если она в блоке. Очень интересно, но для “чайников” не совсем понятно. Будем Вам очень признательны!

Ну что ж. Давайте по порядку.

Алгоритм выполнения приёма ИНТЕРАКТИВНАЯ ЛЕНТА.

Шаг первый.

Разбрасываем на каждый слайд большие объекты. Не обязательно иллюстрации.

Это могут быть какие-то комментарии (события), учебные задания, учебные эпизода урока. Первый слайд оставляем пустым.

Шаг второй.

Копируем большие объекты, вставляем их на первый слайд и уменьшаем.

Формируем фрагменты нашей ленты.

Шаг третий.

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

Для этого выделяем все объекты блока. Затем щелкаем по ним правой кнопкой и в появившемся меню выбираем «Группировать». Теперь по эффектам анимации будет перемещаться не каждая картинка в отдельности, а целый блок. Собираем из отдельных фрагментов остальные блоки.

Шаг четвертый.

Задаем эффекты анимации каждому из блоков.

На входе — Вылет. Направление Слева. На выходе — Вылет за край листа. Направление — Вправо. Начало всех анимаций на входе С предыдущим. На выходе — По щелчку.

Шаг пятый.

Распределяем поочередное появление блоков. Первый блок у нас уже находится на слайде.

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

Шаг шестой.

Вставляем на слайд Кнопку прокрутки. Ее роль может выполнять стрелка, кнопка или как в данном случае вытянутый пятиугольник.

Наши блоки будут появляться именно по команде этой кнопки. Выделяем все элементы анимации. Щелкаем по ним правой кнопкой мыши или левой кнопкой по появившемуся треугольничку. В появившейся панели выбираем Время.

В появившемся окошке выбираем команду Начать выполнение эффекта при щелчке. В выпавшем списке находим наш объект, который будет выполнять роль триггера. В данном случае «Пятиугольник».

Шаг седьмой.

Теперь готовим гиперссылки с элементов ленты на каждый слайд, где должен появиться большой объект.

Щелкаем по блоку левой кнопкой мыши. Вторым щелчком выбираем нужный фрагмент. Делаем его гиперссылкой и находим нужный слайд.

Найти этот слайд несложно по выпадающим справа изображениям слайдов.

Шаг восьмой.

Теперь каждый большой объект делаем «кнопкой возврата» на первый слайд.

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

Шаг девятый.

Теперь осталось заполнить необходимым текстом, заданиями, поработать над дизайном слайдов.

Давайте посмотрим, что у нас получилось.

Интерактивная лента готова.

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

Комментарии к “ Как подготовить ИНТЕРАКТИВНУЮ ЛЕНТУ ”

Огромное спасибо Вам, Георгий Осипович, за предоставленный алгоритм! Все получилось! Красота!
Завидую тем учителям с которыми вы работаете.
А все -таки у некоторых учителей (после Вашей пошаговой инструкции) загорелись глаза!

Большое спасибо за подробное описание алгоритма. Очень понятно. Всё получилось как задумано! Стала создавать интерактивные ленты для использования на уроках технологии.

Уважаемый Георгий Осипович! Уже несколько лет пользуюсь Вашими бесценными советами. Приёмы «Интерактивная лента», «Экран», «Виртуальная прогулка» и другие помогают сделать урок МХК живее, активизировать внимание ребят.
С благодарностью и наилучшими пожеланиями, Ольга Александровна

Георгий Осипович, здравствуйте. Воспользовалась Вашим советом по созданию интерактивной ленты. Всё получилось. Спасибо.

Уважаемый Георгий Осипович. Большое спасибо за урок. Нет ли у Вас видео уроков?

Добрый день! Подскажите, пожалуйста, как сделать интерактивную ленту в версии PowerPoint позже 2010 года. Спасибо)

Здравствуйте, Светлана!
Принцип создания тот же самый. Главное, что в Области анимаций несколько другое расположение инструментов. К примеру, прямо на панели Вы отдельно сможете найти «Параметры эффектов». Там всё видно.

Источник