Веб-дизайн в Figma. Основы Ui Ux дизайна на практике
event_note Разделов - 10
access_time 72 ак.ч.
art_track Лекций - 86
ondemand_video 12 ч 41 мин
credit_card Стоимость - 6 990 ₽ [[priceDiscountCalc(6990)]] ₽ 6 990 ₽
Описание
Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике. Курс делится на несколько модулей. Мы пройдем теорию веб дизайна, узнаем основы этой науки и основные принципы создания дизайн макетов.
На практике мы столкнемся с техническим заданием. Пройдем все этапы работы над проектом, проведем бриф, проанализируем задачу и проект в целом, что бы создать максимально хороший и рабочий дизайн по теме. Мы проработаем прототип, определим целевую аудиторию проекта, проведем анализ конкурентов и на основе всего этого приступим к работе. Это крайне важная часть работы веб дизайнера о которой практически никогда не говорится. Нельзя приступать к работе не зная что и для кого ты делаешь. Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке. В конце я помогу тебе создать презентацию твоей работы и мы вместе выложим ее на бихайнс. У тебя будет работа в портфеле, которую можно показывать потенциальным заказчикам. А также в конце курса я расскажу где можно найти заказы и работу веб дизайнеру.
На данный момент в курсе есть практический модуль по созданию лендинга по ТЗ. +Практический модуль по созданию дизайн интернет магазина по ТЗ.
Для кого этот курс?
- Для тех, кто никогда не изучал веб дизайн, но хотел бы начать;
- Для начинающих веб дизайнеров;
- Для тех, кто хочет узнать о процессе создания дизайна больше, чем дает ютуб.
В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы. Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Курс без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера!
Рекомендуем Вам:
1. Введение
1. О чем этот модуль
2. Скачать Figma и зарегистрироваться в программе
3. Структура файлов
4. Обзор интерфейса программы
5. Сохранение и передача файла
6. Горячие клавиши
7. Move tool, Scale tool
8. Выравнивание объектов
9. Прямоугольник + овал
11. Обводка
12. Эффекты
13. Заливка + градинет
14. Изображения
15. Маска
16. Перо
17. Инструмент "Текст"
18. Группа
19. Frame
20. Булевы группы
21. Эффекты наложения
22. Экспорт
23. Комьюнити
24. Плагины
25. Стили
26. Constraints (Ограничения/привязки). Часть 1
27. Constraints (Ограничения/привязки). Часть 2
28. Сетки. Часть 1
29. Сетки. Часть 2 + ДЗ
30. Компоненты
31. Продвинутая Figma
32. Auto Layout Обновление
33. Selection colors
10. Основа атомарного диазйна
11. Создание атомов и молекул
12. Создание организмов
13. Где искать вдохновение
1. Типографика
2. Практика работы с типографикой
3. Сетки и направляющие в дизайне
4. Теория цвета
5. Где брать картинки для веб дизайна
6. Как подбирать картинки для проектов
7. Выравнивае объектов
8. Правило внутренего и внешнего
9. Иерархия в веб дизайне
1. Что такое дизайн концепт
3. Практика создания дизайн концепта сайта
1. Техническое задание проекта (ТЗ)
2. Порядок работы над проектом
3. Определение целевой аудитории (ЦА)
4. Аналитика конкурентов
5. Создание прототипа сайта
6. Прототип сайта. Практика
7. Создание концепта сайта
8. Создание блока с информацией
9. Создаем блок тарифов, форму связи и футер
10. Работа со слоями. Доработка дизайна
11. Адаптив дизайна под планшет
12. Создание мобильной версии дизайна
13. Создание модальных окон и мобильного меню
14. Готовим работу к версте. Стайл Гайд
15. Этапы работы над проектом на фрилансе
1. Знакомство с ТЗ
2. Создание концепта интернет магазина
3. Создаем основные блоки главной
4. Создание рекламного баннера и формы подписки
5. Создание футера
6. Проверка дизайн главной
7. Страница выдачи товара
8. Страница карточки товара
9. Создание модального окна
10. Создание корзины
11. Страница оплаты
12. Создание стайл гайда
1. Введение в прототипирование в Figma
2. Создание кликабельного макета сайта
1. Адаптация главной страницы интернет магазина
2. Адаптив страницы выдачи товаров
3. Адаптив карточки товара
4. Адаптив корзины
5. Меню в мобильной версии
6. Адаптив страницы оплаты
1. Обзор кейсов
2. Оформление кейса по лендингу
3. Публикуем кейс
Отзывы могут оставлять только те пользователи, которые получили сертификат.