Школа PIXEL (Пиксель)

Курс веб-дизайна для детей 9-13 лет

Описание курса: погружение детей в мир графического дизайна — создание макета сайта, визуальное оформление, работа с изображениями, шрифтами и другими элементами веб-страницы

Цели курса: знакомство с созданием веб-сайтов с нуля до полной сборки лендингов

Цена: от 800 руб. за 1 занятие*

Скидка 10% новым клиентам**

**в день обращения при покупке абонемента от 12 занятий

5/5

Формат

Онлайн и очные занятия в выбранное время по расписанию группы

Структура

Курс состоит из модулей. В модуле 12 занятий по 90 минут

Длительность

Занятия проходят 1 раз в неделю. Полный курс длится 9 месяцев

Программа

Посмотреть методический план модулей можно на сайте

Группы формируются по возрасту учеников. В каждой мини-группе до 12 участников

Возраст

Для детей в возрасте от 9 до 13 лет

Классы

Уровень

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

Курс подойдет школьникам в 3-7 классах

Группа

10

%

Нравится курс?

Проведите время с пользой

Скидка для новых клиентов на абонемент от 12 занятий, действует по промокоду при оплате в день первого обращения в школу.

Скидка

Записаться на курс

Процесс обучения

Посмотрите видео и узнайте, как проходит обучение школе PIXEL (Пиксель)

На занятиях мы используем современные методы обучения и технологии. Весь курс удобно разделен на модули — так ученикам проще переходить от простого к сложному.

Кому подойдет этот курс

Ребенок постоянно сидит за компьютером

Курс поможет освоить базовые навыки веб-дизайна

Ребенок всегда мечтал создать свой сайт

Ученики познакомятся с популярным графическим редактором и научатся создавать макет собственного сайта

Ребенок увлекается технологиями

Курс заложит фундамент знаний для всех, кто интересуется гаджетами и программированием

Программа обучения

Программа включает: теорию, практику и решение задач. Регулярно собираем обратную связь и непрерывно улучшаем нашу программу

Личный кабинет

Каждому ученику открыт доступ в личный кабинет, следите за успехами обучения*

*Личный кабинет доступен только в онлайн обучении

Домашние задания

После каждого занятия ученик получает домашнее задание, чтобы повторить тему и закрепить знания*

*Домашние задания доступны только в онлайн обучении

Геймификация учебного процесса

В процессе обучения ученик получает призы за результат. Дополнительная мотивация к знаниям

Что освоит ученик на курсе

Figma

Развитие логики

Навыки решения различных задач, разделение на подзадачи

Сервис для разработки интерфейсов и прототипирования

Создание сайтов

Основы архитектуры сайта, умение создавать веб-страницы

Пространственное мышление

Умение визуализировать и создавать объекты

Tilda

Навыки веб-дизайна

Умение создавать программу, понимание логики программирования

Блочный конструктор, позволяет создавать сайты, интернет-магазины, посадочные страницы и блоги

Zoom

Профессиональный сервис видеосвязи

iSpring

Сервис для дистанционного обучения

Развитие творчества

Создание креативных проектов в разных форматах

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

Образовательная лицензия №77635

На первом модуле курса по веб-дизайну ученики познакомятся с основами визуала: правилами композиции, типографики, цвета. Также будут изучены основные инструменты в Figma – платформе, с помощью которой создаются макеты сайтов и приложений. Полученные знания и навыки позволят собирать трендовые сайты и рекламные страницы товаров, используя принципы построения сбалансированной композиции и практики хорошего пользовательского опыта.

Ученики на занятиях:

Научатся составлять ассоциативную карту, матрицу посыла бренда (инструменты для определения стилистики будущего продукта);
Узнают, что такое мудборд, как работать с ним и доносить свою идею заказчикам;
Узнают основы композиции и правила работы с модульными сетками;
Научатся самостоятельно настраивать сетки и гармонично распределять по ним объекты;
Получат навыки подбора шрифтовых пар и цветовых палитр для проекта;
Будут закреплять навыки на практике, создавая новые проекты.

В результате первого модуля, используя полученные навыки, ученики создадут первый лендинг (сайт-одностраничник, созданный в рекламных целях) и его мобильную версию на заданную тематику.

Пример занятия:

На уроке разбираются основные инструменты Figma. Ученикам предлагается изучить существующую форму ввода (блок, где пользователь оставляет свои данные и нажимает на кнопку для связи с менеджером), проанализировать недочеты и нарушения композиции и собрать новую форму, используя полученные навыки о композиции и цвете.

При проектировании формы ввода дети учатся создавать простейшие элементы дизайна – поля ввода, кнопки. В результате должна получиться гармоничная, понятная и минималистичная форма ввода, верно организованная в слоях.

Методический план модуля:

