Курс [Дизайн] Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике (2023)

[wlux.net]

Что вы получаете:
1. Полное изучение в FIGMA
2. Понимание работы веб-дизайнера
3. Практические навыки web design
4. Навыки для старта работы на фрилансе
5. Несколько современных проектов в портфолио

Программа курса:​

Знакомство с Figma

1. О чем этот модуль
2. Скачать Figma и зарегистрироваться в программе
3. Структура файлов
4. Обзор интерфейса программы
5. Сохранение и передача файла
6. Горячие клавиши
7. Move tool, Scale tool
8. Выравнивание объектов
9. Прямоугольник + овал
10. Полигон + Звезда
11. Обводка
12. Заливка + градиент
13. Изображения
14. Эффекты
15. Маска
16. Перо
17. Инструмент "Текст"
18. Группа
19. Frame
20. Булевы группы
21. Экспорт
22. Комьюнити
23. Плагины
24. Стили
25. Constraints (Ограничения/привязки) Часть 1
26. Constraints (Ограничения/привязки) Часть 2
27. Сетки. Часть 1
28. Сетки. Часть 2 + ДЗ
29. Selection colors
30. Auto Layout Обновление
31. Auto Layout 2022
32. Практика работы с Auto Layout
33. Компоненты
34. Компоненты_02
35. Компоненты_03
36. Компоненты_04
37. Варианты

Практика работы в Figma

1. Основа атомарного дизайна
2. Молекула
3. Создание организмов. Часть 1
4. Создание организмов. Часть 2
5. Откуда черпать вдохновение

Теория веб-дизайна

1. Типографика
2. Типографика + дз
3. Тест по типографике
4. Сетки и направляющие
5. Теория цвета
6. Где брать картинки для веб дизайна
7. Как подбирать картинки для проектов
8. Выравнивание объектов
9. Правило внутреннего и внешнего
10. Иерархия в веб дизайне

Практика. Создание дизайн концепта сайта

1. Что такое дизайн концепт
2. Практика создания дизайн концепта сайта

Практика. Создание Лендинга. Бюджет 650$

1. Техническое задание проекта(ТЗ)
2. UX Часть нашего проекта
3. Подробнее о брифах
4. Порядок выполнения проекта
5. Определение целевой аудитории
6. Аналитика конкурентов
7. Создание прототипа сайта. Теория
8. Создание прототипа сайта. Практика
9. Создание концепта сайта
10. Создаем блоки с информацией
11. Создаем блок тарифов, форму связи и футер
12. Работа со слоями. Доработка дизайна.
13. Адаптив дизайна под планшет
14. Создание мобильной версии дизайна
15. Создание модальных окон + ДЗ
16. Готовим работу к верстке. Стайл Гайд + ДЗ
17. Этапы работы над проектом на фрилансе
18. Создание личного кабинета

Практика. Создания дизайна интернет магазина. Бюджет $1200

1. Получение ТЗ
2. Создание концепта интернет магазина
3. Создание основных блоков главной страницы
4. Создание рекламного баннера и формы подписки
5. Создание футера
6. Проверка дизайна главной
7. Страница выдачи товара
8. Создание страницы товара. Карточка товара
9. Создание модального окна
10. Создание корзины
11. Создаем страницу оплаты

Создание кликабельного макета

1. Введение в прототипирование в Figma
2. Создание кликабельного макета

Адаптивная версия дизайна интернет магазина

1. Адаптация главной
2. Адаптив страницы выдачи товаров
3. Адаптив карточки товара + ДЗ
4. Адаптив корзины
5. Адаптив страницы оплаты
6. Создаем открытое меню в мобильной версии сайта
7. Проверка на ошибки

Создание стайл гайда

1. Создание стайл гайда

Оформление работ в портфолио

1. Обзор кейсов
2. Оформление кейса по лендингу
3. Презентация кейса

Что делать дальше

1. Где и как искать работу Веб дизайнеру
2. Не очевидные способы способы дохода для веб дизайнера

Апдейт: Перезалив

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Млис]

Думаю гайд будет очень полезен

 

[slide69]

Сколько часов длительность видео?

 

[wlux.net]

Сколько часов длительность видео?

Пожалуйста, войдите или зерегистрируйтесь, чтобы увидеть скрытый текст.

18,5 ч видео по запросу

 

[Letisgo]

Вот это вообще кайф, спасибо!

 

[mezk]

Мега респект! Как раз искал полностью всё по Figma.

 

[Krodrakula]

Спасибо большое за курс

 

[sergonly]

Вообще кайф спасибо за курс

 

[Bort_rwe]

Спасибо за статью, очень полезна!

 

[bigbaddaddy1981]

Прикольный и полезный для новичков курса

 

[_Stasyan_]

Полезная статья, многим пригодиться. Курс огонь!

 

[228376]

Классный курс, многим поможет в обучении

 

[228376]

Огромное спасибо за курс

 

[skrrrwwwwwww]

Вот эта балдёжный курс, одобряем

 

[jdjdjrk]

Пустая страница, нет файлов(

 

[wlux.net]

Пустая страница, нет файлов(

Апдейт: Перезалив