WDI Старт
Курс по веб-дизайну для начинающих
Попробуй профессию веб-дизайнера:
за 2 недели ты освоишь базовые знания в веб-дизайне и создашь свой первый макет
О курсе
Вы научитесь создавать дизайн-макеты сайтов с нуля, даже если никогда не работали в Photoshop
14 дней
Длительность курса.
За курс получите
4 видеоразбора
от тренера
9 модулей
Курс состоит
из 9 модулей
по веб-дизайну
44 видео-урока
Курс рассчитан
на начинающих.
За курс вы освоите Photoshop и дизайн-процесс
30 человек
Вы будете учиться
с группой, общаться, задавать вопросы
Как проходит курс
Для новичков
Курс предназначен для тех, кто владеет Photoshop и хочет прокачать навыки в дизайне. Если вы в себе не уверены, пройдите наш курс по Photoshop.
Домашние задания
Слушатели курса ежедневно выполняют задания, которые проверяет тренер. Домашние задания важно сдавать к конкретному времени.
Видеоразбор заданий
Тренер подробно разбирает каждое домашнее задание: указывает на ошибки и дает рекомендации по их исправлению.
Работы выпускников
Программа курса
Модуль 1. Задача веб-дизайна и норма в дизайне веб-сайтов
  • Понимание задачи веб-дизайна
  • Как устроено восприятие пользователя и как этим управлять? Формализация критериев выбора (почему одни сайты нравятся пользователям, а другие - нет).
  • Как устроен процесс дизайна веб-сайта и с чего начинать?
  • Как определить для себя уровень нормы? Настройка на норму.
  • Как совершенствовать свое мастерство? Алгоритм разбора веб-сайтов из уровня нормы.
  • Бонус.
Модуль 2. Исследование и прототип
  • Как глубже понять задачу заказчика или что такое бизнес-аналитика?
  • Как определить целевую аудиторию и понять, что для нее важно?
  • Как упаковать сценарий презентации для пользователя?
  • Что такое уровни восприятия информации пользователем? Проработка блоков сайта для разных уровней восприятия.
  • Как управлять фокусом внимания пользователя?
  • Основные элементы вебсайта и их функции.
  • Основы композиции блоков сайта.
  • Практический видео-урок: как создать прототип сайта с помощью программы Moqups.com.
Модуль 3. Создание кнопок и элементов интерфейса
  • Задача кнопок на сайте.
  • Создание кнопок и меню. Почему одни кнопки выглядят хорошо, а другие совсем не очень. Формализация опыта и правила.
  • Создание форм. Отступы.
  • Настройка на норму в графике элементов интерфейса.
  • Стили создания элементов User Interface.
  • Практическое занятие: cерия видео-уроков по основам работы в Photoshop, созданию кнопок и элементов интерфейса в Photoshop CC.
  • Домашнее задание: отрисовать ряд кнопок и форм.
Модуль 4. Создание иконок
  • Задача иконок на сайте.
  • Ассоциативный ряд или как подобрать правильный образ для иконки?
  • Стилистика иконок.
  • Правила оформления иконок на сайте.
  • Практическое занятие: cоздание иконок в разных стилях в программе Photoshop CC.
  • Домашнее задание: создать сет иконок в разных стилях.
Модуль 5. Типографика
  • Шрифты, классификация.
  • Эмоциональная составляющая и характер шрифтов.
  • Как подбирать и сочетать шрифты?
  • Задача визуальной иерархии шрифтов на сайте.
  • Практическое занятие: серия видео-уроков по работе со шрифтами и текстом в Photoshop.
  • Домашнее задание: создать композицию с правильно подобранными шрифтами. Подобрать шрифты для своего проекта.
Модуль 6. Визуальная коммуникация в веб-дизайне
  • Основная задача визуальной коммуникации.
  • Что такое концепция дизайна. Mood Board как инструмент поиска нужной стилистики для сайта.
  • Как передать эмоцию с помощью графики? (образ, цвет, шрифты, стилистика)
  • Цветовые схемы и психология цвета. Цветовой круг.
  • Практическое занятие: создание главного экрана сайта.
  • Домашнее задание: создать Mood Board и вариант главного экрана для сайта по вашей тематике.
Модуль 7. Инфографика
  • Задача инфографики.
  • Как используется инфографика в веб?
  • Алгоритм создания инфографики.
  • Правила оформления инфографики.
  • Практическое занятие: видео-урок по созданию инфографики.
  • Домашнее задание: Создать блок с инфографикой для своего сайта.
Модуль 8. Создание сайта и основы композиции
  • Почему важна сетка и выравнивание?
  • Композиция блоков сайта на примерах.
  • Что такое иерархия объектов и фокус внимания?
  • Основные правила оформления текста на сайте.
  • Практическое занятие: серия видео-уроков о сетке, композиции и иерархии.
  • Домашнее задание: доработать главный экран своего сайта.
Модуль 9. Организация макета в Photoshop
  • Зачем нужно правильно организовывать макет?
  • Как донести свою мысль до разработчика?
  • Зачем нужно прорабатывать сценарии и состояния элементов интерфейса?
  • Практический видео-урок: как организовать макет?
  • Домашнее задание: Создать итоговый дизайн-макет сайта.
О школе
4
года школе
832
выпускника
5824
выполненных проекта
После прохождения курса вы получите сертификат
Отзывы выпускников курса
Стоимость курса
Создайте свой первый макет
8 900 р.-
Прохождение с тренером
Купить
Хотите начать учиться?
8-800-511-0870 (звонок по РФ бесплатный)
г. Новосибирск, ул. Николаева, 12, этаж 13

ИП Чернова А.И.
ОГРНИП 317547600149619
ИНН 540864667454
Расчетный счет № 40802810700000319450 в АО «ТИНЬКОФФ БАНК» в г. Москва
БИК 044525974
Кор. Счет 30101810145250000974
email: info@wdi-design.ru