Веб-дизайн для детей — январь

Для детей 13-16 лет. На курсе дети будут учиться создавать макеты сайтов. Для этого используется как программа фотошоп, так и специализированный дизайнерский пакет figma. Знание и фотошопа и figma для начала курса не обязательно, и тот и другой пакеты в равной степени используются дизайнерами для создания макетов.

Курс трехмесячный, включает 2 занятия по 1.5 часа в неделю в удобное время на выходных: по субботам или по воскресеньям.

Стоимость курса: 1600 руб/мес.

Программа курса:

«Веб-программирование: графический редактор Figma»

Рабочая программа: графический редактор Figma 12 занятий

Занятие 1. Обзор программы Figma

Обзор программы Figma и её основных инструментов. Обзор и разбор основных понятий UI/UX дизайна. Обзор горячих клавиш в программе Figma. Обзор особенностей работы с растровой графикой в редакторе Figma и связывание работы редактора с программой Photoshop. Изучите команды и особенности организации рабочих файлов. Как настроить сервис под себя.

Занятие 2.

Работа с графикой. Работа с базовыми фигурами и Pen tool, составные формы и эффекты для шейпов, масок.

Занятие 3.

Работа с фреймами. Настройка сетки и направляющих. Что такое констрейнты и как их правильно настраивать. Особенности отображения эффектов внутри фрейма.

Занятие 4. Прототипирование и девайс превью

Создание Figma mirror для мобильных устройств, создание прототипов для разных устройств, изучение режима презентации, создание дизайна одностраничного сайта-портфолио. Создание фрейма дизайна

Занятие 4. Модульные сетки и монтажные области

Что такое констрейнты и как их настраивать, работа с текстом и смарт-гайдами. Разбор ошибок на первых этапах проектирования.

Настройка сетки и направляющих. Работе с текстом и смарт гайдами

Занятие 5. Создание и настройка компонентов, работа с эффектами

Что такое компоненты и как их правильно организовывать. Работа с эффектами.

Занятие 6. Работа с формами, инструментом Constraints и текстом

Работа с формами и инструментом Constraints на примере сайта и мобильного приложения. Обзор особенностей работы с текстом в редакторе Figma. Разбор понятия «колоночная сетка» и «интерфейсная сетка», обзор их назначения и применения.

Занятие 7 Создание вложенных компонентов. Auto Layout

Работа с вложенными компонентами, Знакомство с функциями контейнера.

Занятие 8 Командная работа, контроль версий и передача макетов в разработку

Организация рабочего пространство компонентов и стилей. Экспорт макетов, быстрая правка, организация совместной работы над проектом и корректная передавача его разработчикам.

Занятие 9 Прототипирование

Как закладывать функциональность, оценивать пользовательские сценарии и делать ссылки.

Занятие 10 Figma Animate

Работа с анимацией в Figma, расширение возможностей прототипирования и автоматизация работы.

Занятие 11 Обзор и применение Figma plugins

Как добавлять сторонние плагины и создавать свои. Как сделать дизайн за 45 минут.

Занятие 12

Создание дизайна одностраничного сайта Landing page.

 

Рабочая программа курса Adobe Photoshop для детей 13+.

Занятие 1 РАБОТА С ФРАГМЕНТАМИ ИЗОБРАЖЕНИЯ

Арифметические операции с выделенными областями

Работа с фрагментом

Команда поворот

Перспектива, наклон и искажение фрагмента изображения

Занятие 2 РАБОТА С ФРАГМЕНТАМИ ИЗОБРАЖЕНИЯ

Трансформация выделения

Марионеточная деформация

Практическая работа

Занятие 3 ПОВОРОТ И ИЗМЕНЕНИЕ РАЗМЕРОВ ИЗОБРАЖЕНИЯ

Поворот изображения

Изменение размеров изображения

Виды трансформации. Искажение. Применение трансформации в несложных коллажах. Умные объекты и трансформация.

Занятие 4 КАНАЛЫ И МАСКИ

Цветовая модель RGB. Каналы

Маски слоев.

Обтравочная маска

Занятие 5 ИНСТРУМЕНТЫ РЕТУШИ

Размытие (Blur), Резкость (Sharpen), Размазывание (Smudge), Инструмент штамп (Stamp). Инструменты Healing Brush (Восстанавливающая кисть), Patch Tool (Заплатка). Инструменты Sponge, Dodge, Burn. Градиенты, общее знакомства. Работа с градиентами. Типы градиентов. Настройка. Практическая работа с фотографией

Занятие 6 ЦВЕТОКОРРЕКЦИЯ. ОСНОВЫ ТОНОВОЙ И ЦВЕТОВОЙ КОРРЕКЦИИ

Теория цвета. Цветовые модели. Типы растровых изображений, перевод из одного типа в другой. Параметры графических форматов. Графические форматы файлов и область их применения. Команды сохранения документов. Индексированные цвета (Indexed Color).

Занятие 7 ЦВЕТОКОРРЕКЦИЯ. ОСНОВЫ ТОНОВОЙ И ЦВЕТОВОЙ КОРРЕКЦИИ

Дуплексные цвета (Duotone). Тоновая коррекция изображения (Levels, Curves). Яркость, контраст. Понятие чёрной и белой точки. Автоматическая корректировка изображения (Auto Levels, Auto Contrast). Цветовая коррекция (Auto Color, Hue/Saturation и т.д.). Другие методы корректировки. Замена цвета (Replace Color).

Занятие 8 ЦВЕТОКОРРЕКЦИЯ. ОСНОВЫ ТОНОВОЙ И ЦВЕТОВОЙ КОРРЕКЦИИ

Тоновый диапазон изображения. Гистограмма. Уровни (Levels), Кривые (Curves), Цветовой баланс (Color Balance). Настройки точки белого, черного и гаммы изображения. Цветовая коррекция фотографий. Выборочная коррекция цвета. Работа с ч/б изображением. Корректирующие слои. Палитра Коррекция. Использование корректирующих слоев.

Занятие 9 ОПТИМИЗАЦИЯ ГРАФИКИ ДЛЯ ПУБЛИКАЦИИ В ИНТЕРНЕТЕ И ПРЕЗЕНТАЦИЙ. АНИМАЦИЯ

Создание фрагментов (пользовательская и автоматическая нарезка). Создание навигационных кнопок. Примеры создания анимации. Создание анимированного Gif. Экспорт HTML и изображений. Создание Web-галереи.

Занятие 10 ВВЕДЕНИЕ В WEB

Анатомия веб-сайта

Responsive & Adaptive web design

Занятие 11 UI\ UX

  1. UI. Дизайн интерфейса

UI Library. Библиотека элементов

Занятие 12 Практическая работа. Проектирование веб-сайта

 

Ваш преподаватель

Наталья

Практикующий веб-дизайнер. Аспирант и ассистент ДонНМУ. Специализация - фотошоп, веб-дизайн, работа с детьми Резюме

1600 руб/мес

Записаться

Остались вопросы?

Имя

Телефон или Email

Ваше сообщение

Яндекс.Метрика