обучение на дизайнера интерфейсов онлайн — Skillbox

Участвует в Чёрной пятнице Скидки до 60% действуют 0 дней 00:00:00

Курс

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

• ★ 4,88 из 5 на основе 4 572 оценок курса
• Длительность 8 недель
• Лайфхаки от профессиональных дизайнеров
• Обучение на практике
• Доступ к курсу навсегда

Figma — любимый инструмент веб- и UX-дизайнеров по всему миру. С его помощью можно быстро создавать интерактивные прототипы будущих веб-сайтов, сервисов и приложений. А ещё один макет в Figma могут одновременно редактировать несколько человек — это идеальный инструмент для командной работы.

Кому подойдёт этот курс

• Новичкам в веб-дизайне

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

• Веб-дизайнерам без опыта работы в Figma

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

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

1. Профессионально работать в Figma

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

2. Готовить адаптивные макеты

   Сможете создавать прототипы с разной степенью детализации и адаптировать их под любые устройства.

3. Добавлять интерактив в прототипы

   Освоите базовую анимацию. Сможете наглядно показать заказчику, как клиенты будут пользоваться продуктом.

4. Создавать компоненты и библиотеки стилей

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

5. Работать над проектом в команде

   Освоите продвинутые инструменты, чтобы лучше планировать работу, быстро вносить правки и согласовывать макеты.

6. Передавать макет в разработку

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

Год английского языка бесплатно

Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.

Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.

Вас ждут:

• методика ускоренного запоминания слов и грамматики;
• персональная программа освоения языка, которая поможет заговорить с нуля;
• возможность индивидуальных сессий с кураторами.

Ваши будущие работы

Создавайте эстетичные макеты для desktop и с лёгкостью адаптируйте их для mobile.

О Skillbox

Skillbox

№ 1 по качеству организации обучения среди EdTech-компаний в сегменте ДПО. Рейтинг от Smart Ranking.

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

Как проходит обучение на платформе

• Регистрация
  

  Знакомитесь с платформой

  Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

• Теория
  

  Получаете знания

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

• Практика
  

  Выполняете задания

  Мы уверены, что навыки отрабатываются только через практику. Поэтому после теории вас ждёт практическая работа или тест. Все задачи приближены к реальным — их можно с гордостью положить в портфолио.

• Обратная связь
  

  Работаете с куратором

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

1. Знакомство с Figma

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

2. Иконки, иллюстрации и картинки

   Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.

3. Компоненты

   Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.

4. Библиотеки компонентов и общие стили

   Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

5. Auto Layout и Variants

   Поймёте, как объединить макеты в единую систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

6. Сложные многостраничные документы

   Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

7. Дополнительные возможности и сообщество авторов

   Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.

8. Подготовка макета для разработчиков

   Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Получить презентацию курса и консультацию специалиста

Ваша заявка успешно отправлена

Наш менеджер свяжется с вами в ближайшее время

Скачать программу Скачать программу

Спикер

Работы спикера

Часто задаваемые вопросы

• Я никогда не работал в Figma. У меня получится?

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

• На курсе меня научат веб-дизайну?

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

  Если вы только начинаете свой путь в веб-дизайне, советуем также пройти курс «Веб-дизайн с нуля до PRO». Здесь вы с нуля научитесь создавать макеты сайтов и приложений, работать с заказчиками и презентовать проекты. А навык работы в Figma поможет вам быстрее справляться с домашними заданиями.

• Что мне потребуется для работы? Надо ли что-то покупать?

  Покупать ничего не нужно. Мы будем работать в бесплатной версии Figma — там есть все необходимые инструменты.

  Для работы с программой понадобится браузер последней версии:
  • Chrome 63+,
  • Firefox 58+,
  • Safari 11.1+,
  • Microsoft Edge 79+.

• Какой график обучения? Получится ли совмещать его с работой?

  Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение с работой и личной жизнью. Более того, все уроки будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.

• Сколько часов в неделю мне нужно будет уделять учёбе?

  Всё зависит только от вас. В среднем наши студенты занимаются от 3 до 5 часов в неделю.

• Я смогу общаться с преподавателями?

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

• Действуют ли какие-нибудь программы рассрочки?

  Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.

• Санкт-Петербург
• Алматы
• Киев
• Минск
• Москва
• Санкт-Петербург
• Алматы

• Волгоград
• Воронеж
• Екатеринбург
• Казань
• Красноярск
• Нижний Новгород
• Новосибирск
• Омск
• Пермь
• Ростов-на-Дону
• Уфа
• Челябинск

