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

Aноним · 27 Авг 2023

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

Финал

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