{EPIC SKILLS} Обновленный курс по веб-дизайну

Обновленный курс по веб-дизайну​

Единственные курсы Веб-дизайна в Санкт-Петербурге, в которых собраны проектирование, прототипирование, обучение программам Axure и Adobe Photoshop, решение кейсов и возможность создать портфолио в процессе обучения. Вы научитесь делать невозможное.
Наша основная задача — научить проектировать и создавать эффективные сайты, избегать ошибок и не превращать жизнь пользователя в кошмар. Также, мы покажем на что именно ориентироваться и как проверять качество своей работы. Обучение на курсе веб-дизайна не может гарантировать глубокое понимание коллористики или композиции за месяц, однако, если у вас уже есть навыки дизайна или врожденный талант, мощные инструменты позволят добиться отличных результатов.

Спойлер: Чему мы научим на курсе?

Аналоги (references) Чтобы создать работающий сайт, в том числе в процессе обучения, веб-дизайнеру неплохо сначала проанализировать то, что уже есть. Учимся подбирать аналоги, систематизировать, анализировать, презентовать клиенту.
Персонажи (personas) Мы обучаем методу проектирования User Centered Design, чтобы понимать как создать персонажей (типичный клиент) и представить, за чем (или зачем) именно он пришел. Сценарии (user-stories) Короткие рассуждения о том, как посетитель будет пользоваться будущим сайтом. Это нужно для последующих обсуждений с проектной командой, проектирования и расстановки приоритетов.
Карта сайта и layouts Структура сайта: количество и смысл страниц, их взаимосвязь плюс примерное расположение элементов на каждой странице, оформляется либо на бумаге/салфетке/доске, либо в программе для скетчинга.
Прототипы страниц в Axure Программа по созданию интерактивных прототипов с максимально возможным контентом. Это отличный инструмент для совместной работы над проектом, чтобы в итоге заказчик видел, какой продукт получит, чтобы программист наглядно видел функционал, а дизайнер знал, что нужно рисовать. Так же это замечательная возможность оценки стоимости проекта.
Визуализация И наконец: создание интерфейса, декоративных элементов, иконок, использование по максимуму функций редактора для веб-дизайна. Создание финального дизайна страниц в Photoshop. Подготовка макетов к верстке

Спойлер: Программа

День 1 Первое свидание

Что делаем: Знакомство с проектированием, прототипированием, скетчингом, персонажами и сценариями

Чему научим: Pассмотрим интервью с клиентом и изучение брифов. Узнаем много новых слов, успеем пройти путь от получения заявки от клиента до презентации прототипа.

Что сделаем: Уже начнем работать с кейсами

День 2 Собираем данные. Брифы. Глубокое исследование и интервью

Что делаем: Рассмотрим цикл жизни проекта: место проектирования, место маркетинга, место визуализации.

Чему научим: Почему клиент не знает свой продукт и вы тоже его не знаете. Основы UCD: основные понятия и определения. Исследования и аналитика.

Что сделаем: Рассмотрим сайт как место коммуникации и точка контакта.

День 3 Информационная архитектура, диаграммы путей, навигация, каркасы

Что делаем: Исследования пользователей, сценарии взаимодействия.

Чему научим: Информационное проектирование. Назначение и пострение объектной модели.

Что сделаем: Пострениим объектную модель по кейсу.

День 4 Проектирование

Что делаем: Узнаем способы получения диаграммы путей.

Чему научим: Методики пректирования навигации, быстрое прототипирование.

Что сделаем: Практика на кейсе. Составим сценарии пользователя, его путь по сайту.

День 5 Mobile First

Что делаем: Узнаем, что такое Mobile First.

Чему научим: Как создавать адаптивный дизайн по принципу Mobile First.

Что сделаем: Попробуем на практике. Кейс дополнительный.

День 6 Шрифт и веб-типографика

Что делаем: Изучаем классификацию, виды и особенности сочетания шрифтов.

Чему научим: Кириллица и её особенности. Хорошие и плохие шрифты. Основы типографики и вёрстки. Примеры и основные правила.Возможные ошибки. Веб-шрифты и особенности экранной типографики.

Что сделаем: Практика.

День 7 Информационная архитектура. Лайауты. Axure.

Что делаем: Разберем паттерны проектирования и сетки.

Чему научим: Узнаем, что это такое, где искать, что выбирать, как использовать.

Что сделаем: Будем учиться делать прототипы в Axure на примере одного из кейсов.

День 8 Отрисовка в Photoshop.

Что делаем: Изучаем основные инструменты:.

Чему научим: Рисование шейпами, текст, слои и стили, направляющие, сетка grid 12, организация слоев, изучение и использование UI-китов.

Что сделаем: Учимся настраивать рабочее пространство и брать настройки с собой, отрисовывать сложные элементы по образцу.

День 9 Helpday.

Что делаем: Отрисовываем в Photoshop.

Чему научим: Больше практики, больше сложных элементов. Задаем вопросы, отрисовываем элементы под присмотром.

Что сделаем: Много отрисовываем!

День 10 Визуализация прототипа

Что делаем: По готовому прототипу и готовыми GUI (гайдлайнами) визуализируем макет в Photoshop, придерживаясь заданной модульной сетке.

Чему научим: Работать по гайдлайнам.

Что сделаем: Работаем с еще одним кейсом, Получаем feedback от преподавателя по работе.

День 11 Подготовка макетов к верстке

Что делаем: Учимся как рисовать так, чтобы верстальщик не придушил вас однажды.

Чему научим: Группируем слои, называем группы правильно, используем сетку.

Что сделаем: Узнаем все возможные подводные камни. Получаем обратную связь по своим макетам.

День 12 Презентация п оекта и подготовка портфолио

Что делаем: Тренировка на своих работах.

Чему научим: Сначала узнаем как надо презентовать свой проект клиенту и основные правила в искусстве выступления на публике. А затем послушаем про то, как готовить свое портфолио, чтобы его было не стыдно показать.

Что сделаем: Тренируемся на свои проектах презентовать работу клиенту.

День 13 Предзащита

Что делаем: На последнем занятии мы устраиваем предзащиту ваших прототипов по кейсам и утверждаем их перед этапом визуализации. Окончательная защита вашего проекта состоится на выпускном.

Что сделаем: Получаем подробную обратную связь по проектам.