WDI Start —курс по веб-дизайну для начинающих

Дмитрий Чернов

WDI design school

Курс по веб-дизайну для начинающих.

Цель курса: изучить основы дизайн процесса и создать дизайн макет, от сбора информации до передачи разработчикам. Развить чувство вкуса. И научиться разрабатывать дизайн, который вызывает правильные эмоции и заставляет пользователя не закрывать сайт.

Программа

Модуль 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, иконки, типографика, инфографика


Характеристики курса

Направление в конкурсе
Естественные и технические науки
Вид образования
Неформальное
Уровень формального образования
Дополнительное профессиональное, Профессиональное совершенствование
Рекомендуемый возраст для неформального обучения
16-18, 19-25, 25-45
Язык обучения
Русский
Дисциплина
Искусство и гуманитарные науки
Авторы курса
Дмитрий Чернов
Реквизиты авторов
Дмитрий Чернов, Дизайнер, арт-директор. В прошлом основатель веб-студии ConvLab. Основатель школы веб-дизайна WDI design school https://vk.com/wdi.design.
Продюсеры
Чернов Дмитрий
Преподаватели
Дмитрий Чернов, основатель школы веб-дизайна WDI design school Кузнецова Евгения, практикующий дизайнер с 3-х летним стажем, выпускник школы WDI, тренер Интенсива по веб-дизайну школы WDI. Климкина Зарина, практикующий дизайнер, выпускник школы WDI, тренер воркаутов по веб-дизайну школы WDI.
Организация
WDI design school
Реквизиты организации
ИП Чернов Д.В.
Входные требования по уровню знаний
Базовые знания Photoshop, либо Sketch
Выходные знания, умения, навыки
— Понимание задачи дизайна; — Знания вёрстки и типографики; — Знание инструментов визуальной коммуникации; — Последовательный дизайн процесс, от исследования задачи до подготовки макета к передаче разработчикам.
Профессия, специальность для которой курс имеет значение (атлас профессий)
веб-дизайнер, художник, иллюстратор, верстальщик, frontend разработчик
Входной тест
Формирование групп по уровню подготовленности
Присутствие преподавателей
Присутствие тьюторов
Присутствие фасилитаторов
Форма представления учебных материалов
видеолекции
Наличие обратной связи в материалах
Наличие совместного обучения
Наличие практических занятий
эссе, лабораторные
Наличие форумов, дискуссий
Наличие вебинаров, видеоконференций
Наличие неформального общения, meetup
Интеграция с LMS
Учебная аналитика
Наличие сертификации
Наличие временных границ
Продолжительность
14 (дни)
Тип занятий (синхронность)
асинхронные
Виды оценивания
творческое задание, эссе
Количество модулей в курсе
9
Возможность формирования собственной траектории, индивидуализации на курсе
Операционные системы
Mac OS, Windows OS, Linux
Поддерживаемые браузеры
Google Chrome, Firefox Safari, Internet Explorer
Устройства для обучения
Ноутбук, ПК
Поддержка лиц с ограниченными возможностями
Обучающие технологии
Gamification
Сайт курса

Комментарии


===fake-email-twitter-240131143 | 09-09-2017
Когда начала проходить Старт, особых ожиданий не было. Сейчас курсов куча, везде много воды, приходится потратить силы на отсев полезной информации. Но это не про Старт. Низкий поклон Дмитрию за такую чёткую структуру. Благодаря этому курсу смогла сделать реальные первые шаги в веб-дизайне.
lasswolf@mail.ru | 08-09-2017
Хороший, продуктивный курс, много интересной и полезной информации. Мне как новичку было легко воспринимать информацию, а домашние задания помогли ее хорошо усвоить, хочется дальше развиваться в этой сфере, рекомендую)
===fake-email-twitter-2599513448 | 08-09-2017
Для меня WDIStart стал хорошим пинком для того, чтобы начать дизайнить осознанно, и заодно ознакомиться с компанией, чтобы Интенсив не был совсем котом в мешке. Сжатые сроки, жёсткий разбор - это всё погрузило меня в атмосферу тру дизайна в реальной жизни.
Sergey | 08-09-2017
Отличный курс, полностью прошёл, интересные задания и видеоуроки, получил много полезной информации за короткие сроки, а так же он мне помог подготовиться к курсу - WDI Интенсив.
===fake-email-twitter-100997199 | 08-09-2017
Дима отличается от многих тем, что он подаёт материал очень структурно и понятно без лишней воды. Хоть я до конца и не прошла курс ещё, мне очень понравились уроки. Советую всем, кто только начинает работать в дизайне а также тем, кто просто хочет систематизировать свои знания. Опыт других ребят показывает, что полностью пройденный курс может круто прокачать новичка.
ol_pav_mi@mail.ru | 15-09-2017
Учебные материалы курса представлены в популярной технике скрайбинга, рассказ ведётся на понятном языке. Курс содержит материалы которые будут интересны специалистам, создающим дизайн любого документа - презентация, электронные учебники и пособия, плакаты и т.п. Имеются задания, но нет критериев их оценивания. Курс не был запущен, видимо, поэтому нет комментариев участников учебного сообщества в самом курсе. Возможно, что данный курс будет одним из самых популярных на stepik.org по причине профессионального исполнения учебных роликов и по актуальности темы. Своим студентам буду показывать этот курс как пример современной визуализации видео объяснений. Авторы - молодцы!