Программа курсов «Основы веб-дизайна»


Объём: 32 ак.ч
Занятий: 12

Введение в профессию дизайнера
  • Ключевые компетенции веб-дизайнера
  • Сбор и аналитика исходных данных
  • Правила разработки технического задания
  • Генерирование идей. Работа с аналогами
  • Применение Moodboard на стадии идеи
  • Прототипирование будущего веб-сайта
Практика: составление технического задания
Практика: изучение и аналитика аналогов

Основы Photoshop для веб-дизайна
  • Логика интерфейса. Блоки функций
  • Разметка макета. Работа со слоями
  • Перемещение и редактирование объектов
  • Применение векторной графики
  • Редактирование и форматирование текста
  • Smart-объекты. Работа с изображениями
  • Маска слоя. Обтравочная маска
Практика: прототип сайта в Photoshop

Обработка изображений в Photoshop
  • Принципы неразрущающей коррекции
  • Обработка изображений в Camera RAW
  • Применение корректирующих слоёв
  • Техники обрезки фона изображений
  • Приёмы цветокоррекции изображений
  • Быстрая ретушь. Устранение дефектов
Практика: обработка картинок для сайта

Основы Figma для веб-дизайна
  • Работа с фигурами и изображениями
  • Организация макета. Компоненты
  • Фреймы, текст, стили, гриды
  • Библиотеки и мультикомпоненты
  • Прототипирование и девайс превью
  • Адаптация макета под платформы
Практика: прототип сайта в Figma

Композиция в веб-дизайне
  • Средства композиции: линия, точка, пятно
  • Приёмы: контраст, ритм, метр и др.
  • Достижение равновесия композиции 
  • Динамика и статика. Передача эмоций
  • Применение модульной сетки
  • Художественный образ, концепция, идея
  • Символы, иконки и значки в композиции
  • Мобильный масштаб композиции
  • Композиционные тренды веб-дизайна
Практика: абстрактная композиция
Практика: приёмы композиции в аналогах

Цветоведение. Сочетание цветов
  • Цветовой круг Иттена. Характеристики
  • Гармонические модели сочетания цветов
  • Психология восприятия цветов
  • Цветовой колорит. Практические примеры
  • Обзор цветовых трендов веб-дизайна
Практика: цветовое решение сайта

Шрифты. Типографика в веб-дизайне
  • Типы и виды электронных шрифтов
  • Параметры и характеристики шрифта
  • Принципы сочетания шрифтов
  • Достижение удобочитаемости текста
  • Свободные шрифты. Источники
  • Применение иконочных шрифтов
Практика: подбор шрифтов для веб-сайта

Основы UX/UI дизайна на практике
  • Знакомство с задачами UX от UI дизайна
  • Сценарий пользовательского поведения
  • Выстраивание логики интерфейса
  • Обзор методов дизайна интерфейсов
  • Формы. Принципы проектирования
  • Примеры частых ошибок UI UX
  • Устоявшиеся элементы интерфейса
  • Проектирование мобильного интерфейса
Практика: логика интерфейса на основе сценария пользовательского поведения
Практика: мобильная версия интерфейса

Выполнение курсового проекта
  • Выбор тематики курсового проекта
  • Выполнение прототипа сайта
  • Композиционное и цветовое решение
  • Подбор шрифтов, иконок, картинок
  • Ux/Ui дизайн курсового проекта
  • Мобильная версия сайта
Практика: выполнение проекта в Figma

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