- Регистрация
- 13.03.2019
- Сообщения
- 48 482
На курсе мы разберем основные принципы веб-дизайна. Научимся создавать информационную архитектуру, строить сетки и разрабатывать адаптивы так, чтобы мобайл не уступал вебу. На протяжении 17 занятий мы будем работать над двумя проектами — лендингом и сайтом для реального клиента. В результате ты пройдешь все стадии создания веб-проектов и получишь скил, с которым хоть на фриланс, хоть в агентство. Программа курса Программа курса 01 Знакомство Роадмап курса: цели и задачи обучения Знакомство с группой История развития веб-дизайна Отличие веб-дизайна от бумажного дизайна Тренды рынка 02 Стилеобразование Типы веб-проектов Определение стиля сайта: анализ целей и аудитории Брендинг и сайт Обзор стилей для веб-проектов: брутализм, корпоративный минимализм etc. Домашнее задание: ссобрать мудборды по нескольким стилистическим направлениям. 03 Информационная архитектура и макетирование Что такое информационная архитектура и навигация сайта Типы и уровни навигации Структура страницы сайта Как построить карту сайта Layouts: как сделать макет страницы с разными типами контента Домашнее задание: построить карту сайта для музея. Если у тебя есть личный проект ты сможешь работать над ним. 04 Сетки и макет страницы Краткая история сеток в дизайне Что такое сетка и зачем она нужна Типы сеток и примеры: по типам строения, по пластике etc. Для чего нужен микромодуль? Как строить сетку и чем руководствоваться при ее выборе Домашнее задание: создать один макет по трем сеткам (например, анкета-профиль). 05 Типографика Принципы хорошей типографики. Сочетания: контраст, иерархия, вектор Шрифтовая система: шрифтовой набор, роли шрифтов Принципы макетирования текста: по боксу, по базовой линии, смешанный подход Особенности типографики в вебе: hunting, алиасинг Домашнее задание: собрать страницы 1) на одном шрифте и на одном кегле; 2) на одном шрифте и четырех кеглях; 3) на двух шрифтах. 06 Интерактив и респонсив Интерактивность элементов Ховеры Скрытые элементы Адаптация макетов. Респонсив Как сделать mobile-версию Домашнее задание: создать mobile-версию из макета (каталог товаров). 07 Итоги первой части курса Вопросы и ответы Основные ошибки Подготовка к проекту: лендинг. Делимся на группы по 10 человек: группа №1 — лендинг для фестиваля, №2 — лендинг для книги, №3 — лендинг для сервиса, №4 — лендинг для гаджета. 08 Создание лендинга Работа с т/з клиента Исследование ниши и постановка задачи Типы и виды лендингов Структура лендинга Поиск референсов и стилистического решения Дизайн лендинга Домашнее задание: зашейдить и отрендерить отдельные объекты из иллюстрации. 09 Фидбек-сессия. Лендинг для фестиваля Разбор работ студентов группы №1. 10 Фидбек-сессия. Лендинг для книги Разбор работ студентов группы №2. 11 Фидбек-сессия. Лендинг для сервиса Разбор работ студентов группы №3. 12 Фидбек-сессия. Лендинга для гаджета Разбор работ студентов группы №4. 13 Встреча с клиентом Встречаемся с реальным клиентом для получения т/з финального проекта. 14 Фидбек-сессия 15 Фидбек-сессия 16 Фидбек-сессия 17 ВЫПУСКНОЙ 
|
