Веб-дизайн в Figma. Основы Ui Ux дизайна на практике

event_note Разделов - 10

access_time 72 ак.ч.

art_track Лекций - 86

ondemand_video 12 ч 41 мин

credit_card Стоимость -  6 990 ₽

Описание

Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике. Курс делится на несколько модулей. Мы пройдем теорию веб дизайна, узнаем основы этой науки и основные принципы создания дизайн макетов.

На практике мы столкнемся с техническим заданием. Пройдем все этапы работы над проектом, проведем бриф, проанализируем  задачу и проект в целом, что бы создать максимально хороший и рабочий дизайн по теме. Мы проработаем прототип, определим целевую аудиторию проекта, проведем анализ конкурентов и на основе всего этого приступим к работе. Это крайне важная часть работы веб дизайнера о которой практически никогда не говорится. Нельзя приступать к работе не зная что и для кого ты делаешь. Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке. В конце я помогу тебе создать  презентацию твоей работы и мы вместе выложим ее на бихайнс. У тебя будет работа в портфеле, которую можно показывать потенциальным заказчикам. А также в конце курса я расскажу где можно найти заказы и работу веб дизайнеру.

На данный момент в курсе есть практический модуль по созданию лендинга по ТЗ. +Практический модуль по созданию дизайн интернет магазина по ТЗ.

Для кого этот курс?

  • Для тех, кто никогда не изучал веб дизайн, но хотел бы начать;
  • Для начинающих веб дизайнеров;
  • Для тех, кто хочет узнать о процессе создания дизайна больше, чем дает ютуб.

В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы. Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Курс без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера!

1. Введение

1. Введение

2. Знакомства c Figma

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

3. Практика работы с Figma

10. Основа атомарного диазйна

11. Создание атомов и молекул

12. Создание организмов

13. Где искать вдохновение

4. Теория Веб дизайна

1. Типографика

2. Практика работы с типографикой

3. Сетки и направляющие в дизайне

4. Теория цвета

5. Где брать картинки для веб дизайна

6. Как подбирать картинки для проектов

7. Выравнивае объектов

8. Правило внутренего и внешнего

9. Иерархия в веб дизайне

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

1. Что такое дизайн концепт

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

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

1. Техническое задание проекта (ТЗ)

2. Порядок работы над проектом

3. Определение целевой аудитории (ЦА)

4. Аналитика конкурентов

5. Создание прототипа сайта

6. Прототип сайта. Практика

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

8. Создание блока с информацией

9. Создаем блок тарифов, форму связи и футер

10. Работа со слоями. Доработка дизайна

11. Адаптив дизайна под планшет

12. Создание мобильной версии дизайна

13. Создание модальных окон и мобильного меню

14. Готовим работу к версте. Стайл Гайд

15. Этапы работы над проектом на фрилансе

7. Практика создание интернет-магазина. Бюджет 400$

1. Знакомство с ТЗ

2. Создание концепта интернет магазина

3. Создаем основные блоки главной

4. Создание рекламного баннера и формы подписки

5. Создание футера

6. Проверка дизайн главной

7. Страница выдачи товара

8. Страница карточки товара

9. Создание модального окна

10. Создание корзины

11. Страница оплаты

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

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

1. Введение в прототипирование в Figma

2. Создание кликабельного макета сайта

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

1. Адаптация главной страницы интернет магазина

2. Адаптив страницы выдачи товаров

3. Адаптив карточки товара

4. Адаптив корзины

5. Меню в мобильной версии

6. Адаптив страницы оплаты

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

1. Обзор кейсов

2. Оформление кейса по лендингу

3. Публикуем кейс

Добавить отзыв

Отзывы могут оставлять только те пользователи которые прошли курс.

[[ myReview.owner.short_name ]]
[[ moment(new Date(myReview.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ myReview.text ]]
star star_border
edit delete check_circle watch_later cancel
Причины отклонения в "Условия использования" п. 11.3
У данного курса пока нет отзывов.
[[ review.owner.short_name ]]
[[ moment(new Date(review.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ review.text ]]
star star_border
Загрузить еще