Основы дизайна. Основные инструменты Figma;
Работа с мудбордом, ассоциативным полем;
Изучение модульных сеток, работа с адаптивным и “резиновым" дизайном;
Композиция. Основные правила и принципы создания крепкой и сбалансированной композиции;
Типографика – подбор шрифтовых пар, основные принципы работы с типографикой. Шрифтовые стили;
Цвет. Баланс цвета. Создание палитр для проекта. Стили;
Что такое компоненты и варианты в Figma;
Что такое auto layouts в Figma. Основные принципы организации проектов и макетов в Figma;
UI-кит. Зачем создавать дизайн-системы и как их организовывать в Figma;
Адаптивность. Что это такое и как создаются мобильные версии сайтов;
Как работать с иллюстрациями и изображениями. Навыки поиска, редактирования и подбора графических элементов для проекта;
Работа с заказчиком, как аргументировать стилистическое решение. Зачем нужны рекламные сайты (лендинги) и как создать продающий.

На втором модуле курса по веб-дизайну ученики познакомятся с основами прототипирования в Figma, изучат варианты анимации, освоят плагины для работы над проектами. Дети также изучат пользовательские сценарии, основы построения проекта, проведут первые исследования в сфере Юзабилити и паттернов веб-дизайна. Ребята научатся проводить аудит и делать редизайн устаревших сайтов. Полученные знания и навыки позволят в дальнейшем создавать кликабельные прототипы сайтов и мобильных приложений, создавать редизайн на основе исследований.

Ученики на занятиях:

Освоят основные варианты анимации в Figma;
Изучат пользовательские сценарии и научатся создавать их, исходя из потребностей пользователей;
Узнают, как усовершенствовать дизайн, самостоятельно проведут редизайн сайта;
Научатся использовать плагины в работе над проектами;
Изучат основы прототипирования;
Закрепят навыки на практике, создавая новые проекты.

В результате второго модуля, используя полученные навыки, ученики создадут кликабельные прототипы сайта и мобильного приложения из 3-5 экранов.

Пример занятия:

На одном из уроков мы разберем основные инструменты прототипирования, состояния компонентов и их переходы. Ученики смогут анимировать кнопку из задачи прошлого модуля, собрать главный экран с кнопкой и посмотреть его прототип с кликабельными элементами.
Изучая основы прототипирования, ребята будут прослеживать логику сценария и поведения пользователя при взаимодействии с интерфейсом.
В результате должен получиться экран с кнопкой, при клике на которую пользователь сможет совершить целевое действие.

Методический план модуля:

Прототипирование в Figma. Состояния элементов в прототипе;
Виды анимации в Figma;
Изучение пользовательских сценариев;
Паттерны взаимодействия и Юзабилити;
Виды исследований. Аудит приложения;
Изучение готовых сайтов. Гипотезы и редизайн;
Плагины и применение их в работе над проектом;
Проектирование иконок в Figma;
Прототипирование сайта. Навигация, переходы между страницами;
Создание мини-приложения. Часть 1: особенности работы над мобильным приложением;
Создание мини-приложения. Часть 2: работа над пользовательским сценарием и паттернами;
Прототипирование мобильного приложения.

В рамках третьего модуля ученики познакомятся с основами верстки текста в Figma, изучат стили веб-дизайна (глассморфизм и минимализм), познакомятся с эффектами параллакса и маски для работы над проектами. Поработают с различными наборами готовых иллюстраций в Figma. Также будут изучены основы бизнес-эмпатии, ученики узнают, что такое продукт и как с ним работать. Освоят новый конструктор сайтов Tilda. Полученные знания и навыки позволят в дальнейшем создавать кликабельные прототипы сайтов с анимационными эффектами, в различных стилях дизайна.

Ученики на занятиях:

Освоят основные правила верстки текста (копирайтинга);
Изучат самые популярные стили в веб-дизайне;
Узнают, что такое продукт и как с ним работать;
Научатся использовать иллюстрации в своих проектах;
Изучат новые приемы анимационных эффектов в Figma;
Будут закреплять навыки на практике, создавая новые проекты.

В результате третьего модуля, используя полученные навыки, ученики создадут кликабельный прототип сайта из 4 экранов с параллакс-эффектом.

Пример занятия:

На занятии разбираются основные стили веб-дизайна. Ученикам предлагается сначала угадать, в каких стилях выполнены сайты на тренажере насмотренности, затем создать один экран в выбранном стиле. Сделать экран кликабельным и проверить прототип. При изучении стилей ученики смогут увидеть основные различия и особенности направлений.

В результате должен получиться экран с кнопкой в одном из стилей веб-дизайна.

Методический план модуля:

Верстка текста. Роль текста в дизайне;
Композиция и стили в веб-дизайне. Минимализм;
Стили в веб-дизайне. Глассморфизм;
Эффекты в фигме. Маски;
Анимация в интерфейсе. Параллакс;
Бизнес-эмпатия. Тренажер насмотренности;
Что такое продукт и как с ним работать;
Иллюстрации для интерфейса;
Создание лендинга в конструкторе сайтов Tilda;
Все инструменты работы в Figma;
Создание сайта танцевального клуба с параллакс-эффектом;
Прототипирование сайта танцевального клуба.

Знакомство с методическими материалами по курсу

