Программа курсов «Основы веб-дизайна»
Объём: 32 ак.ч
Занятий: 12
Введение в профессию дизайнера
Практика: изучение и аналитика аналогов
Основы Photoshop для веб-дизайна
Обработка изображений в Photoshop
Основы Figma для веб-дизайна
Композиция в веб-дизайне
Практика: приёмы композиции в аналогах
Цветоведение. Сочетание цветов
Шрифты. Типографика в веб-дизайне
Основы UX/UI дизайна на практике
Практика: мобильная версия интерфейса
Выполнение курсового проекта
Занятий: 12
Введение в профессию дизайнера
- Ключевые компетенции веб-дизайнера
- Сбор и аналитика исходных данных
- Правила разработки технического задания
- Генерирование идей. Работа с аналогами
- Применение Moodboard на стадии идеи
- Прототипирование будущего веб-сайта
Практика: изучение и аналитика аналогов
Основы Photoshop для веб-дизайна
- Логика интерфейса. Блоки функций
- Разметка макета. Работа со слоями
- Перемещение и редактирование объектов
- Применение векторной графики
- Редактирование и форматирование текста
- Smart-объекты. Работа с изображениями
- Маска слоя. Обтравочная маска
Обработка изображений в Photoshop
- Принципы неразрущающей коррекции
- Обработка изображений в Camera RAW
- Применение корректирующих слоёв
- Техники обрезки фона изображений
- Приёмы цветокоррекции изображений
- Быстрая ретушь. Устранение дефектов
Основы Figma для веб-дизайна
- Работа с фигурами и изображениями
- Организация макета. Компоненты
- Фреймы, текст, стили, гриды
- Библиотеки и мультикомпоненты
- Прототипирование и девайс превью
- Адаптация макета под платформы
Композиция в веб-дизайне
- Средства композиции: линия, точка, пятно
- Приёмы: контраст, ритм, метр и др.
- Достижение равновесия композиции
- Динамика и статика. Передача эмоций
- Применение модульной сетки
- Художественный образ, концепция, идея
- Символы, иконки и значки в композиции
- Мобильный масштаб композиции
- Композиционные тренды веб-дизайна
Практика: приёмы композиции в аналогах
Цветоведение. Сочетание цветов
- Цветовой круг Иттена. Характеристики
- Гармонические модели сочетания цветов
- Психология восприятия цветов
- Цветовой колорит. Практические примеры
- Обзор цветовых трендов веб-дизайна
Шрифты. Типографика в веб-дизайне
- Типы и виды электронных шрифтов
- Параметры и характеристики шрифта
- Принципы сочетания шрифтов
- Достижение удобочитаемости текста
- Свободные шрифты. Источники
- Применение иконочных шрифтов
Основы UX/UI дизайна на практике
- Знакомство с задачами UX от UI дизайна
- Сценарий пользовательского поведения
- Выстраивание логики интерфейса
- Обзор методов дизайна интерфейсов
- Формы. Принципы проектирования
- Примеры частых ошибок UI UX
- Устоявшиеся элементы интерфейса
- Проектирование мобильного интерфейса
Практика: мобильная версия интерфейса
Выполнение курсового проекта
- Выбор тематики курсового проекта
- Выполнение прототипа сайта
- Композиционное и цветовое решение
- Подбор шрифтов, иконок, картинок
- Ux/Ui дизайн курсового проекта
- Мобильная версия сайта