ТОП-20 бесплатных курсов по Figma [2021] для начинающих с нуля

Автор Алексей Шаполов На чтение 17 мин Просмотров 23. 7к.
Обновлено 23.10.2022

Для начинающих с нуля в 2021 году.

1. «Figma. Начальный уровень» от GeekBrains

Пройти курс

Длительность: 5 уроков, каждый по 30 минут.

Формат: видеоуроки + домашние задания.

С сертификатом

Программа обучения:

1. Вводный урок: Swatch Library.
2. Text styles.
3. Buttons.
4. Constrains.
5. Навигация.

Чему научитесь: пользоваться графическим редактором Figma на базовом уровне и с его помощью делать несложные макеты сайтов.

Преимущества:

• Все видеоуроки доступны с момента записи на курс и всегда будут доступны в личном кабинете.

Недостатки:

• Не предусмотрена выдача диплома.
• Отсутствие проверки домашних заданий.

Преподаватель: Илья Полянский. Ведущий дизайнер цифровых продуктов в «Почте России». Опыт работы — 7 лет.

💰 На правах рекламы. «Профессия UX/UI-дизайнер» от Contented 💰

Начать обучение

Продолжительность курса: 9 месяцев.

Документ об окончании: удостоверение о повышении квалификации установленного образца.

Формат: видеоуроки + домашние задания с проверкой и обратной связью от личного наставника + общение с другими студентами в закрытом комьюнити + удалённая стажировка.

Программа обучения:

1. Figma.
2. Базовый курс по дизайну.
3. Дизайн интерфейсов.
4. UX-исследования.
5. Специализация на выбор — дизайн мобильных приложений или дизайн веб-интерфейсов.
6. Дипломный проект.

Чему научитесь:

• Проводить UX-исследования
• Создавать пользовательские сценарии взаимодействия через Customer Journey Maps
• Создавать интерактивные прототипы
• Измерять качество взаимодействия с интерфейсом с помощью продуктовых метрик
• Подготавливать дизайн для передачи в разработку
• Создавать удобные и современные интерфейсы
• Использовать принципы графического дизайна
• Создавать дизайн-системы на основе базовых элементов
• Создавать и защищать дизайн-концепции
• Раскрывать свои идеи в редакторе Figma

Особенности:

• Готовое портфолио по окончании обучения
• Гарантированная помощь в трудоустройстве
• Доступ к курсу навсегда
• Бесплатная консультация для желающих начать обучение
• Выпускники Contented работают дизайнерами в Mail. ru Group, OZON, Avito, «Рамблере», «Ростелекоме», Beeline
• Можно оплачивать обучение в рассрочку до 24 месяцев

Узнать подробнее

2. «Основы Figma» от «Нетологии»

Пройти курс

Длительность: 16 лекций общей продолжительностью 17 часов, 7 из них уделено теории, а оставшиеся практике.

Формат: видеолекции и упражнения.

Без сертификата

Программа:

1. Введение в Figma.
2. Рекламный баннер.
3. Работа с интерфейсом.
4. Лендинг.
5. Адаптивный дизайн.
6. Мобильное приложение.
7. Компоненты и стили.
8. Кликабельный прототип приложения.

Чему научитесь:

• Пользоваться ключевыми инструментами Figma.
• Строить сетку, работать с текстами и пространством.
• Основам UX/UI-дизайна.
• Созданию лендингов и макетов сайтов
• Дизайну мобильных приложений.

Преимущества:

• Знакомство с программным обеспечением профессиональных дизайнеров.
• Много практики.
• Дополнительные материалы к каждому занятию.
• Все видеоуроки всегда доступны в личном кабинете.

3. «Бесплатный курс: Веб-дизайн с нуля» от YouTube-канала «Уроки Web, Mobile и UI/UX дизайна в Figma»

Пройти курс

Длительность: 84 урока, продолжительность от 10 секунд до 10 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: студенты рассмотрят все аспекты работы с Фигмой, начиная от установки и запуска программы и заканчивая проектированием адаптивного дизайна.

Чему научитесь:

1. Создавать полноценный макет сайта.
2. Работать по техническому заданию (ТЗ).
3. Создавать проекты для портфолио.

Плюсы:

• Подробный курс, рассчитанный на новичков.
• Короткие ролики способствуют лучшему усвоению материала.
• Все занятия в открытом доступе.

4. «Курс Figma» от YouTube-канала «Наука Дизайна»

