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

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

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

Привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Stepik — образовательная платформа и конструктор
онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем
в проведении олимпиад и программ переподготовки.
Наша цель — сделать образование открытым и удобным.

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


Первые учебные материалы были размещены на платформе в 2013 году. Сегодня среди охваченных курсами тем: программирование, информатика, математика, статистика
и анализ данных, биология и биоинформатика, инженерно-технические и естественные науки. Онлайн-курсы, размещенные на Stepik, неоднократно становились призерами конкурсов онлайн-курсов, а система автоматизированной проверки задач используется в ряде курсов на платформах Coursera и edX. Также Stepik активно развивает направление адаптивного обучения, где каждый сможет изучать материал, подобранный индивидуально под свой уровень знаний.

 

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

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