Создание

визуала

Ильяна Левина
Директор по маркетингу и партнер
группы компаний “Скобеев и Партнеры”

Основатель levina.team. Автор telegram-

канала “Инструменты маркетолога”

@ilyana_lev
Цель и задачи урока

Цель: научиться
составлять красивую
ленту

Задачи:

● Понять, как сделать

единую ленту?
● Изучить главные
правила мобильной
фотографии
Тренируемся!
Определение цветовой
гаммы (расширения)
1. Пипетка Eye Dropper — позволяет узнать код любого цвета на
любой странице в интернете
2. Colorzilla — включает инструменты colour picker, eye-dropper, css
gradient generator и palette browser. Достаточно навести
пипеткой на нужный цвет на любом сайте и скопировать код
3. ColorPick Eyedropper
Определение цветовой
гаммы
1. Adobe Color CC определяет палитру из 5 доминирующих цветов
изображения, которую можно сохранить и использовать. Бесплатно.
2. color-hex.com — определит, какие цвета стоят рядом с вашим
цветом.
3. thestocks.im — агрегатор мокапов, видео, фотографий, иконок,
шрифтов.
https://blog.alevi.ru/marketing/dizajnerskie-servisy-dlya-marketologov/
Акценты
в ленте
Единый стиль профиля

1. Разные планы:
● детали
● воздух
Детали и воздух

1. Разные планы:
● детали
● воздух
Детали и воздух
Воздух и воздух
Воздух и воздух и
воздух
Детали и детали и
детали
Детали и детали и
детали
Детали и детали и
детали
Детали и воздух и
детали
Детали и воздух и
детали
Детали и воздух и
детали
Единый стиль профиля

1. Разные планы
● детали
● воздух
2. Сочетания цветов:
● базовый цвет
● акценты —
комплементарные цвета
Единый стиль профиля

1. Сочетания цветов:
● базовый цвет
● акценты —
комплементарные цвета:
○ Красный и зеленый,
○ Желтый и фиолетовый,
○ Синий и оранжевый.
Цветовой круг Canva

https://www.canva.com/colors/color-wheel/
Проблема всех баров и
кафе:
ОНИ ОДИНАКОВЫЕ
Проблема всех баров и
кафе:
ОНИ ОДИНАКОВЫЕ
Проблема всех баров и
кафе:
ОНИ ОДИНАКОВЫЕ
Проблема всех баров и
кафе:
ОНИ ОДИНАКОВЫЕ
Как выделяться
Как выделяться
Бар:
вариант
1
Бар:
вариант
2
Вывод

● поняли особенности мобильной фотографии и

расположения графического контента в ленте
● узнали, как раскладку для ленты