Пройти курс

Длительность: 15 уроков, продолжительность каждого 5–25 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Работать с Figma на среднем уровне.
2. Проектировать прототипы.

Плюсы:

• Много знаний, которые пригодятся новичкам в дизайне.
• Все занятия загружены на YouTube, что очень удобно.

5. «Уроки Figma» от UX Mind School

Пройти курс

Длительность: 12 уроков, продолжительность 5–20 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Эффективно использовать Figma.
2. Создавать адаптивные элементы.
3. Работать с растровой графикой.

Плюсы:

• Ёмкий, но информативный курс.
• Большое количество базовых знаний и умений.

6. «Бесплатный подробный курс по Фигме» от Алексея Бычкова

Пройти курс

Длительность: 21 урок, продолжительность 5–25 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Основам работы с Figma.
2. Проектировать макет сайта.
3. Использовать различные инструменты и плагины, облегчающие работу по созданию дизайна.

Плюсы:

• Множество полезных знаний.
• Приятный преподаватель.
• Можно получить ответы на интересующие вопросы в комментариях к видео.
• Дополнительные материалы в описаниях к роликам.

Автор курса: Алексей Бычков — дизайнер со стажем более 17 лет. Автор двух книг по дизайну. Основал онлайн-школу по веб-дизайну.

7. «Figma» от Алексея Бычкова

Пройти курс

Длительность: 36 уроков, продолжительность 2–40 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: учащиеся узнают о различных плагинах для Фигмы, в том числе и FigJam. Также слушатели узнают о «фишках» профессионального веб-дизайнера. В конце курса преподаватель на примерах покажет, почему Figma лучше, чем Photoshop.

Чему научитесь:

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

Плюсы:

• Много полезной информации.
• Можно задавать вопросы в комментариях — преподаватель на них обязательно ответит.
• Занятия можно проходить в любое время.

Минусы:

• Требуются базовые знания Фигмы.

Автор курса: Алексей Бычков.

8. «Уроки Figma» от Дениса Тимошицкого

Пройти курс

Длительность: 22 урока, продолжительность 2–36 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: в курс включены создание логотипа, дизайна мобильного приложения и многостраничного сайта. Студенты узнают о компонентах Фигмы, создании якорных ссылок и горячих клавишах.

Чему научитесь:

1. Создавать макет сайта.
2. Проектировать мобильное приложение.
3. Делать сложную инфографику.
4. Создавать дизайн сложного мобильного экрана.

Плюсы:

• Информативные занятия.
• Дополнительные материалы.
• Плейлист постоянно пополняется новыми уроками.
• Можно получить обратную связь в комментариях к видеороликам.

Минусы:

• Необходимо знать основы работы с Figma.

9. «Дизайн многостраничного сайта в Figma» от Дениса Тимошицкого

Пройти курс

Длительность: 17 уроков, продолжительность 20–35 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: на курсе детально рассматривается тема проектирования многостраничного сайта с помощью Фигмы.

Чему научитесь:

1. Создавать прототип сайта.
2. Проектировать адаптивную версию сайта.
3. Использовать сетку Bootstrap.

Плюсы:

• Большой курс с подробными уроками.
• «Живой» канал, который постоянно пополняется новыми видеороликами.
• Все ролики загружены на YouTube, что позволяет смотреть их в любое время и в любом месте.

Минусы:

• Нужно знать азы работы с Figma.

10. «Дизайн интернет-магазина в Figma» от Дениса Тимошицкого

Пройти курс

Длительность: 8 уроков, продолжительность 10–40 минут, также есть видео, которое длится 70 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: в курс включены отрисовка главной страницы, каталога и карточек товаров, служебных страниц. Также студенты рассмотрят создание UI-кита — инструмента, ускоряющего разработку дизайна.

Чему научитесь:

1. Создавать полноценный сайт интернет-магазина.
2. Рисовать UI-кит.

Плюсы:

• Поэтапное раскрытие тем.
• Все занятия в открытом доступе.

Минусы:

• Требуются базовые знания по работе с Figma.

11. «Проектирование и дизайн мобильного приложения» от Дениса Тимошицкого

Пройти курс

Длительность: 15 уроков, продолжительность 15–25 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Создавать привлекательный дизайн мобильного приложения.

Плюсы:

• Все занятия без «воды» и рассказаны простым языком.
• Можно получить обратную связь в комментариях к роликам.
• Дополнительные материалы.

Минусы:

• Необходимо знать, как работать с Figma, хотя бы на начальном уровне.

