Тёмный

Как сделать дизайн баннера как в фотошопе, только в Figma? Основы дизайна 

Krona Studio
Подписаться 10 тыс.
Просмотров 15 тыс.
50% 1

В июле в клубе (school.krona.studio/club-1000...) мы вплотную поработали с акциями и распродажами, и сегодня поделимся с вами небольшим кусочком пользы 😉
Акции - мощный инструмент продвижения и продаж, но, чтобы они работали, нужно соблюдать несколько простых правил:
➡️ Пользователь должен видеть все акции, которые ему доступны
➡️ Информация об акциях должна привлекать внимание, желательно использовать яркие необычные картинки
➡️ Информация об акциях должна легко считываться и быть понятной, желательно чтобы предложение было максимально простым
Например:
- два товара по цене одного
- подарок при покупке
Баннер - лучший способ информировать пользователя об акциях. Но баннеры существуют в разных контекстах:
➡️ Баннеры в рекламе
➡️ Баннеры на маркетплейсах
➡️ Баннеры на собственных сайтах
Конечно, могут быть и другие контексты, но эти встречаются чаще всего!
У баннера очень мало времени на то, чтобы привлечь внимание пользователя и сообщить ему информацию. Поэтому важно знать основные элементы баннера:
1. Суть акции: ее название, условие
2. Выгода: процент скидки, бонус, подарок и тд
3. Срочность: сколько по времени действует акция
4. Изображение, связанное с акцией: сам товар, довольный клиент или что-то другое
5. Призыв к действию - что нужно сделать, чтобы воспользоваться акцией
❗Контент на баннере зависит от контекста - иногда от некоторых элементов можно отказаться, например от срочности или призыва к действию
А в клубе было еще много информации про баннеры и акции, а также креативной практики! Мы:
- Поговорили про анатомию баннера, его элементы, влияние контекста сайта на содержание и вид баннера. Так, например, один и тот же баннер может быть контрастным или неконтрастным в зависимости от того, какие элементы интерфейса его окружают!
- Сделали креативный баннер... из баклажана! Нет, мы не шутим 😎
- Разобрались с разделом акций на сайтах: где он, как выглядит, зачем нужен. А еще - посмотрели реализацию акций на стандартных блоках Tilda
При вступлении в клуб вам открывается доступ ко всей базе материалов, включая все лекции про акции и баннеры 👍🏻 А мы уже готовим супер-насыщенную программу на август - темы лекций уже можно посмотреть на сайте клуба! Кстати, там же можно и вступить - теперь это можно сделать в любой момент, даже прямо сейчас!
Записаться в клуб ➡️ school.krona.studio/club-1000...
#дизайн #фотошоп #фигма #баннер

Опубликовано:

 

27 июл 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@olgakontsova8761
@olgakontsova8761 Год назад
Круто! Спасибо большое
@dennyuu
@dennyuu Год назад
Спасибо! Полезное видео 👍
@KronaStudio
@KronaStudio Год назад
супер 🔥 применяйте)
@d1sterry7
@d1sterry7 Год назад
Получилось круто! Продолжайте
@KronaStudio
@KronaStudio Год назад
Конечно будем) Спасибо за обратную связь! Надеемся, видео было для вас полезно ❤️
@user-dd9nu8mi9j
@user-dd9nu8mi9j Год назад
Спасибо Вам огромное
@user-pj7vc6ef7l
@user-pj7vc6ef7l Год назад
Классно!
@user-ui2zk5iv2n
@user-ui2zk5iv2n Год назад
Супер!
@user-cd1bf8qt1s
@user-cd1bf8qt1s 5 месяцев назад
Всё гениальное просто .
@KronaStudio
@KronaStudio 5 месяцев назад
так и есть😉
@dasdust8930
@dasdust8930 10 месяцев назад
Круто)😢🎉
@mairmoss
@mairmoss Год назад
очень круто, спасибо
@KronaStudio
@KronaStudio Год назад
Очень рады) Получилось повторить? 😍
@mairmoss
@mairmoss Год назад
@@KronaStudio да) я попробовала и с другими баннерами, тоже круто вышло :)
@garmonist104
@garmonist104 10 месяцев назад
Красава!
@OlgaNeklesa
@OlgaNeklesa Год назад
Удобство и Комфорт это как Список цен на товары и Прейскурант.
@user-hp5js2yb2z
@user-hp5js2yb2z 7 месяцев назад
Классно есть бесплатные уроки для дизайнеров
@lennyye1059
@lennyye1059 Год назад
вау, работа казалось бы простая а такая крутая ))
@user-jx8zi7cg6b
@user-jx8zi7cg6b Год назад
Это да,просто надо шарить на фигму и все😅
@user-lq6qb8yt7x
@user-lq6qb8yt7x Год назад
здравствуйте. Спасибо за видео, кое что для себя отметила по поводу текстов. Только не поняла где вы нашли картинку без фона ?
@KronaStudio
@KronaStudio Год назад
убрали фон ручками)
@andreymaslov3256
@andreymaslov3256 Год назад
плагин такой есть в фигме icons8 background remover) на фото со сплошным фоном отлично работает
@vitaliyfedorcov6197
@vitaliyfedorcov6197 7 месяцев назад
А он бесплатный ?​@@andreymaslov3256
@user-gy7qd1vl7b
@user-gy7qd1vl7b Год назад
Вы уже более 7500 работ нарисовали. Вот это силище😃. Я только не понял, как кроссовок стал таким красным?
@KronaStudio
@KronaStudio Год назад
Не совсем) Хотя все может быть 😁 Кроссовку немного увеличили насыщенность в настройках изображения в фигме)
@user-vb9gt2up9e
@user-vb9gt2up9e 2 месяца назад
Здраствуйте, какой клавишей отображаются отступы оранжевыми линиями?
@KronaStudio
@KronaStudio 2 месяца назад
Привет) Что бы посмотреть расстояние нужно выбрать нужный объект и зажать Alt
@duver2957
@duver2957 Год назад
Где найти такое изображение кроссовка?
@KronaStudio
@KronaStudio 11 месяцев назад
в интернете)
@user-ok5sd1yq2p
@user-ok5sd1yq2p Год назад
Вы это на фигме сделали ?
@KronaStudio
@KronaStudio Год назад
да, даже в названии специально указали, что это Figma 🔥
@savarro1000
@savarro1000 Год назад
Оххх уж это слово паразит, СОЧНННННЫМ, СОЧНО, СОЧНОЕ!!!!
@user-oz5ze5ty1d
@user-oz5ze5ty1d 6 месяцев назад
Вкусно
@Rus_Taaam1223
@Rus_Taaam1223 7 месяцев назад
Более правильно писать 30%, нежели -30%. И так понятно что это скидка. Мое мнение, не настаиваю
@user-oz5ze5ty1d
@user-oz5ze5ty1d 6 месяцев назад
Мишеться или минус или слово скидка, все давно уже придумали
@Rus_Taaam1223
@Rus_Taaam1223 6 месяцев назад
@@user-oz5ze5ty1d не обязательно следовать слепо только за одним мнением, есть люди которые более компетентны в этом вопросе. И вот есть такое мнение что минус писать не нужно, можно просто написать например 30%
Далее
Luiza Rasulova #luizarasulova
00:37
Просмотров 697 тыс.