Веб-дизайн:
онлайн-курс

Начало: 27 августа
Вводный вебинар
бесплатно
2
мес.
50 000
+
5
работ
Освойте профессию дизайнера за 2 месяца
Зарабатывайте
на фрилансе 50 000+
Сделайте за курс портфолио из 5 работ
Что вы
получите?
После интенсивной двухмесячной работы вы получите
5 работ в портфолио
сертификат об окончании курса
первых клиентов
На профессиональном
уровне овладеете дизайном
веб-сайтов
мобильных прложений
интернет-магазинов
Освоите ключевые навыки
Дизайн-
мышление
Визуальная коммуникация
Проектирование
Бизнес-аналика
Композиция
Типографика и верстка
Как устроен курс?
Для новичков
Курс подходит новичкам в веб-дизайне, которые знают
Photoshop.

Если вы не уверены в своих навыках, пройдите наш курс по Photoshop и Figma.
12 вебинаров
Обучение проходит он-лайн. Вы сможете задать любые вопросы тренеру и сразу получите на них ответы. Все вебинары можно посмотреть в записи.
Видео-разборы заданий
Тренер подробно разбирает каждое домашнее задание: указывает на ошибки и дает рекомендации по их исправлению.
Защита итоговой работы
В конце курса участники представляют итоговую работу. После обучения у вас остается портфолио: одностраничный сайт, два концепта мобильных приложений и веб-страниц, две афиши и баннер.
Сообщество
Участники курса и кураторы общаются и обсуждают работы в общем чате.
Доступ к внутренней биржи WDI
Лучшие выпускники курса получат доступ к бирже и регулярным заказам.
Заказы во время обучения
Мы дадим вам задания для поиска клиентов. Уже во время курса вы сможете получить первые заказы.


Научитесь искать клиентов в сети
Зарекомендуете себя как профессионал
Научитесь искать клиентов в сети
Программа курса
Задача веб-дизайна и норма в дизайне веб-сайтов
1 вебинар, 4 задания, 1 разбор
День 1. Вебинар

1. Понимание задачи веб-дизайна.

2. Как устроено восприятие пользователя и как этим управлять? Формализация критериев выбора (почему одни сайты нравятся пользователям, а другие — нет).

3. Как устроен процесс дизайна веб-сайта, и с чего начинать?

4. Что такое «уровень нормы», как его для себя определить? Настройка на норму.

5. Как совершенствовать свое мастерство? Алгоритм разбора веб-сайтов «уровня нормы».

6. БОНУС: «Основная техника тайм-менеджмента, или Как найти свободное время?»

Исследование аудитории и создание прототипа
1 вебинар, 4 задания, 1 разбор
День 4. Вебинар

1. Как глубже понять задачу заказчика, или что такое бизнес-аналитика?

2. Как определить целевую аудиторию и понять, что для нее важно?

3. Как упаковать сценарий презентации для пользователя?

4. Что такое уровни восприятия информации пользователем? Проработка блоков сайта для разных уровней восприятия.

5. Как управлять фокусом внимания пользователя?

6. Основные элементы веб-сайта и их функции.

7. Основы композиции блоков сайта.

8. Практический видео-урок: «Как создать прототип сайта с помощью программы Moqups.com».

День 5. Создать текстовый прототип для итоговой работы. Практическое задание.

День 6. Домашнее задание. «Вылить воду» из текстового прототипа.


Визуальная коммуникация в веб-дизайне
1 вебинар, 6 заданий, 1 разбор
День 7. Вебинар

1. Основная задача визуальной коммуникации.

2. Что такое концепция дизайна. Mood board как инструмент поиска нужной стилистики для сайта.

3. Как передать эмоцию с помощью графики? (Образ, цвет, шрифты, стилистика.)

4. Цветовые схемы и психология цвета. Цветовой круг.

День 7. Практическое задание.

День 8. Домашнее задание. Визуальная коммуникация, разбор трех сайтов.

День 9. Домашнее задание. Начинаем делать mood board по своей теме. Практическое задание.

День 10. Домашнее задание. Продолжаем делать mood board по своей теме. Творческое задание.

День 11. Практическое задание.

Создание кнопок и элементов интерфейса
1 вебинар, 5 заданий, 1 разбор
День 11. Вебинар

1. Задача кнопок на сайте.

2. Создание кнопок и меню. Почему одни кнопки выглядят хорошо, а другие совсем не очень. Формализация опыта и правила.

3. Создание форм. Отступы.

4. «Настройка на норму» в графике элементов интерфейса.

5. Стили создания элементов UI.

День 12. Домашнее задание. Практическое занятие: серия видеоуроков по основам работы в Photoshop, созданию кнопок и элементов интерфейса в Photoshop CC. Создание UI-кита.

День 13. Практическое задание: cерия видео-уроков по основам работы в Photoshop, созданию иконок в Photoshop CC. Улучшение блока с иконками, приведение иконок к единому стилю.

День 14. Задание на норму. Собрать примеры типовых блоков с сайтов из «уровня нормы».


Композиция и прототип
1 вебинар, 7 заданий, 1 разбор
День 14. Вебинар

1. Визуальная иерархия.

2. Что такое визуальная доминанта, акценты. Как управлять вниманием пользователя.

3. «Якорные объекты».

