Как сделать дизайн баннера как в фотошопе, только в Figma? Основы дизайна
HTML-код
- Опубликовано: 27 июл 2022
- В июле в клубе (school.krona.studio/club-1000...) мы вплотную поработали с акциями и распродажами, и сегодня поделимся с вами небольшим кусочком пользы 😉
Акции - мощный инструмент продвижения и продаж, но, чтобы они работали, нужно соблюдать несколько простых правил:
➡️ Пользователь должен видеть все акции, которые ему доступны
➡️ Информация об акциях должна привлекать внимание, желательно использовать яркие необычные картинки
➡️ Информация об акциях должна легко считываться и быть понятной, желательно чтобы предложение было максимально простым
Например:
- два товара по цене одного
- подарок при покупке
Баннер - лучший способ информировать пользователя об акциях. Но баннеры существуют в разных контекстах:
➡️ Баннеры в рекламе
➡️ Баннеры на маркетплейсах
➡️ Баннеры на собственных сайтах
Конечно, могут быть и другие контексты, но эти встречаются чаще всего!
У баннера очень мало времени на то, чтобы привлечь внимание пользователя и сообщить ему информацию. Поэтому важно знать основные элементы баннера:
1. Суть акции: ее название, условие
2. Выгода: процент скидки, бонус, подарок и тд
3. Срочность: сколько по времени действует акция
4. Изображение, связанное с акцией: сам товар, довольный клиент или что-то другое
5. Призыв к действию - что нужно сделать, чтобы воспользоваться акцией
❗Контент на баннере зависит от контекста - иногда от некоторых элементов можно отказаться, например от срочности или призыва к действию
А в клубе было еще много информации про баннеры и акции, а также креативной практики! Мы:
- Поговорили про анатомию баннера, его элементы, влияние контекста сайта на содержание и вид баннера. Так, например, один и тот же баннер может быть контрастным или неконтрастным в зависимости от того, какие элементы интерфейса его окружают!
- Сделали креативный баннер... из баклажана! Нет, мы не шутим 😎
- Разобрались с разделом акций на сайтах: где он, как выглядит, зачем нужен. А еще - посмотрели реализацию акций на стандартных блоках Tilda
При вступлении в клуб вам открывается доступ ко всей базе материалов, включая все лекции про акции и баннеры 👍🏻 А мы уже готовим супер-насыщенную программу на август - темы лекций уже можно посмотреть на сайте клуба! Кстати, там же можно и вступить - теперь это можно сделать в любой момент, даже прямо сейчас!
Записаться в клуб ➡️ school.krona.studio/club-1000...
#дизайн #фотошоп #фигма #баннер
Круто! Спасибо большое
Супер!
Спасибо! Полезное видео 👍
супер 🔥 применяйте)
Спасибо Вам огромное
Получилось круто! Продолжайте
Конечно будем) Спасибо за обратную связь! Надеемся, видео было для вас полезно ❤️
Классно!
Круто)😢🎉
Всё гениальное просто .
так и есть😉
Удобство и Комфорт это как Список цен на товары и Прейскурант.
очень круто, спасибо
Очень рады) Получилось повторить? 😍
@@KronaStudio да) я попробовала и с другими баннерами, тоже круто вышло :)
Красава!
Классно есть бесплатные уроки для дизайнеров
здравствуйте. Спасибо за видео, кое что для себя отметила по поводу текстов. Только не поняла где вы нашли картинку без фона ?
убрали фон ручками)
плагин такой есть в фигме icons8 background remover) на фото со сплошным фоном отлично работает
А он бесплатный ?@@andreymaslov3256
Здраствуйте, какой клавишей отображаются отступы оранжевыми линиями?
Привет) Что бы посмотреть расстояние нужно выбрать нужный объект и зажать Alt
вау, работа казалось бы простая а такая крутая ))
Это да,просто надо шарить на фигму и все😅
Где найти такое изображение кроссовка?
в интернете)
Вы уже более 7500 работ нарисовали. Вот это силище😃. Я только не понял, как кроссовок стал таким красным?
Не совсем) Хотя все может быть 😁 Кроссовку немного увеличили насыщенность в настройках изображения в фигме)
Вы это на фигме сделали ?
да, даже в названии специально указали, что это Figma 🔥
Оххх уж это слово паразит, СОЧНННННЫМ, СОЧНО, СОЧНОЕ!!!!
Вкусно
Более правильно писать 30%, нежели -30%.
И так понятно что это скидка.
Мое мнение, не настаиваю
Мишеться или минус или слово скидка, все давно уже придумали
@@user-oz5ze5ty1d не обязательно следовать слепо только за одним мнением, есть люди которые более компетентны в этом вопросе.
И вот есть такое мнение что минус писать не нужно, можно просто написать например 30%