Как сделать дизайн баннера в Figma с нуля | Урок для новичков

Опубликовано: 20 Март 2024
на канале: Sofya Filippova

2,464

156

🍃 Весенние скидки на мои курсы по дизайну! ПРОМОКОД - МАРТ!

📙 Дизайноведение d.filschool.ru - это полноценный курс по веб-дизайну. С поддержкой куратора - 28 000 рублей, вместо 35 000 рублей.

📘 Work&sell work.filschool.ru - курс по работе и поиску клиентов, который подробно раскрывает нюансы работы с заказчиками, личный бренд, продажи и презентацию себя. Один модуль курса - 8 000 рублей, вместо 10 000 рублей. Без поддержки - 12 000 рублей, вместо 15 000 рублей. С куратором - 20 000 рублей, вместо 25 000 рублей. Лично со мной (формат менторства) - 80 000 рублей, вместо 100 000 рублей.

📗Основы дизайноведения base.filschool.ru - курс для новичков, которые хотят попробовать себя в роли веб-дизайнера и понять их ли это профессия. Без поддержки - 5 250 рублей, вместо 7 000 рублей. С поддержкой - 11 250 рублей, вместо 15 000 рублей.

〰️ Вводите промокод «март» при выборе способа оплаты, рядом с суммой нужно нажать «ввести промокод»
〰️ Скидка действует до 22 марта (включительно)

На курс UX/UI-дизайн никогда нет «сезонных» скидок, но на него сейчас тоже специальная цена до 1 апреля, так что записывайтесь - uxui.filschool.ru 🌷

Материалы урока:https://www.figma.com - регистрация в Figma
https://ru.pinterest.com - pinterest
https://rawpixel.com/ - фотосток
https://pixian.ai/ - удаление фона
https://www.erase.bg/ru - удаление фона
https://retoucher.online/ru - удаление фонаhttps://www.figma.com/community/plugi... - плагин Photopea
https://www.figma.com/downloads - для установки шрифтовИспользуемые шрифты - Vetrino

Ссылка на мой проект в Figma -
https://www.figma.com/file/sZkFoxXrFy...
Чтобы редактировать мой файл, вам нужно скопировать его в свой аккаунт. Инструкция:
1. Открываете мой файл
2. В верхней панели по центру нажимаем на стрелку у названия проекта «танцы»
3. В выпадающем меню выбираем - dublicate to your drafts
4. В новом окне должен открыться проект, который будет уже в вашей Figma, который вы сможете редактировать

Картинки для дизайна - https://drive.google.com/drive/folder...

💎 Курс "UX/UI-Дизайн" - http://uxui.filschool.ru

Привет - 00:00
Для кого видео - 00:11
Скидка - 00:41
Инструкция - 00:55
Общая информация о Figma - 01:27
Поиск референсов - 04:35
Поиск картинок - 06:43
Вырезаем фон нейросетью - 08:06
Вырезаем фон в Figma - 08:44
Дизайн - 10:05
Установка шрифтов - 21:30
Дизайн - 22:39
Пока - 30:27

◾ Базовый курс по веб-дизайну "Основы дизайноведения" - http://base.filschool.ru/
◾ Полноценный курс по веб-дизайну "Дизайноведение" - http://d.filschool.ru/
◾ Курс по поиску и работе с клиентами - http://work.filschool.ru

Самые полезные видео на канале:
Кто такой веб-дизайнер -    • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗАЙНЕР
Сколько зарабатывает веб-дизайнер -    • СКОЛЬКО ЗАРАБАТЫВАЕТ ВЕБ-ДИЗАЙНЕР
Навыки веб-дизайнера -    • НАВЫКИ ВЕБ-ДИЗАЙНЕРА / ЧТО ДОЛЖЕН УМЕТЬ
Как стать веб-дизайнером -    • Как стать веб-дизайнером. С чего начать?
Где учиться на веб-дизайнера -    • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗАЙНЕРА: ВУЗЫ, К...
Плюсы и минусы профессии -    • ПЛЮСЫ И МИНУСЫ ПРОФЕССИИ ВЕБ-ДИЗАЙНЕР
Какой ноутбук выбрать -    • Как выбрать ноутбук для веб-дизайнера?
Этапы рабочего процесса -    • ЭТАПЫ РАБОЧЕГО ПРОЦЕССА ВЕБ-ДИЗАЙНЕРА
Кто такие UX/UI дизайнеры -    • КТО ТАКИЕ UX/UI ДИЗАЙНЕРЫ | чем отлич...
Ошибки начинающих -    • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕБ-ДИЗАЙНЕРОВ  |...  ,    • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕБ-ДИЗАЙНЕРОВ | ...
Стили в веб-дизайне -    • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
Сетки в веб-дизайне -    • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-ДИЗАЙНЕ
Адаптивный дизайн сайта -    • АДАПТИВНЫЙ ДИЗАЙН САЙТА | Мобильная в...
Дизайн сайта в Figma -    • ДИЗАЙН САЙТА В FIGMA
Тренды в дизайне на 2021 год -    • 8 ТРЕНДОВ UX/UI ДИЗАЙНА В 2021 ГОДУ
Как сделать портфолио -    • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО ДИЗАЙНЕРУ
Как рассчитать стоимость дизайна -    • КАК РАСЧИТАТЬ СТОИМОСТЬ ДИЗАЙНА
Как найти первого клиента -    • 🔥Как найти первого клиента веб-дизайн...

Где меня найти:
Instagram:   / sofyafilippova
Мой телеграм-канал: https://t.me/sofyafilippova
Instagram Filschool:   / filschool.ru
Страница Вконтакте: https://vk.com/sof_filippova
Сайт веб-студии: https://fildesign.ru
Портфолио студии: https://www.behance.net/filippovadesign

#вебдизайн #дизайн #figma #фигма #урокидляначинающих #вебдизайнер