Дизайн сайта в Figma с нуля

Описание

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

Автор, который записал данный видеокурс является:

1. Основателем дизайн-студии «Hiiro»;
2. Создал сотни дизайн-проектов, сотрудничал с более 30 дизайн-студиями России;
3. Работал с такими брендами, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими;
4. Автором образовательных курсов по дизайну.

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

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

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

План на обучение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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