Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Трудоустройство
Трудоустройство
Отсутствует
Сертификат
Сертификат
Да

Стоимость курса

1 390 ₽
нет рассрочки

Привет!

Меня зовут Дима и это видео-курс по веб дизайну в Figma, с нуля до результата!

Если вы давно искали что то интересное по веб дизайну, добро пожаловать!)

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

Вместе, вы и я, пройдем путь - от установке программы Figma до уровня UI дизайнера, который уверенно может брать заказы на фриланс и гордиться своей работой!

Мы начнем с самых основ и вместе, шаг за шагом изучим все необходимые инструменты Figma, так, что в конце курса, вы будете чувствовать себя профессионалом!

Мы станем профи в подборе цвета, научимся сочетать на нашем сайте любую картинку с фоном и конечно же научимся подбирать красивые комплементарные цвета для любых элементов на нашем сайте, как настоящие профи колористы!

Изучим множество трюков по работе с изображениями, такими как экстримальная обрезка,  мягкая обрезка, работа с контрастностью фото и тем какое изображение лучше выбрать для вашего сайта! И конечно узнаем много мест, где вы сможете найти идеальное фото, для вашей работы!

Конечно, мы изучим все что необходимо знать о работе со шрифтами, начиная от мест где вы найдете лучшие шрифты до их установки! И конечно в конце курса, у вас исчезнет вопрос, какой же шрифт лучше подобрать для вашего сайта!

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

Этот курс направлен в первую очередь на развитие навыков User Interfaces дизайнера, но конечно, в курсе мы коснемся обеих сторон профессии как UX – User Expirience так и UI - User Interfaces

В этом курсе сделан большой акцент на практику! В каждом, небольшом уроке, без лишней болтовни, мы будем шаг за шагом создавать 2 красивых, уникальных проекта, которые, вы сможете использовать в своем портфолио – web дизайнера.

Поэтому вы можете забыть про скучные уроки, где просто перечисляют какой инструмент, как называется!

И конечно, мы узнаем как адаптировать их под разные, мобильные версии сайта, как анимировать каждый элемент макета и даже научимся создавать красивые слайдеры и красивую анимацию счетчика прямо в figma! Поверьте, скучно не будет!

Дополнительно, мы поговорим о том, как договариваться с заказчиком, как развиваться в дизайне, где искать идеи, как создавать оригинальные творческие работы, как наработать свой стиль и узнаем множество мест, где дизайнеры и художники находят вдохновение!

Ну и куда же без бонусов и приятных плюшек!)

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

Мы научимся вырезать человека из одного изображения и помещать его в другое, сможем удалять ненужное из изображений, увеличивать фон наших изображений и узнаем пару эффективных трюков по работе в photoshop!

И если у вас еще остались сомнения, этот курс предоставляет возможность вернуть деньги потраченные на него, в течении 30 дней, без каких либо вопросов!

Присоединяйтесь ко мне и мы вместе начнем создавать, прекрасный дизайн, в figma!

До встречи на уроках!

Что вы получите после обучения

Приобретаемые навыки
1
Макетирование
4
UX/UI дизайн
5
Работа с текстами
7
Прототипирование
8
Слои
9
Адаптивная верстка
10
Веб-типографика
11
Мудборд
12
Библиотеки
13
Цветовой круг
14
Наложение элементов
15
Импорт и экспорт данных
16
Wireframe
17
Маски
18
Плагины
19
Constraints
20
Auto Layout
21
Работа с изображениями

Вас будут обучать

Создаю авторские онлайн курсы с 2016 года. Профессионально обучаю работе с графическими редакторами Adobe, преподаю дизайн и веб разработку.

Привет! Меня зовут Дима! Не хочу хвастаться, но придется) Обучил более 5000 студентов по всему миру на моих авторских онлайн курсах. Более 2000 реальных отзывов со средней оценкой 4,83 из 5.00! Я преподаю веб дизайн, веб разработку и необходимое ПО (Phhotoshop Illustrator, Figma). Мой опыт преподавания складывается из 5 лет репетиторства на фрилансе, а так- же преподавания через онлайн школы и курсы, на мировых площадках по дистанционному обучению. Студенты моих курсов, отмечают лучшие мои качества в том, как я подаю материал без зубрежки, весело и интересно.

Образовательная организация

Stepik — образовательная платформа и конструктор онлайн-курсов.

Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки.

Наша цель — сделать образование открытым и удобным.

Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.

Платформа Stepik включает в себя конструктор бесплатных занятий и уроков. Создать интерактивный обучающий курс может любой зарегистрированный пользователь. При этом авторы обучающих материалов сохраняют авторские права. Сервис не имеет ограничений по числу обучающихся на курсе.

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

