[Школа дизайна Skilltor] Веб-дизайн: ключ к успеху

​

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

Чему вы научитесь

• Создавать дизайны веб-сайтов
• Создавать дизайны интерфейсов для мобильных приложений
• Анализировать цели и задачи проекта
• Работать с Figma, Photoshop и др.
• Работать с цветом, шрифтами и изображениями
• Проектировать сложные интерфейсы
• Разрабатывать E-commerce-проекты
• Работать с фотографией в веб-среде
• Разрабатывать дизайн под iOS и Android
• Оформлять кейсы для Behance-профиля

В курс входят

• 62 урока
• 17 часов 42 минуты видео
• 11 тестов

Спойлер: Программа

Программа курса
Введение

1. Вступление и знакомство с профессиейДемо-доступ
2. Ссылка на закрытый чат в Telegram
3. Мы в соцсетяхДемо-доступ
4. Установка Figma и необходимых плагиновДемо-доступ

Основы Figma

1. Создаём первый проект и работаем с размерамиДемо-доступ
2. Знакомимся с горячими клавишами
3. Учимся работать со шрифтами
4. Frame или Group, что выбрать?
5. Работа с Autolayout
6. Pen tool для векторной графики
7. Grid система и направляющие
8. Компоненты и библиотеки
9. Text/color/effects/grid styles
10. Эффекты слоёв и фреймов
11. Экспорт слоёв и фреймов
12. Анимация в Figma

Основы дизайна

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

Создаём первый сайт

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

UX-дизайн

1. Зачем UX дизайнеру?
2. Виды UX исследований
3. Целевая аудитория
4. Опросы

UX-воркшоп

1. Глубинное интервью, наблюдение и юзабилити-тесты
2. Составляем CJM

Работа с фотографий

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

Создаём интернет-магазин

1. Принципы UX-дизайна в E-commerce
2. Разбор задачи
3. Проектирование главной страницы
4. Создаём UI KIT
5. Реализация главной страницы
6. Страница каталога
7. Страница товара
8. Корзина и список желаний
9. Оформление заказа
10. Личный кабинет
11. Инфо-страницы и финал

Создаём лендинг для Porsche

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

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

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

Дизайн мобильных приложений

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

Кейс на Behance

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

Финал

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