Веб-дизайн в Figma: ключ к успеху

- Вступление и знакомство с профессией
- Ссылка на закрытый чат в Telegram
- Установка Figma
- Обновление курса от 28.07.24

- Создаём первый проект и работаем с размерами
- Учимся работать со шрифтами
- Направляющие и сетки
- Экспорт слоёв и фреймов

- Магия Autolayout
- Компоненты
- Стили
- Эффекты
- Структура организации проекта
- Анимация

- Разбираем техническое задание
- Создаём UI KIT
- Создаём первый экран сайта
- Создаём основной контент сайта
- Адаптируем сайт под мобильные устройства

- Правила создания правильной композиции
- Типографика в веб-дизайне

- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы

- Итоговая работа

- Где искать фотографии для своих проектов
- Обработка фото в Figma

- Разбираем техническое задание
- Разбираем сайты конкурентов
- Создание UI KIT
- Создание Header
- Создание первого экрана сайта
- Создание основного контента сайта
- Создание страницы каталога
- Создание страницы товара
- Создание страницы корзины
- Создание страницы оформления заказа
- Создание страницы с личным кабинетом
- Создание второстепенных страниц

- Дизайн мобильного приложения погоды
- Дизайн мобильного приложения погоды для Android

- Оформление кейса на Behance
- Публикация кейса

- Что такое Notion и зачем он нужен
- Создаем портфолио на Notion

- Куда идти дальше?
- Финал!

- Учимся разбирать техническое задание
- Разработка прототипа лендинга
- Дизайн лендинга
- Адаптация лендинга под мобильные устройства

- Создание Mood board проекта
- Композиция в веб-дизайне
- Модульные сетки и направляющие
- Теория цвета и цветовой круг
- Типографика в веб-дизайне

- Подбор фото для проекта
- Цветокоррекция фото в Figma
- Обработка фото в Photoshop
- Коллажирование для 1-ого экрана

- Принципы UX-дизайна в E-commerce
- Разбор задачи
- Проектирование главной страницы
- Создаём UI KIT
- Реализация главной страницы
- Страница каталога
- Страница товара
- Корзина и список желаний
- Оформление заказа
- Личный кабинет
- Инфо-страницы и финал

- Разбираем техническое задание
- Разработка прототипа лендинга
- Дизайн основного контента лендинга

- Теория отзывчивости и brake points
- Микровзаимодействия и преобразования
- Адаптивность для лендинга
- Адаптивность в E-commerce

- Основы дизайна мобильных приложений
- Гайдланы IOS
- Гайдланы Andorid
- Дизайн приложения в Figma

- Знакомство с Behance
- Удачные примеры проектов
- Структура хорошего проекта
- Публикация проекта

- Подводим итоги курса