4. Создание целостной композиции. «Правило внутреннего-внешнего».

5. Осознанное использование контраста размера, цвета; контрпространства, фона, модульных сеток, полей.

День 15 . Создание прототипа афиши с правильной композицией. Практическое задание (создание копии).

День 16. Улучшение композиции главного экрана сайта. Творческое задание.

День 17. Создание прототипа трех экранов для итоговой работы.

День 18. Задание по «якорным объектам».


Верстка и редактура
1 вебинар, 5 заданий, 1 разбор
День 18. Вебинар

1. Иерархия в тексте. Кернинг, трекинг, интерлиньяж. Заголовки, подзаголовки, абзацы.

2. «Расчески», «висячие» предлоги, союзы.

3. Длина строки.

4. Разрядка: где нужна, а где нет.

5. Какие шрифты и в каких случаях лучше использовать. Заглавные или строчные? Курсив или стандартный шрифт? Акцидентный или наборный?

День 19. Редактирование трех блоков в соответствии с правилами верстки; добавление еще одного блока. Улучшение верстки блока.

День 20. Завершение работы над прототипом.

День 21. Творческое задание.

Типографика и шрифты
1 вебинар, 5 заданий, 1 разбор
День 18. Вебинар

День 21. Вебинар

1. Шрифты, классификация.

2. Эмоциональная составляющая и характер шрифтов.

3. Как подбирать и сочетать шрифты?

4. Задача визуальной иерархии шрифтов на сайте.

День 22. Найти и разобрать примеры использования шрифтов на сайтах из «уровня нормы». Переверстка афиши.

День 23. Завершение работы над прототипом, подобор шрифтов к итоговому проекту. Продолжение работы над афишей.

День 24. Завершение работы над афишей.

Дизайн сайтов. Адаптивный дизайн
1 вебинар, 5 заданий, 5 разборов
1. Алгоритм работы.

2. Разбор хороших и плохих примеров.

День 31. Создание 2–3 экранов сайта. Практика: берем реальный проект с фриланс-биржи.

День 32. Работа над проектом.

День 33. Работа над 2–3 экранами сайта. Практика: берем реальный проект с фриланс-биржи.

День 34. Работа над проектом.

Дизайн мобильных приложений. Платформы iOS и Android
1 вебинар, 5 заданий, 5 разборов
1. Алгоритм создания концептов мобильных приложений.

2. Разбор хороших и плохих примеров.

День 38. Создание 2–3 экранов сайта. Практика: берем реальный проект с фриланс-биржи.

День 39. Доработка проекта.

День 40. Создание 2–3 экранов сайта. Практика: берем реальный проект с фриланс биржи.

День 41. Работа над проектом.

Создание итогового макета: промо-страницы или первой страницы ИМ
1 вебинар, 5 заданий, 5 разборов
1. Инструктаж.

2. Разбор хороших и плохих примеров.

День 43. Доработка mood board.

День 44. Создание первого и второго экранов сайта по вашему прототипу в соответствии с выбранной стилистикой.

День 45. Создание третьего и четвертого экранов по прототипу.

День 46. Завершение работы над страницей и ее усиление.



Итоговый вебинар


Tilda Publishing
Преподаватели курса и методисты
Алексей Белицкий
Дизайнер продукта в eater.ru. Занимается ux- и дизайном процессов. Ведет интенсив.
В дизайне 11 лет. Работал техническим редактором в журналах, руководил отделом в типографии. Сейчас сотрудничает с распределенными командами и продуктовым IT-стартапом. Ценит прозрачные процессы и ясные головы.
«
Ольга Склянова
Дизайнер, тренер WDi, работает в путешествиях
Еще пару лет назад я не представляла, что буду работать в сфере, объединяющей коммуникацию, психологию, маркетинг и немного творчества, которая при этом дает свободу передвижения
«
Дмитрий Чернов
Основатель школы дизайна WDi, методист курса
Я создал систему обучения, в которой невозможно халтурить. 90% учеников проходят курс до конца. Более 50% студентов получают доступ к бирже WDI, потому что создают сильное портфолио».
«
После прохождения курса вы получите сертификат
4
года работы
832
дизайнера
5824
проекта
Работы выпускников курса
22 поток, январь-апрель 2018
Ольга Герасименко
22 поток, январь-апрель 2018
Анастасия Боотсма
22 поток, январь-апрель 2018
Алина Кроль
Интенсив февраль-март 2018
Сергей Вдовиченко
21 поток, октябрь-декабрь 2017
Алексей Костенков
22 поток, сентябрь-ноябрь 2017
Леонид Крупа
22 поток, январь-апрель 2018
Виктория Мельникова
22 поток, январь-апрель 2018
Кирилл Михайлов
22 поток, январь-апрель 2018
Максим Двойнишников
Отзывы
Есть вопросы?
Оставь свои контакты, мы перезвоним.
Или напиши нам Вконтакте через виджет в правом нижнем углу.

Нажимая на кнопку, вы даете согласие на обработку персональных данных
и соглашаетесь c политикой конфиденциальности
Записаться на курс
44900
Получите первый вебинар курса бесплатно!
Заполните форму и мы вышлем вам ссылку на видео.
Я согласен на обработку моих персональных данных. Политика конфиденциальности.