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

serafim

Житель Разулы
Команда форума
Разула в сердце
Регистрация
25 Апр 2016
Сообщения
78.864
Реакции
188.555
Ra
243.547
[Иван Процко] Дизайн сайта в Figma с нуля (2021)

Полный пошаговый онлайн-курс о том, как работать с программой 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 и другими.
• Автор образовательных курсов по дизайну.
СКАЧАТЬ
 

Теги по которым нашли тему

  1. figma
Сверху