Большим преимуществом данной платформы является возможность встраивать созданные материалы на сторонние сайты, например, Moodle и Canvas.

Кроме того, Stepik может использоваться в качестве площадки для проведения разнообразных мероприятий, таких как олимпиады и конкурсы.

Интерфейс платформы полностью русскоязычный, достаточно дружественный и интуитивно понятный. Платформа полностью бесплатна.

За каждый пройденный курс в Stepik обучающийся получает сертификат о прохождении. Получение сертификата также бесплатно.

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

Введение

  1. Вступление
  2. Скачиваем Figma и материалы для прохождения курса

Основы Figma

  1. Создаем первый макет и работаем с размерами
  2. Что такое grid система. Работа с направляющими
  3. Немного про Wireframe
  4. Основы работы с изображениями
  5. Основы работы с текстом
  6. Иерархия элементов
  7. Что такое UX и UI

Работа с цветом

  1. Как заимствовать цвет из изображений
  2. Практика: как подбирать цвет из изображений
  3. Углубленная работа с цветом + HSB
  4. Дополнительные ресурсы работы с цветом + углубленная работа с фи
  5. Как использовать градиент
  6. Где искать вдохновение и как заимствовать цвета у других дизайне

 Работа с изображениями

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

 Работа с текстом

  1. Углубленная работа с текстом
  2. Почему шрифты это важно
  3. Главные типы шрифтов
  4. Где искать шрифты - 1
  5. Где искать шрифты - 2
  6. Рыбный текст + установка плагинов
  7. Практика по поиску шрифтов
  8. Как использовать в дизайне настройку шрифтов
  9. Создаем лист со стилями сайта
  10. ТЕХНИЧЕСКОЕ ВИДЕО: Продолжаем создавать макет

Маски / Линии / Перо и Карандаш

  1. Как работать с масками слоя
  2. Как работать с линиями
  3. Практика по работе с пером
  4. Доделываем сайт портфолио

Дизайнерские трюки

  1. Трюки с наложением элементов друг на друга
  2. Одинаковые элементы на странице
  3. Трюки с повторениями
  4. Трюки с контрастом
  5. Трюки с пустым пространством
  6. Как развиваться в дизайне

Новый проект - Подготовка

  1. Пара слов и продолжаем!
  2. Бриф с заказчиком
  3. Создаем Mood Board
  4. Как делиться проектом
  5. Что такое Figma Jam
  6. Создаем Wireframe нового проекта ч.1
  7. Создаем Wireframe нового проекта ч.2
  8. Создаем Wireframe нового проекта ч.3
  9. Создайте wireframe

Введение в адаптивный дизайн

  1. Введение в constraints
  2. Constraints + grid
  3. Различие между фреймами и группами
  4. Применяем Constraints к макету портфолио
  5. Практика: Constraints на макете портфолио

Дополнительные возможности Figma

  1. Как работать с компонентами
  2. Как работать с Auto lay out

Стилизуем макет

  1. Предисловие к блоку
  2. Стилизуем макет ч.1
  3. Стилизуем макет ч.2
  4. Подбираем шрифты
  5. Стилизуем макет ч.3
  6. Стилизуем макет ч.4
  7. Практика: Стилизуем оставшиеся 2 страницы сайта

Адаптивный дизайн

  1. Теория адаптивного дизайна
  2. Адаптивный дизайн под планшет ч.1
  3. Адаптивный дизайн блога ч.2

Ускорение рабочих процессов

  1. Горячие клавиши
  2. Как создать компоненты с помощью плагинов
  3. Быстрый адаптив
  4. Полезные плагины
  5. Практика: Ускоряемся в создании мобильной версии сайта

Прототипирование

  1. Основы прототипирования
  2. Углубленные настройки прототипирования
  3. Анимируем подсказку
  4. Анимируем мобильную версию меню
  5. Анимируем кнопки
  6. Анимируем ручной слайдер
  7. Анимируем автоматический слайдер
  8. Анимируем красивый счетчик с помощью "смарт анимации"
  9. Как взаимодействуют прототипы с компонентами

Библиотеки

  1. Разница между платной и бесплатной версией программы Figma
  2. Как работать с Библиотеками

Экспорт

  1. Экспорт файлов из Figma
  2. Передача в разработку

Работа в Photoshop

  1. Подготовка программы
  2. Работа со слоями в Photoshop
  3. Расширяем границы изображений
  4. Удаляем ненужное из фото
  5. Как вырезать человека из одного фото и вставить его в другое
  6. Как работают маски в фотошоп
  7. Экспорт файлов из фотошоп

Рейтинг курса

3.6
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 03.09.2023 02:17
Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design

Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design

Оставить отзыв
Поделиться курсом с друзьями