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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Работа с проектом в школе:

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

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

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

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