Веб-дизайн в Figma: ключ к успеху
Начинающий специалист
4-5 часов в неделю
онлайн
Сертификат Stepik
1 990 ₽
Подробнее о курсе
Документ после выпуска
Сертификат Stepik
Автор курса
Программа курса
Знакомство
- Вступление и знакомство с профессией
- Ссылка на закрытый чат в Telegram
- Установка Figma
- Обновление курса от 28.07.24
Основы Figma
- Создаём первый проект и работаем с размерами
- Учимся работать со шрифтами
- Направляющие и сетки
- Экспорт слоёв и фреймов
Профильный модуль Figma
- Магия Autolayout
- Компоненты
- Стили
- Эффекты
- Структура организации проекта
- Анимация
Создаём первый сайт
- Разбираем техническое задание
- Создаём UI KIT
- Создаём первый экран сайта
- Создаём основной контент сайта
- Адаптируем сайт под мобильные устройства
Основы дизайна
- Правила создания правильной композиции
- Типографика в веб-дизайне
UX-дизайн
- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы
Итоговая работа UX-дизайн
- Итоговая работа
Работа с фотографией
- Где искать фотографии для своих проектов
- Обработка фото в Figma
Создание интернет-магазина автозапчастей
- Разбираем техническое задание
- Разбираем сайты конкурентов
- Создание UI KIT
- Создание Header
- Создание первого экрана сайта
- Создание основного контента сайта
- Создание страницы каталога
- Создание страницы товара
- Создание страницы корзины
- Создание страницы оформления заказа
- Создание страницы с личным кабинетом
- Создание второстепенных страниц
Дизайн мобильных приложений
- Дизайн мобильного приложения погоды
- Дизайн мобильного приложения погоды для Android
Кейс на Behance
- Оформление кейса на Behance
- Публикация кейса
Создание портфолио на Notion
- Что такое Notion и зачем он нужен
- Создаем портфолио на Notion
Финал
- Куда идти дальше?
- Финал!
Создаём лендинг для мебельной фабрики
- Учимся разбирать техническое задание
- Разработка прототипа лендинга
- Дизайн лендинга
- Адаптация лендинга под мобильные устройства
Основы дизайна
- Создание Mood board проекта
- Композиция в веб-дизайне
- Модульные сетки и направляющие
- Теория цвета и цветовой круг
- Типографика в веб-дизайне
Работа с фотографий
- Подбор фото для проекта
- Цветокоррекция фото в Figma
- Обработка фото в Photoshop
- Коллажирование для 1-ого экрана
Создаём интернет-магазин
- Принципы UX-дизайна в E-commerce
- Разбор задачи
- Проектирование главной страницы
- Создаём UI KIT
- Реализация главной страницы
- Страница каталога
- Страница товара
- Корзина и список желаний
- Оформление заказа
- Личный кабинет
- Инфо-страницы и финал
Создаём лендинг для Porsche
- Разбираем техническое задание
- Разработка прототипа лендинга
- Дизайн основного контента лендинга
Адаптивный дизайн
- Теория отзывчивости и brake points
- Микровзаимодействия и преобразования
- Адаптивность для лендинга
- Адаптивность в E-commerce
Дизайн мобильных приложений
- Основы дизайна мобильных приложений
- Гайдланы IOS
- Гайдланы Andorid
- Дизайн приложения в Figma
Кейс на Behance
- Знакомство с Behance
- Удачные примеры проектов
- Структура хорошего проекта
- Публикация проекта
Финал
- Подводим итоги курса
Для кого этот курс
Этот курс подойдёт начинающим дизайнерам и даже ни разу не открывавшим Figma.
Предварительные требования
Компьютер или ноутбук и главное - желание учиться
Что вы получите
Создавать дизайны веб-сайтов
Создавать дизайны интерфейсов для мобильных приложений
Анализировать цели и задачи проекта
Работать с Figma, Photoshop и др.
Работать с цветом, шрифтами и изображениями
Проектировать сложные интерфейсы
Разрабатывать E-commerce-проекты
Работать с фотографией в веб-среде
Разрабатывать дизайн под iOS и Android
Оформлять кейсы для Behance-профиля
Полностью обновленный курс! Этот курс ключ к успеху в понимании и использовании всех инструментов и возможностей Figmа и веб-дизайна. Пока другие хвастаются, наши ученики создают продающие сайты и зарабатывают на этом!
Оставьте отзыв
Оставьте заявку
Наши консультанты ответят на все вопросы
И помогут в выборе
Нажимая кнопку, вы даете согласие на обработку персональных данных