ВЕБ-ДИЗАЙН

ДАННЫЙ КУРС ВЫ МОЖЕТЕ ПРОЙТИ ДИСТАНЦИОННО В РЕЖИМЕ ОНЛАЙН.

Программа курса 

ЗАНЯТИЕ №1
ЭТАПЫ СОЗДАНИЯ САЙТА. АНАЛИЗ САЙТОВ.
Что такое веб-дизайн. Инструменты веб-дизайнера. Виды сайтов. Этапы разработки. Концепт. Анализ сайтов. Предпроектное исследование..
Практика: Figma — базовое знакомство.
Задание: Исследование для проекта.

ЗАНЯТИЕ №2
СТРУКТУРА САЙТА. UI/UX.
Из чего состоит сайт. Компоненты Landing Page. Контент для сайта. Виды прототипов. Принципы хорошего интерфейса.
Практика: Figma — продолжаем знакомиться.
Задание: Подготовить сценарий сайта. Скетчи. Сделать оформленный блок в Figma.

ЗАНЯТИЕ №3
ПРОТОТИП САЙТА. КОМПОЗИЦИЯ.
Вайрфрейм — что это и как сделать. Принципы композиции в веб-дизайне. Направление взгляда пользователя. Модульные сетки. Мобильная версия сайта.
Практика: Делаем модульную сетку.
Задание: Создать вайрфрейм.

ЗАНЯТИЕ №4
ВИЗУАЛЬНАЯ ЧАСТЬ
Изображения, цвет, шрифт, геометрия и формы, еще раз о композиции. Мудборд и стайлгайд.
Практика: Настраиваем предустановленные стили.
Задание: Собрать мудборд. Проработать стайлгайд.

ЗАНЯТИЕ №5
ДИЗАЙН-МАКЕТ. UI-KIT
Что такое дизайн-макет. UI-kit. Интерактивные элементы. Анимация.
Практика: Используем компоненты. 
Задание: Выполнить дизайн-макет. Подготовить ui-kit.

ЗАНЯТИЕ №6
ПОДГОТОВКА МАКЕТА К ВЕРСТКЕ. ПРЕЗЕНТАЦИЯ ПРОЕКТА.
Чек-лист финальной проверки макета. Подготовка макета к верстке. Домен, хостинг и другие полезные термины. Оформление проекта в портфолио.
Практика: Изучаем интерактивный прототип.