CourseOn
Back

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

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

WDI design school

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

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

Syllabus

Модуль 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. Вторые состояния элементов.

key words, tags

веб-дизайн, дизайн, макет, интерфейс, UI, иконки, типографика, инфографика


Course properties

Competition track
Science and engineering
Form of education
Nonformal
Formal education level
Further education, Professional development
Recommended age for informal learning
16-18, 19-25, 25-45
Learning language
Russian
Discipline
Arts and humanities
Course authors
Дмитрий Чернов
Author’s characterization
Дмитрий Чернов, Дизайнер, арт-директор. В прошлом основатель веб-студии ConvLab. Основатель школы веб-дизайна WDI design school https://vk.com/wdi.design.
Producers
Чернов Дмитрий
Tutors
Дмитрий Чернов, основатель школы веб-дизайна WDI design school Кузнецова Евгения, практикующий дизайнер с 3-х летним стажем, выпускник школы WDI, тренер Интенсива по веб-дизайну школы WDI. Климкина Зарина, практикующий дизайнер, выпускник школы WDI, тренер воркаутов по веб-дизайну школы WDI.
Organization
WDI design school
Organization characterization
ИП Чернов Д.В.
Knowledge level entrance requirements
Базовые знания Photoshop, либо Sketch
Output knowledge, abilities, skills
— Понимание задачи дизайна; — Знания вёрстки и типографики; — Знание инструментов визуальной коммуникации; — Последовательный дизайн процесс, от исследования задачи до подготовки макета к передаче разработчикам.
Career list corresponds to course
веб-дизайнер, художник, иллюстратор, верстальщик, frontend разработчик
Entrance test
Groups formation by readiness level
Teachers presence
Tutors presence
Facilitators presence
Training materials forms
video lecture
Interactivity in training materials
Collaborative learning presence
Practical activities
essay, labs
Discussions, forums presence
Webinars, video conferences presence
meetup presence
LMS integration
Learning Analytics
Certification presence
Course time limits
Duration
14 (days)
Learning types (sync/async)
asynchronous
Assessment types
creative work, essay
Course modules number
9
Personal learning path possibility, course individualization
Operating System
Mac OS, Windows OS, Linux
Supported browsers
Google Chrome, Firefox Safari, Internet Explorer
Learner’s devices
Ноутбук, ПК
Special needs support
Learning technologies
Gamification
Course site
https://stepik.org/course/3567

Comments

===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 по причине профессионального исполнения учебных роликов и по актуальности темы. Своим студентам буду показывать этот курс как пример современной визуализации видео объяснений. Авторы - молодцы!