12. «Дизайн и вёрстка из Figma в HTML + CSS + JS» от Дениса Тимошицкого

Пройти курс

Длительность: 5 уроков, продолжительность 17–40 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: на курсе подробно разбирается создание первого экрана сайта и его последующая вёрстка.

Чему научитесь:

1. Проектировать красивый главный экран сайта.
2. Верстать на полупрофессиональном уровне.

Плюсы:

• Множество полезных знаний.
• Видеоуроки можно проходить в удобное время.

Минусы:

• Без элементарных знаний о HTML, CSS и JS будет сложно что-либо понять.

13. «Бесплатные уроки по Figma» от Евгения Смольского

Пройти курс

Длительность: 20 уроков, продолжительность 2–17 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: студенты узнают о горячих клавишах, которые ускорят работу в Фигме. Познакомятся со стилями, с компонентами и размытым градиентом. Также в курс включены занятия по созданию дизайна мобильного приложения.

Чему научитесь:

1. Быстро работать с Figma.
2. Правильно организовывать слои для веб-дизайна.
3. Прототипированию.
4. Создавать анимированные элементы.

Плюсы:

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

Минусы:

• Требуется знать основы работы с Фигмой.
• Аудиосопровождение низкого качества.

14. «Уроки Figma» от Moscow Digital Academy

Пройти курс

Длительность: 12 уроков, продолжительность 4–27 минут, также есть один ролик, который идёт 60 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: студенты познакомятся с Фигмой, создадут первый прототип и превратят его в красивый сайт.

Чему научитесь:

1. Прототипированию.
2. Проектировать кликабельный дизайн-макет.
3. Создавать интерактивный дизайн сайта.
4. Быстро рисовать дизайн сайта.

Плюсы:

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

15. «Уроки Figma» от YouTube-канала Disarto

Пройти курс

Длительность: 29 уроков, продолжительность 5–50 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Работать с Figma.
2. Создавать привлекательный дизайн мобильного приложения.
3. Проектировать совместно с коллегами.
4. Использовать плагины для оптимизации рабочего процесса.

Плюсы:

• Информативные занятия.
• Курс подойдёт даже неопытным веб-дизайнерам.
• Обратная связь — преподаватель отвечает на все вопросы в комментариях.
• Постоянно появляются новые видеоуроки.

16. «Уроки Figma» от Figma.Center

Пройти курс

Длительность: 107 уроков, основная часть роликов длится 1–5 минут, но есть и несколько больших видеоуроков по 30–60 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: максимально подробный курс, на котором рассматриваются все темы, нужные для работы с Фигмой. Слушатели узнают, что такое мокапы, прототипы и варфреймы. Познакомятся с плагинами.

Чему научитесь:

1. Пользоваться Figma на профессиональном уровне.
2. Проектировать сайты.
3. Использовать различные плагины, чтобы ускорить создание дизайна.

Плюсы:

• Объёмный курс с большим количеством полезных знаний.
• Короткие видеоуроки способствуют лучшему восприятию и усвоению информации.
• Дополнительные материалы к некоторым занятиям.
• Все уроки доступны сразу, поэтому можно пропустить уже знакомые темы.

17. «Уроки Figma» от GloryANT

Пройти курс

Длительность: 12 уроков, продолжительность 4–8 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: в курс включены фигуры, слои, сетка, ограничители, стили и эффекты. Также учащиеся познакомятся с FigJam.

Чему научитесь:

1. Работать с Figma.
2. Создавать адаптивный дизайн.
3. Рисовать сайты вместе с другими дизайнерами, используя FigJam.

Плюсы:

• Курс подойдёт новичкам.
• Преподаватель изъясняется простым языком.
• Регулярно появляются новые видеоуроки.

18. «Figma уроки» от Амира Исламова

Пройти курс

Длительность: 13 уроков, продолжительность 5–25 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Создавать дизайн сайта.
2. Быстро работать с помощью плагинов.
3. Организовывать пространство в Figma.

Плюсы:

• Материал подается в простой и понятной форме.
• Все занятия загружены на YouTube, поэтому их можно проходить в любое время.

Минусы:

• Мало информации для начинающих.

19. «Уроки Figma для новичков и джедаев» от Виктора Теплова

Пройти курс

Длительность: 35 уроков, продолжительность 1–25 минут.

Формат: видеоуроки.

Без сертификата

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

Чему научитесь:

