آموزش Figma Prototyping: یک شیرجه عمیق، مبتدی تا حرفه ای، برای طراح UX/UI

Figma Prototyping: A deep dive, beginner to pro, for UX/UI Designer

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

طرح خود را با نمونه سازی Figma زنده کنید. در این غواصی عمیق، همه چیز را در مورد ایجاد نمونه‌های اولیه اولیه، انیمیشن هوشمند در Figma، اجزای تعاملی قابل استفاده مجدد و نحوه اشتراک‌گذاری و مستندسازی خواهیم آموخت.

من یک فایل Figma را در اختیار شما قرار می دهم که به شما امکان می دهد در طول فیلم ها همراه من باشید یا در زمان خود به تمرینات با دستورالعمل های دقیق بازگردید.

اگر دانش پایه ای از Figma دارید یا اگر یک کاربر پیشرفته Figma هستید و می خواهید مهارت های نمونه سازی خود را بهبود ببخشید، این دوره برای شما مناسب است.

مبانی نمونه سازی

  1. فضای کاری Figma Prototype
  2. نمونه اولیه من کجا باید زندگی کند؟
  3. پیش نمایش دستگاه روی صفحه
  4. عناصر ثابت و قابل پیمایش
  5. قاب های تودرتو برای ارائه ها
  6. اسکرول افقی و عمودی
  7. پیوند دادن صفحه نمایش
  8. عمل برگشت
  9. به
  10. بروید
  11. همپوشانی ها
  12. پیوند دادن به صفحات خارجی
  13. محرک‌های اقدام
  14. گزینه های انیمیشن Figma
  15. کاهش منحنی ها
  16. بخش ها و طراحی حالت دار
  17. جریان در Figma
  18. افزودن ویدئوها به نمونه های اولیه
  19. پیش نمایش در تلفن همراه خود

 متحرک سازی هوشمند با Figma

  1. متحرک سازی هوشمند در Figma
  2. انیمیشن های متحرک و متحرک هوشمند
  3. محدودیت های انیمیشن هوشمند
  4. بیایید یک برنامه متحرک هوشمند بسازیم
  5. به خاطر داشته باشید: با هدف و کد در ذهن متحرک سازی کنید

  مؤلفه‌های تعاملی

  1. اجزای تعاملی
  2. تودرتوی اجزای تعاملی
  3. انیمیشن های شناور و بزرگنمایی آسان
  4. تعاملات ویدیویی
  5. اجزای تعاملی و طرح‌بندی خودکار
  6. اجزای قیف

 مستندسازی و اشتراک‌گذاری نمونه‌های اولیه Figma 

  1. نمونه های اولیه سند با جریان
  2. اشتراک گذاری پیوندهای نمونه اولیه
  3. مستندسازی اجزای تعاملی برای انتقال داده
  4. جاسازی در اسناد خارجی

©   با یادگیری ماه/آموزش ماه


سرفصل ها و درس ها

درس ها Lessons

  • مواد: فایل Figma را دانلود کنید MATERIAL: Download Figma File

  • مبانی: 17 افزودن فیلم ها به نمونه های اولیه BASICS: 17 Adding videos to prototypes

  • مبانی: 04 عناصر ثابت و قابل پیمایش BASICS: 04 fixed and scrollable elements

  • متشکرم Thank You

  • SMART ANIMATE: 04 اجازه دهید یک برنامه انیمیشن هوشمند بسازیم SMART ANIMATE: 04 Let us build a smart animated app

  • اجزای سازنده: 03 انیمیشن های شناور و بزرگنمایی آسان COMPONENTS: 03 Easy hover and zooming animations

  • SMART ANIMATE: 05 با هدف و کد در ذهن متحرک سازید SMART ANIMATE: 05 Animate with purpose and code in mind

  • مبانی: 07 اتصال صفحه نمایش BASICS: 07 Linking screens

  • مبانی: 06 اسکرول افقی و عمودی BASICS: 06 Horizontal and vertical scroll

  • اجزای سازنده: 01 اجزای تعاملی COMPONENTS: 01 Interactive components

  • SMART ANIMATE: 01 انیمیشن هوشمند را درک کنید SMART ANIMATE: 01 Understand smart animate

  • مبانی: 14 انیمیشن سبک و بهار BASICS: 14 Easing and spring animations

  • مبانی: 08 اکشن عقب BASICS: 08 The back action

  • اجزاء 02 تودرتوی اجزای تعاملی COMPONENTS 02 Nesting interactive components

  • مبانی: 16 جریان در Figma BASICS: 16 Flows in Figma

  • مبانی: 11 پیوند به صفحات خارجی BASICS: 11 Linking to external pages

  • مبانی: 03 پیش نمایش دستگاه روی صفحه BASICS: 03 On screen device preview

  • اجزای سازنده: 05 اجزای تعاملی و طرح بندی خودکار COMPONENTS: 05 Interactive components and auto layout

  • اجزاء: 04 تعاملات ویدئویی COMPONENTS: 04 video interactions

  • مبانی: 10 پوشش BASICS: 10 Overlay

  • مبانی: 02 نمونه های اولیه من کجا باید زندگی کنند؟ BASICS: 02 Where should my prorotypes live?

  • SMART ANIMATE: 03 محدودیت های انیمیشن هوشمند SMART ANIMATE: 03 Limitations of smart animate

  • اجزاء: 06 جزء قیف COMPONENTS: 06 funnel components

  • مبانی: 01 فضای کاری نمونه اولیه Figma BASICS: 01 The Figma prototype workspace

  • سند: 01 نمونه های اولیه سند با جریان DOCUMENT: 01 Document prototypes with flows

  • DOCUMENT: 03 مستندسازی اجزای تعاملی برای انتقال DOCUMENT: 03 Documenting interactive components for handoff

  • مبانی: 09 Scrollto BASICS: 09 Scrollto

  • مبانی: 05 قاب های تودرتو برای ارائه BASICS: 05 Nesting frames for presentation

  • مبانی: 13 گزینه انیمیشن Figma BASICS: 13 Figma animation options

  • مقدمه Intro

  • مبانی: 12 محرک عمل BASICS: 12 Action triggers

  • مبانی: 15 بخش و طراحی حالت دار BASICS: 15 Sections and stateful design

  • سند: 04 جاسازی در اسناد خارجی DOCUMENT: 04 Embedding in external documentations

  • سند: 02 به اشتراک گذاری پیوندهای نمونه اولیه DOCUMENT: 02 Sharing prototype links

  • مبانی: 18 پیش نمایش در تلفن همراه خود BASICS: 18 Preview on your mobile

  • مبانی: 04 عنصر چسبنده در اسکرول BASICS: 04 sticky elements on scroll

  • SMART ANIMATE: 02 انیمیشن های متحرک و متحرک هوشمند SMART ANIMATE: 02 Smart animate and moving animations

نمایش نظرات

آموزش Figma Prototyping: یک شیرجه عمیق، مبتدی تا حرفه ای، برای طراح UX/UI
جزییات دوره
2h 23m
37
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
22
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christine Vallaure Christine Vallaure

UI/UX DESIGN + CODE

طراح UX/UI با علاقه به کد و بنیانگذار .

من در سطح بین‌المللی، داخلی و از راه دور روی پروژه‌هایی برای برندها، آژانس‌ها و استارت‌آپ‌های پیشرو کار کرده‌ام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایده‌های اولیه گرفته تا طرح‌ها، وایرفریم‌ها، نمونه‌سازی اولیه و تنظیم جلویی را شامل می‌شود.

علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.

برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .