Занятие 1. Введение в профессию веб-дизайнера
- Обзор программного обеспечения для создания и прототипирования сайтов (ресурсы Adobe, Sketch, Axure, IconJar)
- Ресурсы для вдохновения (Dribbble, Behance) и современные тенденции в дизайне
- Технические возможности создания сайтов
- Виды сайтов
- Основные этапы разработки
- Составление и чтение Брифа. Разбор кейсов
Занятие 2. Юзабилити сайтов и прототипирование. UI Киты
- UX & UI стратегия
- Сценарии и акценты
- Функциональные возможности Axure
- Прототипирование адаптивных проектов
- Сетка сайта
Занятие 3. Работа со шрифтами
- Классификация шрифтов, область их применения
- Веб-шрифты и особенности экранной типографики
- Параметры: кернинг, интерлиньяж, заголовки (h1, h2, h3), абзацы, текст
- Работа с текстом в Adobe Photoshop / Sketch
Занятие 4. Основы работы в Adobe Photoshop / Sketch
- Технические возможности программ и обзор плагинов
- Панель инструментов, настройка рабочего пространства, возможности цветокоррекции, стили слоя, работа с масками и пр.
- Оптимизация изображений для размещения на сайте
Занятие 5. Векторная графика в веб-дизайне
- Создание иконок / пиктограмм
- Обзор инструментов для создания и коррекции векторных объектов в Adobe Illustrator
- SVG. Приложение IconJar
Занятие 6. Создание Landing Page.
- Подбор и обработка изображений / персонажей
- Цветовая схема
- Создание элементов интерфейса (кнопки, слайдер, меню, пиктограммы и пр.)
Занятие 7. Создание адаптивного сайта с каталогом
- Формулировка концепции проекта, подбор цветовой схемы и гарнитуры шрифтов
- Работа с брифом и гайдлайнами
- Выбор количества точек для проекта
- Построение сетки
- Возможности CSS
- Создание прототипа будущего проекта для всех точек
Занятие 8. Mobile Perfect
Отрисовка мобильной версии макетов страницы каталог и страницы продукта
Занятие 9. Планшетная и десктопная версии проекта
- Карточный дизайн
- Анимация элементов навигации проекта
- Подготовка макета к верстке
Занятие 10. Рассылки
- Технические требования к рассылкам
- Структура и особенности построения композиции
- Адаптивные рассылки
- Создание рассылки для свое проекта