[Школа дизайна Skilltor] Веб-дизайн: ключ к успеху
195₽
Этот курс ключ к успеху в понимании и использовании всех инструментов и возможностей Figmа и веб-дизайна. Пока другие хвастаются, наши ученики создают продающие сайты.
Чему вы научитесь
- Создавать дизайны веб-сайтов
- Создавать дизайны интерфейсов для мобильных приложений
- Анализировать цели и задачи проекта
- Работать с Figma, Photoshop и др.
- Работать с цветом, шрифтами и изображениями
- Проектировать сложные интерфейсы
- Разрабатывать E-commerce-проекты
- Работать с фотографией в веб-среде
- Разрабатывать дизайн под iOS и Android
- Оформлять кейсы для Behance-профиля
В курс входят
- 62 урока
- 17 часов 42 минуты видео
- 11 тестов
Программа курса
Введение
- Вступление и знакомство с профессиейДемо-доступ
- Ссылка на закрытый чат в Telegram
- Мы в соцсетяхДемо-доступ
- Установка Figma и необходимых плагиновДемо-доступ
Основы Figma
- Создаём первый проект и работаем с размерамиДемо-доступ
- Знакомимся с горячими клавишами
- Учимся работать со шрифтами
- Frame или Group, что выбрать?
- Работа с Autolayout
- Pen tool для векторной графики
- Grid система и направляющие
- Компоненты и библиотеки
- Text/color/effects/grid styles
- Эффекты слоёв и фреймов
- Экспорт слоёв и фреймов
- Анимация в Figma
Основы дизайна
- Создание Mood board проекта
- Композиция в веб-дизайне
- Модульные сетки и направляющие
- Теория цвета и цветовой круг
- Типографика в веб-дизайне
Создаём первый сайт
- Учимся разбирать техническое задание
- Разработка прототипа лендинга
- Дизайн лендинга
- Адаптация лендинга под мобильные устройства
UX-дизайн
- Зачем UX дизайнеру?
- Виды UX исследований
- Целевая аудитория
- Опросы
UX-воркшоп
- Глубинное интервью, наблюдение и юзабилити-тесты
- Составляем CJM
Работа с фотографий
- Подбор фото для проекта
- Цветокоррекция фото в Figma
- Обработка фото в Photoshop
- Коллажирование для 1-ого экрана
Создаём интернет-магазин
- Принципы UX-дизайна в E-commerce
- Разбор задачи
- Проектирование главной страницы
- Создаём UI KIT
- Реализация главной страницы
- Страница каталога
- Страница товара
- Корзина и список желаний
- Оформление заказа
- Личный кабинет
- Инфо-страницы и финал
Создаём лендинг для Porsche
- Разбираем техническое задание
- Разработка прототипа лендинга
- Дизайн основного контента лендинга
Адаптивный дизайн
- Теория отзывчивости и brake points
- Микровзаимодействия и преобразования
- Адаптивность для лендинга
- Адаптивность в E-commerce
Дизайн мобильных приложений
- Основы дизайна мобильных приложений
- Гайдланы IOS
- Гайдланы Andorid
- Дизайн приложения в Figma
Кейс на Behance
- Знакомство с Behance
- Удачные примеры проектов
- Структура хорошего проекта
- Публикация проекта
Финал
- Подводим итоги курса