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

Пандора · 4 апр 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. Как работать с заказчиками?

Оценка стоимости своей работы.

Как и где искать клиентов?

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

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

Пандора · 27 июн 2021

Уведомляем вас о начале сбора взносов.
Цена продукта: 1450 руб. Взнос с каждого участника: 176 руб.
Кол-во участников в основном списке: 2 чел.

Начало сбора взносов 30 Июнь 2021 года

Джонни Депп · 29 июн 2021

гость Присоединяйся на складчины

[Karina Kino] Добрая школа рисования (Карина Кино)

[Skillbox] Графический дизайнер с 0 до PRO (Максим Алимкин)

Трафарет в иллюстрации. Практический курс марии титовой (Мария Титова)

uchenik905 · 4 июл 2021

Дизайнеры и разработчики! В этих сферах нужны хорошие спецы:

1) Курс для разработчиков VR&AR игр [Skillbox] 2020
В состав входят 7 курсов по разработке + жирные бонусы. Материал на этапе доступно!

2) UX-дизайнер с нуля до PRO [Skillbox] 2020
24 модуля, более 110 уроков, 28 часов теории и практики от ведущих
проектировщиков страны. Весь материал на этапе - доступно!

3) Предыдущий курс UX дизайн 2.0 [Skillbox + AIC] 2018-2019
Его нет на официальном сайте. Он снят с продаж, но полностью доступен здесь!

4) Курс по созданию сайтов без кода на конструкторе Webflow
Видео материал - 69 минут. Плюс несколько курсов по этой же теме в подарок!

Присоединяйтесь к складчикам!

Sofa4ka · 17 окт 2021

Новый курс от Школы Тильда. Других потоков данного курса, скорее всего, не будет!!!

Скрытый текст. Открывается зарегистрированным пользователям.

Курс о UX/UI дизайне, о том:

как развивать свою креативность, в том числе и в фестивальных сайтах (таких как AWWWARDS),

как правильно презентовать свой дизайн заказчику и продавать его дороже