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

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

Полный пошаговый онлайн-курс о том, как работать с программой Figma, создавать дизайн сайтов с нуля без специального образования и навыков. Автор курса — основатель дизайн-студии, работает в веб-дизайне более 13 лет, сотрудничал с такими компаниями, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими

Курс о том, как
• Работать с программой Figma.
• Работать с готовыми блоками в Figma.
• Проектировать и создавать визуально привлекательные, продающие сайты.
• Работать с текстом, цветом и композицией.
• Создавать коммерческие сайты.
• Делать удобные сайты, которые будут простыми и понятными для пользователя.
• Готовить материалы для публикации на сайте.
• Оценивать свою работу, искать и взаимодействовать с заказчиками, договариваться об оплате и прочее.

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

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

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

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


Учебный план

Модуль 1. Введение в профессию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Об авторе
Процко Иван
• Более 13 лет работы в веб-дизайне.
• Основатель дизайн-астудии «Hiiro».
• Создал сотни дизайн-проектов, сотрудничал с более 30 дизайн-студиями России.
• Работал с такими брендами, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими.
• Автор образовательных курсов по дизайну.