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

195

Этот курс ключ к успеху в понимании и использовании всех инструментов и возможностей 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. Подводим итоги курса