Как сделать дизайн баннера в Figma с нуля | Урок для новичков
HTML-код
- Опубликовано: 9 июл 2024
- 🍃 Весенние скидки на мои курсы по дизайну! ПРОМОКОД - МАРТ!
📙 Дизайноведение 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 рублей.
〰️ Вводите промокод «март» при выборе способа оплаты, рядом с суммой нужно нажать «ввести промокод»
〰️ Скидка действует до 20 марта (включительно)
На курс UX/UI-дизайн никогда нет «сезонных» скидок, но на него сейчас тоже специальная цена до 1 апреля, так что записывайтесь - uxui.filschool.ru 🌷
Материалы урока:www.figma.com - регистрация в Figma
ru.pinterest.com - pinterest
rawpixel.com/ - фотосток
pixian.ai/ - удаление фона
www.erase.bg/ru - удаление фона
retoucher.online/ru - удаление фона
www.figma.com/downloads - для установки шрифтов
Используемые шрифты - Lovelace и Lovelace Text
Ссылка на мой проект в Figma -
www.figma.com/file/sZkFoxXrFy...
Чтобы редактировать мой файл, вам нужно скопировать его в свой аккаунт. Инструкция:
1. Открываете мой файл
2. В верхней панели по центру нажимаем на стрелку у названия проекта «танцы»
3. В выпадающем меню выбираем - dublicate to your drafts
4. В новом окне должен открыться проект, который будет уже в вашей Figma, который вы сможете редактировать
Картинки для дизайна - drive.google.com/drive/folder...
💎 Курс "UX/UI-Дизайн" - uxui.filschool.ru
◾ Базовый курс по веб-дизайну "Основы дизайноведения" - base.filschool.ru/
◾ Полноценный курс по веб-дизайну "Дизайноведение" - d.filschool.ru/
◾ Курс по поиску и работе с клиентами - work.filschool.ru
Привет - 00:00
Для кого видео - 00:17
Скидка - 00:59
Инструкция - 01:16
Общая информация о Figma - 01:34
Поиск референсов - 04:55
Поиск картинок - 07:02
Вырезаем фон с картинки - 09:07
Дизайн - 10:50
Установка шрифтов - 15:05
Дизайн - 16:34
Экспорт - 23:50
Пока - 24:07
Самые полезные видео на канале:
Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
Как стать веб-дизайнером - • Как стать веб-дизайнер...
Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
Какой ноутбук выбрать - • Как выбрать ноутбук дл...
Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
Как найти первого клиента - • 🔥Как найти первого кли...
Где меня найти:
Instagram: / sofyafilippova
Мой телеграм-канал: t.me/sofyafilippova
Instagram Filschool: / filschool.ru
Страница Вконтакте: sof_filippova
Сайт веб-студии: fildesign.ru
Портфолио студии: www.behance.net/filippovadesign
#вебдизайн #дизайн #figma #фигма #урокидляначинающих #вебдизайнер
![Skilla Baby - Misfit (Feat. Polo G) [Official Video]](http://i.ytimg.com/vi/IjsylSnNMyw/mqdefault.jpg)
🍃 Весенние скидки на мои курсы по дизайну! ПРОМОКОД - МАРТ!
📙 Дизайноведение 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 рублей.
〰 Вводите промокод «март» при выборе способа оплаты, рядом с суммой нужно нажать «ввести промокод»
〰 Скидка действует до 20 марта (включительно)
На курс UX/UI-дизайн никогда нет «сезонных» скидок, но на него сейчас тоже специальная цена до 1 апреля, так что записывайтесь - uxui.filschool.ru 🌷
Материалы урока: www.figma.com - регистрация в Figma
ru.pinterest.com - pinterest
rawpixel.com/ - фотосток
pixian.ai/ - удаление фона
www.erase.bg/ru - удаление фона
retoucher.online/ru - удаление фона
www.figma.com/downloads - для установки шрифтов Используемые шрифты - Lovelace и Lovelace Text
Ссылка на мой проект в Figma -
www.figma.com/file/sZkFoxXrFyU6BWkNdj9FSz/spring-banner-%7C-Sofya-Filippova?type=design&node-id=0%3A1&mode=design&t=bb9rymceO1m0VQKq-1
Чтобы редактировать мой файл, вам нужно скопировать его в свой аккаунт. Инструкция:
1. Открываете мой файл
2. В верхней панели по центру нажимаем на стрелку у названия проекта «танцы»
3. В выпадающем меню выбираем - dublicate to your drafts
4. В новом окне должен открыться проект, который будет уже в вашей Figma, который вы сможете редактировать
Картинки для дизайна - drive.google.com/drive/folders/1QI6iXhiQdq3JiF5qQ9QtCz_acQf2oGM_?usp=sharing
Это видео гораздо качественнее чем в платных курсах😭
Спасибо ❤
Спасибо большое за уроки для новичков. Все очень подробно рассказываете. Повторять за вами легко и интересно. Жду еще таких уроков и по лендингам.
Отлично , что объясняете фигму для начинающих .🔥❤️ Это мы😅
СПАСИБО 🤗🫶
Получилось очень красиво❤
Спасибо) Получается все быстрее и быстрее) А главное что часть функций уже легко поддаются)
Спасибо вам огромное!!! Объяснили всё понятно и интересно❤
Сделала уже 2 баннер и очень собой горда!
Красивый баннер получился! 💯
Спасибо за подобные видео! Буду с нетерпением ждать еще!
Мне срочно нужно попробовать сделать!❤
Очень красиво получилось ❤❤❤
Спасибо за урок!
Спасибо😍очень полезно!
спасибо большое ❤️
Спасибо!
спасибо можна еще такие видео
Спасибо за уроки, но не подтягиваются шрифты. В чем может быть причина?
Подскажите, пожалуйста, а есть ли возможность сделать так, чтобы фигма подтягивала шрифты из шрифтового менеджера без необходимости устанавливать шрифты в систему?
Figma же платная теперь ((
Откуда у вас такая информация? Фигма остается бесплатной
Спасибо!