Основы Figma + ИИ

Инструменты Figma, работа с графикой и создание адаптивных интерфейсов с блоком нейросетей для дизайнеров.

БруноямОнлайн-школа
Основы и применение ИИ

О курсе

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

Обучение охватывает следующие темы: Интерфейс Figma; Особенности работы с графическими элементами в Figma; Профессиональные инструменты Figma; Дополнительные инструменты Figma; Работа с изображениями. Далее изучаются: Проектирование и создание дизайна сайта; Создание адаптивных интерфейсов; Нейросети для дизайнеров.

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

  1. Работать с графическими элементами Figma
  2. Проектировать дизайн сайта
  3. Готовить адаптивные интерфейсы
Кому подходит

Начинающим пользователям Figma и будущим веб-дизайнерам.

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

Полная программа
01Интерфейс Figma

Как зарегистрироваться в Figma и создать первый проект; Какие типы проектов можно разрабатывать в Figma; Основные инструменты программы и их назначение; Как работать с фреймами: создавать, редактировать и экспортировать.

02Особенности работы с графическими элементами в Figma

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

03Профессиональные инструменты Figma

Как создавать динамичные элементы с Auto Layout; Работа со стилями и сборка UI-kit для единообразия проекта; Использование компонентов и их вариантов для быстрого редактирования дизайна; Горячие клавиши и профессиональные приёмы работы в Figma.

04Дополнительные инструменты Figma

Как работать в FigJam: мозговые штурмы, схемы, командное взаимодействие; Инструменты прототипирования: настройка переходов, анимаций и взаимодействий; Использование Figma Mirror для тестирования макетов на мобильных устройствах; Плагины Figma: генерация контента, работа с цветом, аватары, изометрия и многое другое.

05Работа с изображениями

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

06Проектирование и создание дизайна сайта

Что такое прототипирование и зачем оно нужно; Какие бывают типы прототипов (lo-fi, hi-fi, вайрфреймы); Как разрабатывать дизайн-концепцию сайта; Основные этапы создания дизайна: выбор цветовой гаммы, шрифтов, композиции.

07Создание адаптивных интерфейсов

Что такое адаптивный дизайн и как он работает на разных устройствах; Основные разрешения экранов и брейкпоинты для адаптации сайтов; Разница между адаптивным и респонсив-дизайном; Подход Mobile First и его преимущества.

08Нейросети для дизайнеров

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

Автор курса

Онлайн-школа

Бруноям

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

30курсов по ИИ
Все курсы автора

Другие курсы по теме