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

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

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

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

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

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

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

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