September 20, 2020

Курс по моушн-дизайну V3.0

Этап: Арт-дирекшн

Figma - инструмент современного дизайнера, который пришел на замену или в помощь Адобовскому пакету. Что в ней создают? В основном веб сайты и приложения для смартфонов. В интернете такой продукт как Figma в плане моушн дизайна выражен не очень, по сравнению с Microsoft например, ну или Adobe Photoshop, который недавно выстрелил отличным моушном с интеграцией в видео, поэтому в данном проекте есть просторы для творчества.

Figma представлена в:

www.figma.com
https://vk.com/figmadesign
https://www.facebook.com/figmadesign
https://tlgrm.ru/channels/@figmaplugin
https://twitter.com/figmadesign
https://www.linkedin.com/company/figma/

Изучение ЦА

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

  1. https://www.facebook.com/groups/uiuxclub/permalink/2773708366288947/?comment_id=2776241509368966
  2. https://www.facebook.com/groups/FigmaDesigners
  3. https://www.facebook.com/figmadesign
  4. https://vk.com/designforum
  5. https://vk.com/ui_design
  6. https://vk.com/topic-58742153_39879146
  7. https://vk.com/webdesign.uiux
  8. https://vk.com/topic-131024445_34601229
  9. https://twitter.com/figmadesign
  10. https://www.reddit.com/r/FigmaDesign/
  11. https://www.linkedin.com/groups/122872/
  12. https://www.linkedin.com/groups/3242849/
  13. https://www.linkedin.com/groups/137683/
  14. https://vc.ru/ask
  15. https://www.producthunt.com/posts/figma-community#comment-body
  16. https://geekbrains.ru/topics
  17. https://ux.stackexchange.com/questions/134736/figma-amazing-project
  18. https://app.slack.com/client/TQU7V5HB2/CQLA1481X/thread/CQLA1481X-1600366075.332900
  19. https://community.uxmastery.com/latest
  20. https://4pda.ru/forum/index.php?showtopic=1004757
  21. https://spectrum.chat/figma/abc-start-here/figma-3d-video~32cdad99-4478-4fd6-8543-6b408da79cf1
  22. https://t.me/figmachat
  23. https://t.me/designdealer_chat
  24. https://t.me/ui_club
  25. https://t.me/uprock_chat
  26. Discord и еще с десяток в телеграмм каналах

Но, не всегда участники сообществ охотно отвечали на мои запросы, самые активные сообщества оказались из Фейсбука, ЛинкедИн, из Телеграмма активно подключались, и по меньшей мере Реддит, ВК, VC.ru, Твиттер, GeekBrains, Slack, Discort, и остальные форумы на которых общаются веб дизайнеры, UX/UI дизайнеры и почетатели Figma.

Общение с аудиторией:

https://miro.com/welcomeonboard/37Mhecvdc1jBAPtb4XzM0wN4mzQBTkO9Y92szJFHSphyw3rmFIN7JQwOIwuf7bLp

Мудборд

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

https://www.behance.net/collection/179177601/isaevworkshop-inspiration

Цветовые схемы:

Палитры окружения

Палитры элементов и деталей:

Референсы:

тут приглядел воркфлоу и скручивания-раскручивания элементов
тоже скручивания и полеты элементов
здесь вдохновляет размещение элементов в пространстве
Этот реф привлек моё внимание тем что можно проследить процессы, которые происходят в Figma и я отсюда хочу взять эпизод про прототипирование (движение стрелочек), работа в команде и совмещение дизайна с кодом.
Очень интересный ред по материалам и текстурам, хочется так же научиться.
Тоже по материалам и текстурам красиво. некоторые элементы мне нравятся и еще я думаю динамика более менее приятная.
Тут можно позаимствовать интеграцию - рабочий процесс и сзади моушн показать.
Из этого рефа мне нравиться проявление предмета сквозь поверхность.
Динамика и некоторые мелкие элементы нравятся.
Кадры с окружением интересные, плюс движение элементов экранчика местами возможно буду использовать.
Движение элементов в пространстве.
Проявление из ткани, и движения тканей интересует.
Движение нитей.

Музычка:

https://www.epidemicsound.com/track/e6TIZAkRIO

https://www.epidemicsound.com/track/JUvHidLLjH

https://www.epidemicsound.com/track/2N0qRc3DH7

https://www.epidemicsound.com/track/aEacervUV3

https://www.epidemicsound.com/track/xPbV3mlxWQ

Скрол примерно такого рода будет:

Селфи счастливого человека)

https://www.instagram.com/isaevworkshop/