Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]

[ALL DAR Bot]

Автор: Антон Ларичев, Елена Кострикова
Название: Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]

Описание:
Складчина: Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]

Полный курс по дизайну и работе в Figma с нуля до первого макета

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

Мы начнём с самых основ: после установки Figma разберёмся с базовыми инструментами, формами и текстом. Затем углубимся в типографику и посмотрим, как правильно выстраивать иерархию текста. После этого изучим теорию цвета и применим полученные знания на практике, создавая полноценный макет.

Далее мы начнём структурировать проект с использованием Auto Layout и создадим профессиональный макет страницы регистрации. В финале курса реализуем крупный проект — landing page, применив все полученные навыки.

Чему вы научитесь?

• После прохождения курса вы сможете:
  
• Создавать макеты в Figma
  
• Разбираться в основах типографики
  
• Понимать основы цветовой теории
  
• Использовать Auto Layout для адаптивных интерфейсов
  
• Работать с иконками и векторными элементами
  
• Использовать принципы атомарного дизайна
  
• Работать с Figma на базовом уровне
  
• Применять правила композиции и контраста

План курса

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

1. Введение

• 1.1 О веб-дизайне
  
• 1.2 Как устроен курс
  
• 1.3 Обзор проектов
  
• 1.4 Обзор курсов
  
• 1.5 Знакомство с преподавателем
  
• 1.6 Работа на платформе
  
• 1.7 AI и тренажёры

2. Настройка окружения

• 2.1 Знакомство с Figma
  
• 2.2 Регистрация в Figma. Тарифы
  
• 2.3 Установка Figma - MacOS
  
• 2.4 Установка Figma - Windows
  
• 2.5 Установка шрифтов

3. Основы работы в Figma

• 3.1 Обзор интерфейса. Часть 1
  
• 3.2 Обзор интерфейса. Часть 2
  
• 3.3 История версий. Хоткеи
  
• 3.4 Frame, группа, секция
  
• 3.5 Привязки в Figma
  
• 3.6 Страницы. Слои. Поиск
  
• 3.7 Булевы операции
  
• 3.8 Упражнение - Черновой прототип
  
• 3.9 Тест - Основы работы в Figma

4. Типографика

• 4.1 Принцип близости
  
• 4.2 Инструмент - Текст. Часть 1
  
• 4.3 Инструмент - Текст. Часть 2
  
• 4.4 Отступы в дизайне
  
• 4.5 Вёрстка текста. Часть 1
  
• 4.6 Вёрстка текста. Часть 2
  
• 4.7 Плагин для работы с текстом
  
• 4.8 Упражнение - Отступы
  
• 4.9 Упражнение - Вёрстка текста
  
• 4.10 Текстовые стили
  
• 4.11 Тест по типографике

5. Работа с цветом

• 5.1 Основы работы с цветом
  
• 5.2 Заливка
  
• 5.3 Градиенты
  
• 5.4 Работа с изображениями
  
• 5.5 Цветовые модели в Figma
  
• 5.6 Система для работы с цветом
  
• 5.7 Подбор цветовой палитры
  
• 5.8 Упражнение - Подбор цвета
  
• 5.9 Цветовые стили
  
• 5.10 Упражнение - Цветовые стили
  
• 5.11 Эффекты
  
• 5.12 Тест - Работа с цветом

6. Auto layout

• 6.1 Расположение элементов
  
• 6.2 Отступы и выравнивание
  
• 6.3 Поведение элементов
  
• 6.4 Абсолютное позиционирование
  
• 6.5 Min и max по высоте и ширине
  
• 6.6 Создание списка при помощи
  
• 6.7 Инструмент Обводка
  
• 6.8 Упражнение - Создание табов
  
• 6.9 Упражнение - Создание карточки
  
• 6.10 Тест - Auto layout

7. Работа с иконками

• 7.1 Формат, виды, основные принципы работы с иконками
  
• 7.2 Инструмент Scale
  
• 7.3 Упражнение - Создание инпутов и подбор иконок
  
• 7.4 Тест - Работа с иконками

8. Атомарный дизайн

• 8.1 Определение, основные понятия
  
• 8.2 Основные преимущества использования
  
• 8.3 Сбор формы
  
• 8.4 Тест - Атомарный дизайн

9. Практический блок

• 9.1 Дизайн лендинга. Часть 1
  
• 9.2 Дизайн лендинга. Часть 2
  
• 9.3 Дизайн лендинга. Часть 3
  
• 9.4 Дизайн лендинга. Часть 4
  
• 9.5 Дизайн лендинга. Часть 5
  
• 9.6 Дизайн лендинга. Часть 6
  
• 9.7 Дизайн лендинга. Часть 7

10. Куда двигаться дальше

• 10.1 Куда двигаться дальше

Авторы курса:

Автор курса - Антон Ларичев

Основатель PurpleSchool

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

Автор курса - Елена Кострикова

Ведущий веб-дизайнер

Мой опыт в дизайне более 5 лет. Работала над проектами разного масштаба — от сайтов и лендингов до CRM-систем для бизнеса. Люблю создавать дизайн, в котором сочетаются удобство, красота и функциональность. Для меня важно, чтобы визуальные решения не только радовали глаз, но и помогали пользователям

Тариф Самостоятельный

Цена: 3999 руб.

Скрытая ссылка

Материал «Основы дизайна и Figma [Тариф Самостоятельный] [PurpleSchool] [Антон Ларичев, Елена Кострикова]», возможно, скоро появится на All-DAR.

Пройдите регистрацию и оформите Premium подписку, чтобы первым получить доступ, и воспользуйтесь поиском — может быть, он уже опубликован.​