Дизайн сайта зa $1,100 для реального клиента | Часть 1: Навигация и главная секция. UX/UI обучение

👉 Материалы из урока в ТГ - https://t.me/+rBFNQPzfbdhmNmQ6
👉 Вырезать фон в AI - https://www.freepik.com/ai/background...

В этом видео я покажу, как сделать сайт в Figma работая над реальным проектом по веб-дизайну: клиент заплатил мне за создание сайта в Figma, и я делюсь полным процессом.

Вы узнаете как правильно выстраивать дизайн процессы, какие UX/UI решения принимаю и какие материалы для дизайна использую. Это первая серия, впереди ещё больше полезных фишек для дизайнеров и тех, кто хочет зарабатывать на веб-дизайне.

Тайм коды
00:00 - Вступление и информация
00:20 - Mood-board в веб-дизайне
01:15 - Что предоставил клиент
02:57 - Собираем референсы
04:50 - Размеры фрейма для сайта
06:05 - Как начать дизайнить в Figma
07:12 - Делаем фон первой секции сайта
10:26 - Поиск изображений для сайта на Unsplash
12:04 - Вырезаем фон изображения на Freepik
12:43 - Редактируем изображения в Figma
15:25 - Цветокоррекция изображения
16:15 - Добавляем H1 заголовок в проект
16:55 - Работа с типографикой
19:42 - Делаем дизайн кнопок
21:19 - Добавляем иконки через плагин Iconify
21:50 - Конвертируем кнопку в автолейаут
23:10 - Создаём второстепенную кнопку
23:56 - Чистим слои и делаем всё в автолейаут
25:22 - Размещаем логотип в дизайне сайта
25:00 - Делаем дизайн навигации
26:00 - Работаем над навигацией сайта
27:41 - Автолейаут навигации
28:22 - Заключение и описание следующей части

#вебдизайн #figma #дизайнсайта #freelance #uiux #дизайнер #деньгинадизайне #работавfigma #дизайн