ВЕБ-ДИЗАЙН

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

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

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

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

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

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

ЗАНЯТИЕ №6
РАЗМЕЩЕНИЕ САЙТА В ИНТЕРНЕТЕ. КОНСТРУКТОРЫ САЙТОВ.
Как зарегистрировать доменное имя и выбрать хостинг. Знакомство с Tilda. Особенности создания сайта на конструкторе.
Задание: Перенести дизайн-макет на конструктор.