آموزش ایجاد نمونه های اولیه تعاملی با Figma

Creating Interactive Prototypes with Figma

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

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

Figma چیست؟  یک نرم افزار طراحی پیشرو است که به تیم ها و افراد کمک می کند تا طرح ها را سریع تر و کارآمدتر ایجاد کنند. Figma رایگان است و می توانید آن را مستقیماً در مرورگر وب خود، در Mac و Windows استفاده کنید.

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

  • استفاده از حالت ارائه برای ارائه نمونه اولیه
  • برای افزودن یک جریان کاربر، اتصالات بین فریم ها ایجاد کنید
  • افزودن قابلیت پیمایش در نمونه‌های اولیه
  • استفاده از برنامه Figma Mirror برای ارائه نمونه اولیه
  • استفاده از پوشش‌ها برای نمایش طرح‌های بازشو
  • افزودن انیمیشن های پیشرفته و انتقال روان با انیمیشن هوشمند
  • پخش فایل‌های GIF و ایجاد انیمیشن‌های دکمه‌ای

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

آیا این دوره برای شماست؟

اگر هر یک از این موارد در مورد شما صدق می کند، در جای مناسبی هستید:

  • شما به طراحی تجربه کاربری رابط کاربری (UI/UX) علاقه دارید اما مطمئن نیستید از کجا شروع کنید.

  • شما یک کارآفرین با یک مدل طراحی هستید که می‌خواهید آن را به یک نمونه اولیه تعاملی تبدیل کنید.

  • می‌خواهید مهارت‌های طراحی خود را تقویت کنید تا به شغل مورد نظر خود در شرکت‌هایی مانند Airbnb، Google، Apple و غیره دست پیدا کنید.

  • شما در حال طراحی هستید و می خواهید به Figma بروید و طرح های خود را به سطح بعدی ببرید.

  • شما علاقه مند به کسب درآمد به عنوان یک طراح آزاد هستید.

  • شما به سادگی می خواهید وارد مسیر شغلی جدیدی شوید و طراحی گرافیک و نمونه سازی شما را مورد توجه قرار داده است.

آیا می خواهید یاد بگیرید که چگونه یک رابط کاربری تلفن همراه مانند آنچه که یک نمونه اولیه برای آن ایجاد می کنیم، ایجاد کنید؟

اگر مایلید نحوه ایجاد یک مدل کامل تلفن همراه را بیاموزید، دوره UI/UX Mobile   را بررسی کنید (اختیاری):

درباره مربی شما:

این دوره توسط طراح کارآفرین   نیما تهامی تدریس می شود. نیما بیش از 10 سال تجربه طراحی و توسعه   ده‌ها برنامه وب تلفن همراه   برای مشتریان و استارت‌آپ‌های خودش دارد. استارت‌آپ فعلی نیما،  ، در بسیاری از رسانه‌های خبری، از جمله   Forbes پوشش داده شده است، جایی که برنامه وی به دلیل سهولت استفاده برجسته شده است. p>

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

پروژه کلاس ما ایجاد یک نمونه اولیه کاملاً تعاملی برای یک برنامه تلفن همراه خواهد بود. ما از طرح‌های برنامه‌ای به نام Clean Kangaroo که در طراحی کرده‌ایم استفاده خواهیم کرد.

لطفاً منبع این پروژه را برای شروع دانلود کنید.


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

درس ها Lessons

  • متحرک هوشمند Smart Animate

  • استفاده از Overlays برای آموزش Using Overlays for Tutorial

  • اجزای تعاملی Interactive Components

  • افزودن اتصالات بین فریم ها Adding Connections between Frames

  • معرفی Introduction

  • ایجاد جریان های نمونه اولیه جدید Creating New Prototype Flows

  • اضافه کردن انیمیشن ها Adding Animations

  • باز کردن پیوندها Openning Links

  • کار با تیم ها Working with Teams

  • تست روی دستگاه واقعی Testing on a Real Device

  • انیمیشن های شناور دکمه Button Hover Animations

  • به اشتراک گذاری فایل های ما Sharing Our Files

  • بعد چه می شود؟ What's Next?

  • نقشه های تعاملی Interactive Maps

  • انتقال صفحه Page Transitions

  • کد هاندف Code Handoff

  • پیمایش در نمونه های اولیه Scrolling in Prototypes

  • راه حل تمرین اجزای تعاملی Interactive Components Exercise Solution

  • پخش فایل های GIF Playing GIFs

  • ایجاد نمونه های اولیه Creating Prototypes

  • صادرات طرح های ما Exporting Our Designs

  • وارد کردن رابط کاربری موبایل Importing the Mobile UI

نمایش نظرات

آموزش ایجاد نمونه های اولیه تعاملی با Figma
جزییات دوره
1h 8m
22
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
732
4 از 5
دارد
دارد
دارد
Nima Tahami
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Nima Tahami Nima Tahami

کارآفرین و طراح گرافیک

سلام، من نیما هستم. من یک مدرس طراحی با بیش از 12 سال تجربه در طراحی و توسعه ده ها برنامه وب موبایل برای مشتریان و استارت آپ های خودم هستم. . من یکی از بنیانگذاران آن هستم که در بسیاری از رسانه های خبری از جمله Forbes پوشش داده شده است، جایی که طراحی برنامه ما به دلیل سهولت استفاده از آن برجسته شده است.

من به صورت آنلاین آموزش می دهم تا به مردم کمک کنم تا به بهترین طراح تبدیل شوند. طراحی پایه و اساس همه محصولات عالی، وب سایت ها، تبلیغات و هر چیزی در این بین است. من همچنین یک کتابخانه توسعه آیفون با منبع باز طراحی و توسعه داده ام که به هزاران برنامه نویس کمک می کند تا از هشدارهای زیبای قابل تنظیم در برنامه های خود استفاده کنند.

به من در ماموریتی بپیوندید تا آینده بهتری را با هم طراحی کنیم!