1. Пользоваться Figma на профессиональном уровне.
2. Проектировать макет сайта и мобильное приложение.
3. Быстрее создавать дизайн.

Плюсы:

• Курс будет полезен и тем, кто только начинает свой путь веб-дизайнера, и тем, кто знаком с профессией уже не один год.
• Большой курс с актуальной информацией.
• Опытный преподаватель.

20. «Уроки по Figma» от YouTube-канала «Дизайн Легко!»

Пройти курс

Длительность: 11 уроков, продолжительность 20–50 минут.

Формат: видеоуроки.

Без сертификата

Программа обучения: в курс включены артборды, модульная сетка, градиенты, маски. Студенты узнают, как правильно размещать текст и создавать векторные формы.

Чему научитесь:

1. Работать с Figma.
2. Правильно пользоваться эффектами в Фигме.
3. Настраивать текст.
4. Делать адаптивный дизайн.

Плюсы:

• Уроки, которые будут полезны даже опытным дизайнерам.
• Заниматься можно в любое удобное время.

Learn Design с рисункой

Learn Design с фигмафигмой

. Проектная платформа

DesignPrototygingDesign SystemsDowns

Figjam

Столога для команд

онлайн-доска для доски. мастерски созданные файлы, которые можно дублировать, микшировать и использовать

Плагины и виджеты

Расширьте возможности и автоматизируйте работу

События и прямые трансляцииПередовой опытОбразовательная программаГруппы пользователей

FrançaisDeutsch日本語

ВойтиНачать работу

Начать работу

Начать работу

Хотите начать заниматься дизайном, но не знаете, с чего начать? Эти уроки и упражнения помогут вам сразу приступить к проектированию.

Начните свое обучение дизайну с этих 12 уроков

10 минут

Начало работы

Хотите начать заниматься дизайном, но не знаете, с чего начать? Эти уроки и упражнения помогут вам сразу приступить к проектированию.

9 минут

Что такое графический дизайн?

Что такое графический дизайн? Figma исследует мир графического дизайна и то, как он влияет на нашу повседневную жизнь и улучшает ее.

5 минут

Дизайн-мышление и этика

Может ли дизайн быть неэтичным? Существует ли клятва Гиппократа для дизайна? Давайте углубимся в этические последствия и обязанности, которые должны знать дизайнеры.

12 минут

Доступность и включение

Узнайте, что значит проектировать с учетом доступности и инклюзивности.

6 минут

Исследования в области дизайна

Узнайте о различных типах исследований, используемых в дизайне, и о том, как их проводить.

8 минут

Контент

Контент может помочь придать форму вашим проектам и вдохнуть в них жизнь. Изучите основы дизайна с контентом и для него.

Посмотреть все уроки

Коллекция упражнений и практических файлов

35 минут

1. Бриф на дизайн и мудборд

Узнайте, как создавать интересные дизайн-брифы и создавать доски настроения для своих проектов.

8 мин.

2. Создание раскадровки

Практика разработки пользовательской доски раскадровки

15 мин. 4. Использование существующей системы

Изучите основы работы с компонентами и библиотеками в этой системе проектирования.

30 минут

5. Составьте свое резюме или резюме

При составлении своего резюме вы будете применять на практике все принципы, изученные в этом курсе.

Посмотреть все

Ищете помощь по продукту Figma? Посетите наш Справочный центр.

Посетите Справочный центр

• Twitter
• YouTube
• Instagram
• Facebook

Варианты использования

1UX 201191 Дизайн пользовательского интерфейса
• 20111 Graphic design
• Wireframing
• Diagramming
• Brainstorming
• Templates
• Remote design
• Agencies
• Figma for education

Explore

• Design features
• Prototyping features
• Design systems features
• Collaboration features
• Процесс проектирования
• FigJam
• Ценообразование
• Enterprise
• Организация
• Professional
• Customers
• Security
• Integrations
• Contact

Resources

• Blog
• Best practices
• Support
• Developers
• Learn design
• Downloads
• What’s new
• Releases
• Careers
• About нас
• Агентские партнеры
• Конфиденциальность
• Статус

Сравнить

• Sketch
• Adobe XD
• Invision Studio
• Framer
• Дизайн для Windows
• Miro

Изучайте дизайн с Figma

просто хотите улучшить свои отношения с дизайнерами в вашей жизни, вы попали в нужное место.

