Веб-дизайн в Figma для детей и подростков

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

Ознакомьтесь с программой курса «Веб-дизайн в Figma для детей и подростков» от EasyPro Academy - easypro.academy

1. Интерфейс Figma, настройки и горячие клавиши - 2 часа. Изучим интерфейс Figma: познакомимся с рабочей областью, панелями инструментов и настройками. Освоим горячие клавиши для ускорения работы и повысим продуктивность.
2. Инструменты рисования: фигуры, кривые и Pen Tool - 3 часа. Освоим инструменты рисования в Figma: создание фигур, работу с кривыми и Pen Tool. Научимся рисовать сложные контуры и векторные элементы.
3. Организация проекта: работа со слоями и группами - 2 часа. Научимся организовывать проект: работать со слоями, группами и фреймами. Разберём принципы структурирования макетов для удобства редактирования и совместной работы.
4. Подбор цвета: палитры, градиенты и контрастность - 2 часа. Изучим подбор цветов: создание палитр, работу с градиентами и проверку контрастности. Научимся подбирать гармоничные сочетания и соблюдать стандарты доступности.
5. Работа с текстом: шрифты, кернинг и иерархия - 3 часа. Освоим работу с текстом: выбор шрифтов, настройку кернинга, межстрочного интервала и иерархии. Разберём правила типографики и оформление текстовых блоков.
6. Построение композиции: выравнивание и модульные сетки - 2 часа. Научимся строить композицию: использовать выравнивание, модульные сетки и направляющие. Разберём принципы баланса и визуальной гармонии в дизайне.
7. Создание макета сайта и базовое прототипирование - 3 часа. Создадим макет сайта: от эскиза до детализированного прототипа. Освоим базовые техники прототипирования и настройку переходов между экранами.
8. Дизайн UI-элементов: кнопки, формы и карточки - 3 часа. Разработаем UI‑элементы: кнопки, формы ввода, карточки и другие интерактивные компоненты. Изучим принципы дизайна интерфейсов и удобство использования.
9. Добавление иконок и изображений, работа с масками - 2 часа. Научимся добавлять иконки и изображения в макеты. Освоим работу с масками: создание сложных форм и обрезку изображений.
10. Создание анимаций и микроинтеракций - 2 часа. Создадим анимации и микроинтеракции: переходы, наведение, клики. Изучим инструменты прототипирования Figma для оживления интерфейса.
11. Адаптивный дизайн: Auto Layout и Constraints - 3 часа. Освоим адаптивный дизайн: работу с Auto Layout и Constraints. Научимся создавать макеты, которые корректно отображаются на разных устройствах и размерах экрана.
12. Работа с компонентами и библиотеками стилей - 2 часа. Изучим работу с компонентами и библиотеками стилей. Научимся создавать повторно используемые элементы, управлять стилями и поддерживать единообразие дизайна.
13. Экспорт готовых макетов в SVG и PNG - 1 час. Научимся экспортировать готовые макеты в форматах SVG и PNG. Разберём настройки экспорта, оптимизацию файлов и подготовку к передаче разработчикам.
14. Подготовка дизайна для печати: CMYK и разрешение - 1 час. Подготовим дизайн для печати: изучим цветовые модели (CMYK), настройки разрешения и требования типографий. Разберём отличия веб‑ и печатного дизайна.
15. Основы SEO: семантические элементы и alt-тексты - 1 час. Познакомимся с основами SEO в дизайне: использование семантических элементов, заполнение alt‑текстов для изображений. Научимся учитывать поисковые факторы при проектировании интерфейсов.

Чему вы научитесь

• Научитесь создавать и применять: создание анимаций и микроинтеракций.
• Изучим интерфейс Figma познакомимся с рабочей областью, панелями инструментов и настройками. Освоим горячие клавиши для ускорения работы и повысим продуктивность.
• Изучим подбор цветов создание палитр, работу с градиентами и проверку контрастности. Научимся подбирать гармоничные сочетания и соблюдать стандарты доступности.
• Познакомимся с основами SEO в дизайне использование семантических элементов, заполнение alt‑текстов для изображений. Научимся учитывать поисковые факторы при п…
• Научимся организовывать проект работать со слоями, группами и фреймами. Разберём принципы структурирования макетов для удобства редактирования и совместной р…