Веб Дизайн в Figma. Основы Ui Ux дизайна на практике
4.5 (320 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,248 students enrolled

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

Практический курс по веб дизайну. Теория и основы веб дизайна и ui/ux для новичка. Практика создания макетов по ТЗ.
Bestseller
4.5 (320 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,248 students enrolled
Created by Evgen Marfel
Last updated 8/2020
Russian
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 17 hours on-demand video
  • 7 articles
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Углубленное изучение Figma
  • Создание концептов сайтов
  • Основы веб дизайна
  • Введение в типографику
  • Прототипирование
  • Создание Лендинга по ТЗ
  • Создание Интернет Магазина по ТЗ (апрель 2020)
  • Исследование продукта
  • Понимание целевой аудитории
  • Создание презентации своей работы
  • План развития в профессии
  • Способы заработка для веб дизайнера
Requirements
  • Желание изучить Веб дизайн
  • Компьютер и Интернет
Description

КУРС В РАННЕМ ДОСТУПЕ: Материалы будут добавляться

Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике.

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

На практике мы столкнемся с техническим заданием. Пройдем все этапы работы над проектом, проведем бриф, проанализируем  задачу и проект в целом, что бы создать максимально хороший и рабочий дизайн по теме.

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

Мы создадим адаптивный макет под основные разрешения смартфонов и планшетов. Создадим стайл гайд для разработчиков и полностью подготовим работу к верстке.

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

В конце курса я расскажу где можно найти заказы  и работу веб дизайнеру.

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

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

  • для тех, кто никогда не изучал веб дизайн, но хотел бы начать;

  • для начинающих веб дизайнеров;

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

В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы.

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


Who this course is for:
  • Начинающие веб дизайнеры и все те, кто хочет освоить эту профессию
Course content
Expand all 88 lectures 17:21:26
+ Знакомство с Figma
30 lectures 04:04:55
О чем этот модуль
00:24
Скачать Figma и зарегистрироваться в программе
02:29
Структура файлов
11:25
Обзор интерфейса программы
04:40
Сохранение и передача файла
06:58
Горячие клавиши
01:37
Move tool, Scale tool
01:50
Выравнивание объектов
04:52
Прямоугольник + овал
12:19
Полигон + Звезда
03:59
Обводка
03:34
Эффекты
05:58
Заливка + градинет
09:20
Изображения
11:44
Маска
05:20
Перо
17:42
Инструмент "Текст"
15:39
Группа
09:46
Frame
19:08
Булевы группы
04:38
Эффекты наложения
04:29
Экспорт
04:00
Плагины
09:52
Стили
15:08
Constraints (Ограничения/привязки) Часть 1
18:48
Constraints (Ограничения/привязки) Часть 2
13:38
Сетки. Часть 1
04:12
Сетки. Часть 2 + ДЗ
13:46
Компоненты
07:29
Продвинутая Figma
00:11
+ Практика работы в Figma
4 lectures 01:30:52
Основа атомарного дизайна
12:40
Создание атомов и молекул
08:55
Создание организмов
01:02:14
Откуда черпать вдохновение
07:03
+ Теория веб дизайна
9 lectures 01:18:58
Типографика
24:34
Типографика практика + ДЗ
09:05
Тест по типографике
4 questions
Сетки и направляющие в дизайне
03:10
Теория цвета
02:10
Где брать картинки для веб дизайна
09:14
Как подбирать картинки для проектов
08:02
Выравнивание объектов
07:54
Правило внутреннего и внешнего
07:07
Иерархия в веб дизайне
07:41
+ Практика. Создание дизайн концепции сайта(Шот)
2 lectures 43:04
Что такое дизайн концепт
06:49
Практика создания дизайн концепта сайта
36:15
+ Практика. Создание Лендинга. Бюджет 250$
16 lectures 03:46:53
Техническое задание проекта(ТЗ)
06:42
Подробнее о брифах
01:25
Определение целевой аудитории
06:20
Аналитика конкурентов
08:58
Создание прототипа сайта. Теория
02:52
Создание прототипа сайта. Практика
31:41
Создание концепта сайта
39:45
Создаем блоки с информацией
24:37
Создаем блок тарифов, форму связи и футер
20:48
Работа со слоями. Доработка дизайна.
13:00
Адаптив дизайна под планшет
20:10
Создание мобильной версии дизайна
18:11
Создание модальных окон + ДЗ
13:02
Готовим работу к верстке. Стайл Гайд + ДЗ
05:22
Этапы работы над проектом на фрилансе
05:11
Твое первое крупное ДЗ. Создать дизайн личного кабинета для сервиса авто постинга в соц сетях
Создание личного кабинета
2 questions
+ Практика. Создания дизайна интернет магазина. Бюджет $400
11 lectures 02:58:28
Получение ТЗ
04:41
Создание концепта интернет магазина
13:56
Создание основных блоков главной страницы
24:14
Создание рекламного баннера и формы подписки
09:39
Создание футера
16:13
Проверка дизайна главной
05:00
Страница выдачи товара
29:58
Создание страницы товара. Карточка товара
38:27
Создание модального окна
08:57
Создание корзины
10:06
Создаем страницу оплаты
17:17
+ Создание кликабельного макета.
2 lectures 44:06
Введение в прототипирование в Figma
26:51
Создание кликабельного макета
17:15
+ Адаптивная версия дизайна интернет магазина
7 lectures 01:19:21
Адаптация главной
30:50
Адаптив страницы выдачи товаров
12:09
Адаптив карточки товара + ДЗ
11:07
Адаптив корзины
07:05
Адаптив страницы оплаты
08:20
Создаем открытое меню в мобильной версии сайта
05:34
Проверка на ошибки
04:16
+ Создание стайл гайда
0 lectures 00:00
Мы закончили работу на основными страницами интернет магазина. В качестве дополнительной работы ты можешь создать и все остальные странички, которые указаны в ТЗ, лишним это точно не будет. Основное задание состоит в создании стайл гайда нашей работы
Создание стайл гайда
2 questions