[Иван Процко] Дизайн сайта в Figma с нуля (2021)

Учебный план
Модуль 1. Введение в профессию.

• Об авторе.
• Ответы на самые часто задаваемые вопросы.
• Какими бывают веб-дизайнеры?
• Основы сайтостроения.
• Проектирование продающего сайта.
• Минимальные системные требования для запуска Figma.

Модуль 2. Практика создания дизайна.

• Как скачать и начать пользоваться Figma?
• Нюансы перед началом работы.
• Копирование файла библиотеки компонентов.
• Настройка содержания блоков.
• Создание сайта из готовых блоков.
• Ввод текста.
• Добавление изображений.
• Оформление блоков и элементов страниц.

Модуль 3. Пошаговая инструкция создания дизайна сайта с нуля.

Модуль 4. Справочник Figma.

• Как скачать программу?
• Как открыть программу?
• Экран недавно просмотренных файлов.
• Поиск файлов.
• Черновики.
• Панель закладок.
• Контекстная панель экрана.
• Техническая поддержка в Figma.
• Создание новой категории.
• Создание нового проекта.
• Создание нового файла в программе.
• Обзор интерфейса.
• Панель инструментов.
• Инструмент перемещения.
• Инструмент масштабирования.
• Создание арт-бордов.
• Фигуры в программе.
• Работа с текстом в программе.

Модуль 5. Теория и практика веб-дизайна. Часть 1.

• Копирование, дублирование арт-бордов.
• Создание интерфейсной и колоночной сетки.
• Практика использования инструментов Text и Rectangle.
• Сборка дизайна из готовых компонентов секций.
• Создание блоков и секций сайта с нуля.
• Перенос текста из брифа в макет, добавление изображения.
• Изменения цвета фона секций.
• Уровни цвета, их применение в дизайне.
• Домашняя работа.

Модуль 6. Теория и практика веб-дизайна. Часть 2.

• Блочный стиль.
• Сборка секций из деталей.
• Перенос текста из технического задания от клиента.
• Объединение секций с помощью общего фона.
• Создание поисков и векторных изображений.
• Работа с цветом и контрастом.
• Домашнее задание.

Модуль 7. Теория и практика веб-дизайна. Часть 3.

• Бесшовный стиль, закономерности его построения.
• Уместный текст.
• Поиск и добавление изображений.
• Бесшовная модульная сетка.
• Пропорции блоков.
• Затемнение текста.
• Домашнее задание.

Модуль 8. Теория и практика веб-дизайна. Часть 4.

• Комбинированный стиль.
• Адаптивный и резиновый дизайн.
• Размеры сеток для адаптов.
• Кликабельные элементы и их состояние.
• Таблица состояний.
• Исходные файлы.
• Домашнее задание.

Модуль 9. Как работать с заказчиками?

• Оценка стоимости своей работы.
• Как и где искать клиентов?
• Как взаимодействовать с клиентами, договариваться об оплате?