В материалы для занятия входят:

Подробный разбор теории с примерами;
Пошаговая инструкция по созданию проекта: простой программы, игры, элемента для сайта или другого;
Несколько задач для закрепления изученного материала: дети выполняют работу самостоятельно, а затем обсуждают с преподавателем решение.

На очных занятиях учебные материалы выводятся на экран с помощью проектора;
На онлайн-обучении вся теория, задания и тесты доступны в личном кабинете ученика.

Преподаватели опираются на методические разработки школы, а также делятся своим опытом и примерами из практики, чтобы помочь детям понять сложные темы.

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

Получите сертификат о прохождении курса

Отзывы о школе программирования для детей "Пиксель"

Проекты учеников школы "Пиксель"

Преподаватели

Посмотреть всю команду

Подробное описание курса

На курсе веб-дизайна для детей ребята 9-13 лет осваивают визуал в Figma: изучают правила композиции, цветовых сочетаний, типографики.

Используя полученные на уроках графического дизайна для школьников знания, ученики произведут смену визуального образа сайта, продумают веб-ресурс в трендовой стилистике, создадут рекламный баннер, сделают дизайн-систему и UI-кит.

Зачем детям изучать веб-дизайн с 9 лет

Направление графического дизайна для детей поможет развить творческие данные ребенка: чувство эстетики, вкус, а также раскрыть таланты и обзавестись опытом, который пригодится при проектировании web-страниц.

Занятия по Figma для детей позволят провести время приятно и с пользой, а также наметить путь дальнейшего развития в IT.

Что изучают на курсах веб-дизайна для младшеклассников

На занятиях по графическому дизайну с 3 класса дети исследуют функционал и инструменты платформы для реализации сайтов и приложений: ребята настраивают модульные сетки и распределяют объекты, изучают и оптимизируют существующие формы ввода и разрабатывают собственные идеи. Ученики создают слои макета и определяют приемы композиции, знакомятся с понятиями адаптивности и «резиновости».

Кроме того, пройдя обучение на курсе Figma, дети начнут погружение в бизнес-среду: научатся определять брендовую стратегию и составлять ассоциативную карту, отбирать референсы и презентовать задумки клиентам. В будущем такие специалисты смогут подбирать колористические и шрифтовые комбинации для проекта, находить подходящие графические элементы и иллюстрации. Курсы графического дизайна для школьников научат коммуникации с заказчиком и аргументации принятых решений.

Уже с 13 лет графический дизайн окажется не только увлекательным хобби, но и источником заработка — а пока юные веб-дизайнеры совершенствуют способности, копят знания и наращивают портфолио. Продолжение обучения графическому дизайну в начальной школе будет способствовать достижению уровня крепкого профессионала в области web-дизайна – и тогда ребенку не понадобятся курсы графического дизайна для начинающих, он сможет полноценно развиваться со своего уровня.

Преимущества обучения на курсе

Учиться веб-дизайну для детей весело и занимательно: задействуется игровой подход, а за усилия учащиеся 3-7 классов получают награды. Курс графического дизайна для детей 9-13 лет содержит теорию и практику: будущие дизайнеры приобретают новые полезные навыки и сразу применяют их при создании собственных проектов.

Выберите формат

Учебные классы

Видеоуроки от школы "Пиксель"

Материалы по веб-разработке и веб-дизайну для детей

Система скидок и оплаты

Налоговый вычет

У школы есть образовательная лицензия, это позволит получить налоговый вычет в размере 13% на обучение детей

Бонусные занятия

При покупке абонемента по рекомендации мы подарим по 2 занятия вам и вашему другу

Подробнее об акции

На очных занятиях есть возможность попробовать и принять решение о записи. Если ученик не записывается в группу, занятие оплачивать не нужно. При записи пробный урок входит в абонемент и списывается как первое занятие.

Выгодные абонементы

Бесплатное занятие

Выбирайте абонементы на целый модуль или курс: чем больше абонемент, тем меньше стоимость 1 занятия

Социальные скидки

Сниженная стоимость многодетным семьям и при записи 2-х детей из одной семьи: скидка на абонемент от 4 занятий 500 руб. на постоянной основе

Материнский капитал

Оплачивайте обучение ребенка доступными средствами

Рассрочка 50/50

Скидка новым клиентам

10% при приобретении абонемента от 12 занятий в день обращения

При покупке абонемента от 12 занятий. Оплачивайте удобно: внесите только 50% в день покупки, а оставшуюся сумму — в течение 30 дней

Нажимая кнопку оплаты, вы соглашаетесь с политикой конфиденциальности

Скидка 10% для новых клиентов при записи в день обращения*

Сэкономьте 13%
Вы можете вернуть 13% денег через налоговый вычет.

* Скидка действует по промокоду на покупку первого абонемента от 12 занятий и более, оплатите курс в день обращения и получите скидку. Новым считается клиент, прежде ни разу не приобретавший абонемент в школе.

Запишитесь на курс, и мы свяжемся с вами для проведения консультации