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

Веб-дизайн Figma для детей от 12 лет

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

Цели курса: развитие навыков веб-дизайна в Figma и Tilda, создание сайтов с нуля

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

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

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

5/5

Формат

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

Структура

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

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

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

Программа

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

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

Возраст

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

Классы

Уровень

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

Курс подойдет учащимся 6-11 классов

Группа

10

%

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

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

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

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

Скидка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Figma

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

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

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

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

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

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

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

Tilda

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

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

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

Zoom

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

iSpring

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

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

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

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

Образовательная лицензия №Л035-01255-50/00822552

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все отзывы

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

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

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

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

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

Зачем детям изучать Figma?

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

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

Что изучают дети на курсе по Figma?

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

Последние занятия компьютерных курсов для детей посвящены повторению пройденного материала: это способствует укреплению в памяти новых знаний.

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

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

Курс по Figma для школьников состоит из 12 занятий, каждое из которых длится 90 минут. Обучение веб-дизайну после 9 класса проводится как персонально, так и в группах. На онлайн-уроках по графическому дизайну с 13 лет предусмотрены домашние задания, которые выполняются в личном кабинете.

Ученик овладеет не только программами по графическому дизайну для школьников: дистанционный формат позволит получить опыт работы по видеосвязи в Zoom и освоить сервис для удаленной учебы iSpring. Взаимодействие с техническими платформами на онлайн-курсах графического дизайна для школьников повышает уровень цифровой грамотности и адаптированность к технологическим реалиям.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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