Программа курсов «Веб-дизайн. 1 ступень»

 Вернуться назад 

Учебная программа курсов «Web-дизайн. 1 ступень»
Объём программы: 21 академических часа
Количество занятий: 8 занятий

Предпроектная подготовка
Получение исходных данных. Анкетирование клиента
Деловые отношения с клиентом. Техническое задание
Техника работы с аналогами (референсами)
Прототипирование будущего веб-сайта
Ключевые элементы интерфейса

Photoshop для веб-дизайна.
Базовые функции программы. Интерфейс
Разметка макета. Работа со слоями. Векторная графика
Редактирование и трансформация изображений
Работа с масками. Применение обтравочной маски
Профессиональная обрезка фона изображений

Основы UX/UI дизайна. Часть I
Модульная сетка в web-дизайне 
Отличие UX от UI дизайна. Особенности проектирования
Разработка пользовательских сценариев
Понятие Usability. Алгоритм проведения аудита
Приёмы и правила проектирования интерфейсов
Визуальные коммуникации 
Примеры частых ошибок UI UX 
Принципы создания Landing page 

Photoshop. Основы express цветокоррекции
Редактирование текста. Шрифт, цвет, типографика
Трансформация текста инструментами трансформирования

Основы UX/UI дизайна. Часть II
Простой интерфейс для призыва к действию
Сложный интерфейс (каталог, интернет-магазин)
Элементы интерфейса: кнопки, меню, ссылки и т.д.
Проектирование мобильного интерфейса
Обзор устоявшихся шаблонов и решений

Photoshop. Фильтр Camera RAW. Корректирующие слои
Нарезка макета для web-вёрстки. Инструмент «Раскройка»
Принципы создания миниатюрной графики: иконки, кнопки, favicon

Illustrator для веб-дизайна. 
Базовые функции программы. Интерфейс
Рабочие среды. Настройка собственной рабочей среды
Особенности работы со слоями, группировка объектов
Настройка и разметка документы: сетка, линейка и т.д.
Инструменты выделения. Командная панель

Основы композиции Часть I 
Графический контент 
Применение Moodboard на стадии идеи
Приёмы и средства композиции
Контраст, ритм, метр и др. 
Композиционное равновесие 
Композиционные привязки 
Динамика и статика. Работа с формой и массами 

Illustrator. Кривые Безье. Основы криволинейной графики
Инструменты рисования: перо, геометрия, кисть и др.
Трансформация объектов: поворот, масштаб и т.д.

Основы композиции. Часть II
Художественный образ, концепция, идея
Работа с символами для выражения нужных образов
Подчинение средств композиции концепции дизайна
Масштаб композиции. Отличия для мобильных устройств
Современные композиционные тренды веб дизайна

Illustrator. Типографика в Illustrator. Текстовые возможности
Автоматическая и ручная трассировки изображений. 
Эффекты. Работа с градиентом
Оформление, обработка контуров, выравнивание
Понятие (кривые) 

Работа с цветом в веб-дизайне 
Работа с цветом и изображением
Психология цвета. Цветовые гармонии
Ключевые характеристики цветов
Сочетание цветов для передачи нужных эмоций
Понятие цветового колорита

Типографика. Работа со шрифтом
Типы и виды электронных шрифтов
Параметры шрифта (кернинг, интерлиньяж и др.)
Принципы сочетания шрифтов
Удобочитаемость текста. Приёмы достижения
Свободные шрифты. Источники
Применение иконочных шрифтов

Адаптивный веб-дизайн 
Понятие дизайн-макета сайта. Способы выполнения
Адаптивная вёрстка. Форматы устройств.
Подгонка макетов под форматы устройств. (Десктоп, ноутбук, планшет, телефон)
Оптимизация сайта на уровне разработки дизайна

Figma для дизайна интерфейсов
Создание и управлениями монтажными областями
Применение и значение модульной сетки
Настройка компонентов. Привязка компонентов
Работа со слоями. Организация элементов
Режимы работы Figma: презентация, просмотр и др.

 
 Вернуться назад 
Миссия нашего центра — давать людям систематичное понимание и практические навыки в компьютерной графике и дизайне.