Курс по веб-дизайну для начинающих.
Цель курса: изучить основы дизайн процесса и создать дизайн макет, от сбора информации до передачи разработчикам. Развить чувство вкуса. И научиться разрабатывать дизайн, который вызывает правильные эмоции и заставляет пользователя не закрывать сайт.
Модуль 1. Уровень нормы:
Рекомендации к обучению.
Урок 1. Задачи веб-дизайна
Урок 2. Типы веб-сайтов
Урок 3. Критерии выбора сайтов пользователем
Урок 4. Норма в веб-дизайне.
Урок 5. Процесс создания веб-сайта
Урок 6. Алгоритм разбора сайтов.
Урок 7. Правило помидорки.
Модуль 2. Сбор информации и создание прототипа:
Урок 1. Бизнес-аналитика. Алгоритм.
Урок 2. Задачи заказчика на примерах.
Урок 3. Сбор информации.
Урок 4. Целевая аудитория.
Урок 5. Задача пользователя. Метод User Story.
Урок 6. Проработка логики.
Урок 7. Создаем прототип. Уровни восприятия.
Урок 8. Правила построения блоков. Фокус внимания и иерархия.
Модуль 3.Элементы интерфейса.
Урок 1. Элементы интерфейса и их функции.
Урок 2. Норма в дизайне элементов UI
Урок 3. Кнопки. Правила создания.
Урок 4. Кнопки с иконкой. Правила.
Урок 5. Формы. Правило создания.
Модуль 4. Иконки.
Урок 1. Задача иконок. Образ и суть.
Урок 2. Алгоритм создания иконок.
Урок 3. Стили иконок.
Урок 4. Норма в создании иконок.
Модуль 5. Типографика.
Урок 1. Типографика в веб-дизайне
Урок 2. Классификация шрифтов
Урок 3. Шрифты с засечками
Урок 4. Шрифты без засечек
Урок 5. Как подбирать шрифты
Урок 6. Сочетаемость шрифтов.
Модуль 6. Визуальная коммуникация.
Урок 1. Задача визуальной коммуникации.
Урок 2. Как подобрать образ.
Урок 3. Как подобрать цветовую стилистику.
Урок 4. Как подобрать стилистику графики.
Урок 5. Mood Board / Визуальный бриф.
Модуль 7. Инфографика.
Урок 1. Инфографика и ее типы
Урок 2. Как используется инфографика в веб?
Урок 3. Алгоритм создания инфографики.
Модуль 8. Главный экран и композиция блоков сайта.
Урок 1. Создаем главный экран.
Урок 2. Модульная сетка и выравнивание.
Урок 3. Правила стилистики блоков сайта.
Модуль 9. Подготовка макета.
Урок 1. Организация макета
Урок 2. Вторые состояния элементов.
веб-дизайн, дизайн, макет, интерфейс, UI, иконки, типографика, инфографика
Comments