Независимо от того, почему вы хотите узнать о дизайне, здесь, в Figma, мы хотим сделать это как можно проще для вас, поэтому мы создали эту программу «Изучение дизайна». Это существует не только для того, чтобы помочь вам научиться использовать созданные нами инструменты, но и для изучения основ дизайна и концепций, лежащих в основе крупнейших цифровых продуктов, существующих сегодня.

Вы можете использовать дизайн, чтобы объяснить, рассказать историю, спланировать, решить проблему или сделать что-то красивым. Все эти цели вы можете достичь с помощью проектирования. Часто люди думают, что дизайн — это то, как вещи выглядят. Это всего лишь один элемент дизайна, но мы перейдем к тому, что такое дизайн, в следующем разделе. А пока давайте рассмотрим некоторые из этих визуальных аспектов дизайна.

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

Вот экран из приложения Apple Music :

Это набор фигур, изображений и текста, организованных в композицию. Создавшие его дизайнеры расположили эти предметы с учетом нескольких целей. Всегда есть бизнес-цели продукта, такие как «заставить клиентов добавлять больше музыки в свои плейлисты». Дизайнеры также сосредотачиваются на таких целях, как удобочитаемость — насколько легко большинству людей читать информацию на экране — и удобство использования — насколько легко большинству людей выполнять намеченные действия, такие как открытие новых альбомов. . В остальных уроках этого курса мы рассмотрим гораздо больше целей.

Ниже приведен файл экрана Apple Music сверху с коллекцией его объектов и каркасом. Щелкните здесь, чтобы получить копию файла. Если вы впервые используете Figma, вы можете бесплатно создать учетную запись за считанные минуты. Чтобы начать, нажмите кнопку «Зарегистрироваться» в верхней части этой страницы.

Открыв действие, перетащите элементы интерфейса поверх фигур во фрейме вправо.

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

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

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

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

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

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

Соотношение дизайнеров и инженеров резко возросло за последние пять лет.

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

Существует множество препятствий для того, чтобы стать дизайнером: от стоимости (покупка программного обеспечения для дизайна и компьютеров, достаточно мощных для их запуска, может быть дорого) до знаний, поскольку цифровой дизайн — это новая область, и многие университеты еще не предлагают специальные классы и курсы по разработке цифровых продуктов.

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

Этот курс посвящен цифровому дизайну: созданию приложений, веб-сайтов и цифровых изображений — мы уделим особое внимание первым двум. Это означает, что мы не фокусируемся на печатном или промышленном дизайне. Тем не менее, одни и те же основы — концепции и технические навыки — которые вы научитесь применять ко многим формам дизайна. Надежная сеточная система, созданная, например, для Интернета, может быть легко преобразована в полиграфический дизайн и наоборот. Часто фундаментальные различия между дисциплинами дизайна заключаются в нескольких ключевых терминах и программных приложениях, используемых в этой отрасли.

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

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

У тебя уже есть все, что тебе нужно! Если вы читаете это, значит, у вас есть современный веб-браузер и подключение к Интернету. Некоторые видео могут использовать значительный объем данных, примерный размер видеофайла будет включен в описание каждого видео.

Чтобы выполнять упражнения по дизайну и проектировать в Figma, вам также потребуется доступ к ноутбуку или настольному компьютеру. Figma работает на Chrome OS, Linux, macOS и Windows; установка не требуется.

• Уроки. Каждый из них основан на основных концепциях дизайна. Их можно употреблять вместе или по отдельности.
• Упражнения по проектированию. Это ваш шанс открыть файл Figma и применить урок на практике.
• Дополнительная литература. Это ресурсы, которые нам нравятся, но не сделаны Figma. Это могут быть бесплатные статьи и видео, а могут быть и книги. Пожалуйста, не думайте, что вы должны покупать что-то, что вам неудобно покупать.
• Сообщество Figma. Это глобальное сообщество дизайнеров и клиентов Figma, доступное на Spectra.chat, является еще одним ресурсом для вас. Перейдите на канал Critique, чтобы получить отзывы о своих дизайнерских упражнениях.
• Сборник игр. Наши друзья из Playbook с вами, если у вас есть вопросы о карьерном росте дизайнера, вашей карьере, работе в отрасли и многом другом. Они объединяют дизайнеров в одном месте, чтобы поделиться друг с другом полезными советами по карьере.

Вот и все. У нас в Figma есть три ключевых принципа: поощрять инклюзивность, быть смелым и получать удовольствие! Мой личный фаворит — «Веселись!» Это основа философии Figma, и мы считаем, что она имеет основополагающее значение для самого дизайна.

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

Итак, давайте углубимся в что такое дизайн.