Программа курсов «Юный Web-дизайнер»
Вернуться назад |
Объём: 32 ак. ч
Количество занятий: 12
Сайт — это программа
Кнопки, ссылки, алгоритмы
Типы, виды и назначение сайтов
Задачи web-дизайна
Подготовительные шаги
Собираем информацию для сайта
Структурирование. Выписываем задачи
Подбираем аналоги и примеры
Рисуем прототип будущего сайта
Основы вёрстки прототипа на Figma
Компоновка web-сайта
Зачем нужна композиция
Приёмы и средства композиции
Контраст, ритм, метр и др.
Композиционное равновесие
Композиционные привязки
Динамика и статика. Работа с формой и массами
Современные фишки композиции
Главная идея web-сайта, концепция
Подбор цвета для сайта
Как мы ощущаем цвета
Работа с цветом и изображением
Ключевые характеристики цветов
Сочетание цветов для передачи нужных эмоций
Понятие цветового колорита
Шрифты в web-дизайне
Зачем нужны разные шрифта
Типы и виды электронных шрифтов
Принципы сочетания шрифтов
Удобочитаемость текста. Приёмы достижения
Мобильный web-дизайн
Отличия мобильного дизайна
Форматы мобильных устройств
Примеры мобильного дизайна
Устоявшиеся правила и приёмы
Photoshop для web-дизайна.
Базовые функции программы. Интерфейс
Разметка макета. Работа со слоями. Векторная графика
Редактирование и трансформация изображений
Работа с масками. Применение обтравочной маски
Профессиональная обрезка фона изображений
Редактирование текста. Шрифт, цвет, типографика
Трансформация текста инструментами трансформирования
Нарезка макета для web-вёрстки. Инструмент «Раскройка»
Принципы создания миниатюрной графики: иконки, кнопки, favicon
Illustrator для веб-дизайна
Базовые функции программы. Интерфейс
Рабочие среды. Настройка собственной рабочей среды
Особенности работы со слоями, группировка объектов
Настройка и разметка документы: сетка, линейка и т.д.
Инструменты выделения. Командная панель
Инструменты рисования: перо, геометрия, кисть и др.
Трансформация объектов: поворот, масштаб и т.д.
Автоматическая и ручная трассировки изображений.
Эффекты. Работа с градиентом
Оформление, обработка контуров, выравнивание
Понятие (кривые)
Собираем информацию для сайта
Структурирование. Выписываем задачи
Подбираем аналоги и примеры
Рисуем прототип будущего сайта
Основы вёрстки прототипа на Figma
Компоновка web-сайта
Зачем нужна композиция
Приёмы и средства композиции
Контраст, ритм, метр и др.
Композиционное равновесие
Композиционные привязки
Динамика и статика. Работа с формой и массами
Современные фишки композиции
Главная идея web-сайта, концепция
Подбор цвета для сайта
Как мы ощущаем цвета
Работа с цветом и изображением
Ключевые характеристики цветов
Сочетание цветов для передачи нужных эмоций
Понятие цветового колорита
Шрифты в web-дизайне
Зачем нужны разные шрифта
Типы и виды электронных шрифтов
Принципы сочетания шрифтов
Удобочитаемость текста. Приёмы достижения
Мобильный web-дизайн
Отличия мобильного дизайна
Форматы мобильных устройств
Примеры мобильного дизайна
Устоявшиеся правила и приёмы
Photoshop для web-дизайна.
Базовые функции программы. Интерфейс
Разметка макета. Работа со слоями. Векторная графика
Редактирование и трансформация изображений
Работа с масками. Применение обтравочной маски
Профессиональная обрезка фона изображений
Редактирование текста. Шрифт, цвет, типографика
Трансформация текста инструментами трансформирования
Нарезка макета для web-вёрстки. Инструмент «Раскройка»
Принципы создания миниатюрной графики: иконки, кнопки, favicon
Illustrator для веб-дизайна
Базовые функции программы. Интерфейс
Рабочие среды. Настройка собственной рабочей среды
Особенности работы со слоями, группировка объектов
Настройка и разметка документы: сетка, линейка и т.д.
Инструменты выделения. Командная панель
Инструменты рисования: перо, геометрия, кисть и др.
Трансформация объектов: поворот, масштаб и т.д.
Автоматическая и ручная трассировки изображений.
Эффекты. Работа с градиентом
Оформление, обработка контуров, выравнивание
Понятие (кривые)
Вернуться назад |