Основной курс веб-дизайна «Epic Skills»

compare_arrows

Учебная программа:

Профессия веб-дизайнера

• Обучение на курсе. 
• Кто такой веб-дизайнер и чем он занимается (на самом деле). 
• Этапы работы над проектом. UX+UI. 
• Примеры хороших и плохих практик. 
• Уровни роста дизайнера. Личный опыт преподавателя. 

Погружение и аналитика 

• Важность аналитики. 
• Табуретка Нормана. 
• Этапы аналитики на проекте. 
• Первичное исследование. 
• Брифинг с клиентом. 
• Аналитика рынка. 
• Введение в веб-аналитику. 
• Метрики. 
• Методы исследования ЦА. 
• Глубинные интервью, CustDev. 
• Составление портретов персон. 

Проектирование пользовательского опыта 

• Сценарий. Виды сценариев: сценарий взаимодействия, User story, User flow и CJM, JTD. 
• Сценарий взаимодействия: алгоритм составления. 
• Информационная архитектура: понятие и ценность. Метод составления ИА. 
• Контент-план. 

Проектирование интерфейсов 

• Что такое хороший интерфейс. 
• Юзабилити. Эвристики Нильсена. 
• Элементы интерфейса. Формы. 
• Прототип. Подход к прототипированию интерфейсов. 

Практическое занятие по работе в Figma 

• Особенности программы. Интерфейс. 
• Настройка артбордов и сетки. 
• Стилизация объектов и типографики. 
• Компоненты и состояния. 
• Настройка адаптивности элементов. 
• Горячие клавиши и лайфхаки. 

Текст в цифровой среде 

• Популярные форматы. 
• Структура и виды текста. 
• Текст в интерфейсе. Микротекст. 
• Стили в языке. SEO и как с этим жить. 
• Основные проблемы в тексте и их решение. 
• Простые принципы улучшения текста. 

Презентация себя и проекта 

• Структура презентации, построение выступления. 
• Как правильно презентовать свой проект. 
• Практика навыков публичного выступления. 

Адаптивность и мобильная версия 

• Понятие адаптивности. 
• Разница адаптивной и мобильной версии сайтов. 
• Особенности мобильных устройств. 
• Паттерны адаптации. 
• Советы. 

Практическое занятие 

• Работа над проектом в школе. 

Предзащита прототипа 

• Презентация прототипов студентов. 
• Получение обратной связи от преподавателя. 

Визуальная концепция 

Этапы визуализации. 

• Шрифт как инструмент передачи характера и настроения. 
• Цвет: принципы подбора цветовой схемы. 
• Подбор фотографий и иконок. 
• Мудборд: инструменты и принципы составления. 

Типографика 

• Классификация шрифтов. 
• Слово: кегль, кёринг и трекинг. 
• Строка и абзац: длина и интерлиньяж; выключка и переносы; отступы. 
• Шрифтовые пары: принципы сочетания. 
• Иерархия в тексте. 

Композиция и сетка 

• Композиция. Типы композиций. 
• Модульная сетка. Типы сеток. 
• Принципы гештальта в дизайне. Теория внутреннего-внешнего. 
• Вертикальный ритм, акцент, рифма, белое пространство. 
• Принцип якорных объектов 

UI-kit и передача в вёрстку 

• Работа с сеткой и блоками на вёрстке. 
• Ui-kit: понятие, принципы, создание и использование. 
• Подготовка изображений и графики. 
• Экспорт макета. 
• Фичеризм и практичность. 
• Разбор примеров классических ошибок дизайнеров. 

Практическое занятие 

• Внесение правок по рекомендациям преподавателя. 
• Подготовка финального макета. 
• Подготовка подачи проекта.

Предзащита макетов 

• Презентация макетов студентами. 
• Получение обратной связи от преподавателя.

Подача кейса в портфолио 

• Зачем дизайнеру портфолио? 
• Популярные форматы и платформы. 
• Советы по оформлению и подаче. 
• Этапы создания кейса. 
• Readymag и Tilda. 
• Анимация в интерфейсе и кейсе.

Финальная защита 

• Презентация трёх страниц десктопной и мобильной версий проекта.