Айтигенио – Веб-дизайн и создание сайтов в Figma и Tilda

Программа

На изучение данного курса на базовом уровне без дополнительных тем потребуется от 70 до 80 часов. На углубленном уровне с дополнительными темами - от 90 до 100 часов.

Figma

Модуль 1. Основы и интерфейс (25 – 30 ч)
На этом этапе ребенок изучает все базовые инструменты, с помощью которых уже можно сделать свой первый простой сайт.

Основные темы:

• Знакомство с Figma
• Маски и режимы наложения
• Перо
• Плагины
• Создание иллюстраций

К концу модуля ученик:

• Умеет рисовать пером простые формы, в том числе с закругленными углами;
• Знает, что такое маски, может, например, сделать "круглую аватарку";
• Умеет создавать все виды градиентов;
• Знает, как загрузить и запустить плагины;
• Умеет скачивать и вставлять картинки из интернета, в том числе иконки svg;
• Умеет редактировать текст;
• Знает, как удалять, копировать, вырезать объекты, как переставить слои местами.

Модуль 2. Макетирование и прототипирование (15 – 20 ч)
Ребенок учится создавать интерактивные прототипы и расставлять акценты, работает над интернет-магазином.

Основные темы:

• Модульная сетка
• Акценты в веб дизайне
• Создание макета адаптивного сайта
• Создание прототипа в Figma
• Проектирование в веб-дизайне
• Макет страницы магазина в Figma
• UI кит.

К концу изучения модуля ученик:

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

Модуль 3. Продвинутые инструменты (10 – 12 ч)
Ученик узнает про стили и компоненты, учится делать большие и понятные таблицы, списки. Также он изучает, как лучше организовать фильтры в интернет-магазине.

Основные темы:

• Стили и Компоненты
• Оформление работы в портфолио
• Таблицы

К концу изучения модуля ученик:

• Умеет создавать стили и компоненты;
• Знает, как сделать инстанс компонента и как он взаимодействует с мастером компонентом;
• Знает, как сделать список;
• Умеет оформлять таблицы.

Tilda

Модуль 4. Основы создания сайтов (18 – 20 ч)
Каждый ученик получает доступ к премиум аккаунту Tilda. Ребенок создает свой первый лендинг, учится работать с zero-блоками, которые выводят пользовательские возможности на новый уровень. Также ученик работает с каталогом, 3D визуалом.

Основные темы:

• Знакомство с конструктором Тильда
• Первый Landing
• Знакомство с нулевым блоком
• Создание одностраничного интернет-магазина
• Работа с каталогом
• Перенос макета из Figma

К концу изучения модуля ученик:

• Может создать лендинг на Тильда с использованием готовых блоков;
• Умеет работать с Zero-блоком и настраивать готовые блоки;
• Может защитить контент на сайте от копирования;
• Знает, как сделать email-рассылку
• Умеет переносить сайт из Figma в Tilda.

Модуль 5. Веб-анимация (8 – 10 ч)
Ученик изучает различные визуальные эффекты, знакомится с простой анимацией и step-by-step animation.

Основные темы:

• Создание пошаговой анимации
• Эффект печатной машинки, эффект частиц, бегущая строка
• Пошаговая анимация.

К концу изучения модуля ученик:

• Может вставить на сайт базовую анимацию;
• Умеет настраивать step-by-step анимацию;
• Знаком с различными визуальными эффектами, например, эффектом частиц;
• Умеет применять на сайте html-блоки.

Модуль 6. Анализ и продвижение (4 – 6 ч)
Ребенок знакомится с основами SEO-продвижения и изучает работу с Google Analytics.

Основные темы:

• UTM-метки
• Веб-аналитика сайта
• Google Analytics
• SEO продвижение сайта

К концу изучения модуля ученик:

• Умеет базово оптимизировать сайт для поисковых систем;
• Умеет подключать Google Search Console;
• Может создать свой рекламный аккаунт в Google Analytics.