Подробный план занятий:

ЗАНЯТИЕ № 1. ВВЕДЕНИЕ В ПРОФЕССИЮ
— Понятие веб-дизайна.
— Необходимые компетенции дизайнера.
— Основные принципы современного дизайна.
— Источники вдохновения и полезные ресурсы.
— Типы сайтов.
— Этапы создания сайта.
ДЗ: Разобрать 5 примеров макетов сайтов по принципам современного дизайна (из презентации) .
ЗАНЯТИЕ № 2. СОЗДАНИЕ ПРОТОТИПА.
— Прототип и его задачи.
— Виды прототипов и их различия.
— Wireframe и его назначение.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать прототип для своего проекта.
ЗАНЯТИЕ № 3. РАБОТА С ЦВЕТОМ И ИЗОБРАЖЕНИЕМ.
— Эмоциональная составляющая сайта.
— Цвет и его роль в дизайне.
— Изображения и их роль в дизайне.
— Мудборд и его задачи.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать 2-3 мудборда для своего проекта.
ЗАНЯТИЕ № 4. ПОДБОР ШРИФТОВ И ИКОНОК.
— Цели и задачи иконок в оформлении сайта.
— Типы иконок: сервисные, образные, favicon.
— Обзор стилей иконок: outline, solid, flat, realistic.
— Типографика - задачи и функции. Особенности веб-типографики.
— Виды шрифтов.
— Ресурсы для скачивания.
— Практическая часть: подбор шрифтов и иконок для проекта.
ДЗ: Создать блок для своего проекта с подобранными шрифтами и иконками.
ЗАНЯТИЕ № 5. ДИЗАЙН ИНТЕРФЕЙСА.
— Понятие интерфейса.
— Основные элементы интерфейса.
— Основные принципы хорошего интерфейса.
— Ресурсы для скачивания и вдохновения.
— Практическая часть: отрисовка элементов интерфейса – кнопок и форм заявок
ДЗ: Создать несколько элементов интерфейса для своего проекта
ЗАНЯТИЕ № 6. СОЗДАНИЕ ГЛАВНОГО ЭКРАНА САЙТА.
— Составляющие компоненты главного экрана сайта.
— Основные принципы создания запоминающегося главного экрана.
— Примеры хорошего дизайна главных страниц.
— Соединение структуры сайта (прототипа) и его эмоциональной начинки (мудборда).
— Ресурсы для вдохновения.
ДЗ: Оформить главный экран своего проекта.
ЗАНЯТИЕ № 7. СОЗДАНИЕ ДИЗАЙН МАКЕТА.
— Модульные сетки и выравнивание контента.
— Адаптивный дизайн.
— Основы композиции разделов сайта.
— Расположение элементов, акценты и иерархия восприятия.
— Управление вниманием пользователя.
— Разбор композиционных решений на примерах.
— Практическая часть: создание landing page в Adobe Photoshop.
ДЗ: Оформить страницу дипломного проекта.
ЗАНЯТИЕ № 8. СВОБОДНОЕ ПЛАВАНИЕ
— Рынок труда: дизайн студии, фриланс, бизнес.
— Работа в команде. Как начать работать в дизайн студии.
— Основы оформления портфолио и подачи проектов.
— Инструменты wow effect: анимация, paralax, видео контент, интерактив.
— Как сделать так что бы мир узнал о вас?
ДЗ: Завершить дизайн дипломного проекта и оформить его в мокап.