Дизайн сайта з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 #дизайн