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

Подготовительные шаги
Собираем информацию для сайта
Структурирование. Выписываем задачи
Подбираем аналоги и примеры
Рисуем прототип будущего сайта
Основы вёрстки прототипа на Figma

Компоновка web-сайта
Зачем нужна композиция
Приёмы и средства композиции
Контраст, ритм, метр и др.
Композиционное равновесие 
Композиционные привязки 
Динамика и статика. Работа с формой и массами
Современные фишки композиции
Главная идея web-сайта, концепция

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

Шрифты в web-дизайне
Зачем нужны разные шрифта
Типы и виды электронных шрифтов
Принципы сочетания шрифтов
Удобочитаемость текста. Приёмы достижения

Мобильный web-дизайн
Отличия мобильного дизайна
Форматы мобильных устройств
Примеры мобильного дизайна
Устоявшиеся правила и приёмы

Photoshop для web-дизайна.
Базовые функции программы. Интерфейс
Разметка макета. Работа со слоями. Векторная графика
Редактирование и трансформация изображений
Работа с масками. Применение обтравочной маски
Профессиональная обрезка фона изображений
Редактирование текста. Шрифт, цвет, типографика
Трансформация текста инструментами трансформирования
Нарезка макета для web-вёрстки. Инструмент «Раскройка»
Принципы создания миниатюрной графики: иконки, кнопки, favicon

Выполнение курсовой работы
Придумываем идею сайта
Продумываем путь пользователя на сайте
Подбираем картинки, шрифты, цвета
Делаем красочный макет на платформе Figma
Анализируем итоговую работу
Исправляем недоработки, доводим до финала