Figma для веб-дизайнера с нуля до профессионала

event_note Разделов - 6

access_time 20 ак.ч.

art_track Лекций - 53

ondemand_video 3 ч 46 мин

credit_card Стоимость -  1 190 ₽ [[priceDiscountCalc(1190)]] ₽ 1 190 ₽

Описание

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

Figma – это самая перспективная программа для веб дизайна в наше время. Она объединила в себе самые передовые инструменты разработки дизайна сайтов и уже на голову опережает конкурентов.

Одним из самых важных плюсов Figma является простота использования и легкость в освоении. Так же не стоит забывать, что такими продвинутым инструментом будущее. Все больше дизайнеров и компаний по всему миру переходят на Figma. Например, команды дизайнеров Twitter и Uber полностью работают в Figma. Она не требует места на твоем жестком диске, потому что работает в облаке и мгновенно сохраняет все изменения в макете. В Фигма есть контроль версий и ты всегда можешь откатиться до нужного момента.

Figma не требует никакой установки, ты можешь ее открыть прямо в браузере и работать. Это значит, что ее можно использовать на любой платформе (Windows, Mac, Linux). Для первых двух, есть десктопная версия.

Максимальным плюсом Figma является то, что она использует самые передовые инструменты для работы веб дизайнера:

  • Компоненты
  • Ограничения
  • Стили
  • Систему сеток
  • Прототипирование

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

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

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

  • Изучите внутренний и внешний интерфейс программы
  • Освоите основы библиотеки компонентов
  • Изучите основы атомарного дизайна

Преподаватель:  Евгений Марфил

Telegram: @Faraday_Michael

star [[ parseFloat(course.review_score).toFixed(1) ]] group
[[ course.name ]]
[[ course.price_discount ]] ₽ [[course.price]] ₽ [[ course.price ]] ₽ Бесплатно
1. Введение

1. О крусе

2. Помощь в прохождении курса

3. Скачать Figma и зарегистрироваться в программе

4. В чем главные отличия Figma от других редакторов

5. Структура файлов

6. Обзор интерфейса программы

7. Сохранение и передача файла

8. Файл Sketch в Figma

2. Инструменты Figma

1. Горячие клавиши

2. Move tool, Scale tool

3. Выравнивание объектов

4. Прямоугольник + Овал

5. Полигон + Звезда

6. Обводка

7. Эффекты

8. Заливка + Градинет

9. Изображения

10. Маска

11. Перо

12. Инструмент "Текст"

13. Группа

14. Frame

15. Булевы группы

16. Комментарии

17. Эффекты наложения

18. Экспорт

3. Профессиональные инструменты Figma

1. Плагины

2. Плагины. Обновленная версия

3. Комьюнити

4. Скрытые инструменты Figma

5. Стили

6. Constraints (Ограничения/привязки). Часть 1

7. Constraints (Ограничения/привязки). Часть 2

8. Сетки. Часть 1

9. Сетки. Часть 2

10. Компоненты. Часть 1

11. Компоненты. Часть 2

12. Компоненты. Часть 3

13. Selection Colors

14. Auto Layout

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

1. Основа атомарного дизайна

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

3. Что должно быть в твоей библиотеке компонентов

5. Практика работы в Figma

1. Практика. Создаем макет мобильного приложения. Часть 1

2. Практика. Создаем макет мобильного приложения. Часть 2

3. Практика. Создаем макет мобильного приложения. Часть 3

6. Прототипирование в Figma

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

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

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

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

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

6. Эффекты взаимодействия в прототипе

7. Что делать дальше

Добавить отзыв

Отзывы могут оставлять только те пользователи, которые получили сертификат.

[[ formattedAverageScore ]] star
[[ myReview.owner.last_name ]] [[ myReview.owner.first_name ]]
[[ moment(new Date(myReview.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ myReview.text ]]
star star_border
edit delete check_circle watch_later cancel
Причины отклонения в "Условия использования" п. 11.3
Команда: [[ moment(new Date(comment.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ comment.text ]]
На данный момент нет отзывов.
[[ review.owner.last_name ]] [[ review.owner.first_name ]]
[[ moment(new Date(review.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ review.text ]]
star star_border
Команда: [[ moment(new Date(comment.created_at)).format('DD.MM.YYYY в HH:mm') ]]
[[ comment.text ]]
Загрузить еще