Описание
В этом курсе автор подробно расскажет, как работать в Figma - одной из самых популярных бесплатных графических программ, разберет весь ее инструментарий и принципы его использования.
Автор, который записал данный видеокурс является:
- Основателем дизайн-студии «Hiiro»;
- Создал сотни дизайн-проектов, сотрудничал с более 30 дизайн-студиями России;
- Работал с такими брендами, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими;
- Автором образовательных курсов по дизайну.
Пошагово продемонстрирует создание продающих сайтов с нуля или с использованием готовых блоков, делая акцент на удобном пользовательском интерфейсе. Даст базовые знания по сайтостроению и веб-дизайну, покажет, как работать с текстом, цветом, композицией, как создавать коммерческие сайты, адаптивный дизайн, и многое другое.
Отдельный модуль курса посвящен тому, как взаимодействовать с заказчиками, рассчитывать стоимость своих услуг. Эта информация будет актуальной для тех, кто захочет перейти на фриланс и использовать полученный навык как основной или дополнительный вид деятельности.
Информация подается простым языком, все этапы работы с программой наглядно демонстрируются на экране. Курс подойдет как новичкам, так и тем, кто уже работает в веб-дизайне, но хочет углубить свои знания. Для закрепления и отработки полученных навыков по прохождению каждого модуля есть домашние задания. После прохождения курса выдается диплом.
План на обучение
Модуль 1. Введение в профессию.
- Об авторе;
- Ответы на самые часто задаваемые вопросы;
- Какими бывают веб-дизайнеры?
- Основы сайтостроения;
- Проектирование продающего сайта;
- Минимальные системные требования для запуска Figma.
Модуль 2. Практика создания дизайна.
- Как скачать и начать пользоваться Figma?
- Нюансы перед началом работы;
- Копирование файла библиотеки компонентов;
- Настройка содержания блоков;
- Создание сайта из готовых блоков;
- Ввод текста;
- Добавление изображений;
- Оформление блоков и элементов страниц.
Модуль 3. Пошаговая инструкция создания дизайна сайта с нуля.
Модуль 4. Справочник Figma.
- Как скачать программу?
- Как открыть программу?
- Экран недавно просмотренных файлов;
- Поиск файлов;
- Черновики;
- Панель закладок;
- Контекстная панель экрана;
- Техническая поддержка в Figma;
- Создание новой категории;
- Создание нового проекта;
- Создание нового файла в программе;
- Обзор интерфейса;
- Панель инструментов;
- Инструмент перемещения;
- Инструмент масштабирования;
- Создание арт-бордов;
- Фигуры в программе;
- Работа с текстом в программе.
Модуль 5. Теория и практика веб-дизайна. Часть 1.
- Копирование, дублирование арт-бордов;
- Создание интерфейсной и колоночной сетки;
- Практика использования инструментов Text и Rectangle;
- Сборка дизайна из готовых компонентов секций;
- Создание блоков и секций сайта с нуля;
- Перенос текста из брифа в макет, добавление изображения;
- Изменения цвета фона секций;
- Уровни цвета, их применение в дизайне;
- Домашняя работа.
Модуль 6. Теория и практика веб-дизайна. Часть 2.
- Блочный стиль;
- Сборка секций из деталей;
- Перенос текста из технического задания от клиента;
- Объединение секций с помощью общего фона;
- Создание поисков и векторных изображений;
- Работа с цветом и контрастом;
- Домашнее задание.
Модуль 7. Теория и практика веб-дизайна. Часть 3.
- Бесшовный стиль, закономерности его построения;
- Уместный текст;
- Поиск и добавление изображений;
- Бесшовная модульная сетка;
- Пропорции блоков;
- Затемнение текста;
- Домашнее задание.
Модуль 8. Теория и практика веб-дизайна. Часть 4.
- Комбинированный стиль;
- Адаптивный и резиновый дизайн;
- Размеры сеток для адаптов;
- Кликабельные элементы и их состояние;
- Таблица состояний;
- Исходные файлы;
- Домашнее задание.
Модуль 9. Как работать с заказчиками?
- Оценка стоимости своей работы;
- Как и где искать клиентов?
- Как взаимодействовать с клиентами, договариваться об оплате?