آموزش FIGMA: انیمیشن ها و تعاملات ساختمان - آخرین آپدیت

دانلود Figma: Building Animations and Interactions

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: آیا می دانید FIGMA مجموعه ای از ویژگی ها را برای ترجمه آسان تر انیمیشن ها و تعامل با توسعه دهندگان برای ادغام در پروژه های کد بومی شامل می شود؟ در این دوره ، مربی جوزف لابرک اصول اولیه اعمال قدرت حالت DEV FIGMA را پوشش می دهد تا جنبه های مهم یک طراحی را با تیم توسعه خود به اشتراک بگذارد. در طول راه ، نحوه واردات و شامل دارایی های مشترک را از یک پروژه FIGMA در یک بستر توسعه بومی ، تعامل کاربر برنامه و انیمیشن هایی که مطابق با نمونه اولیه طراحی FIGMA هستند ، بیاموزید و بر اساس اقدامات کاربر باعث ایجاد انیمیشن ها شوید. ایده آل برای UX و طراحان تعامل و توسعه دهندگان که با طرح ها و نمونه های اولیه مبتنی بر FIGMA کار می کنند ، تا پایان این دوره ، شما آماده خواهید شد تا انیمیشن ها و تعامل ها را از یک پروژه طراحی FIGMA به یک محیط کد بومی ترجمه کنید.

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

مقدمه Introduction

  • آنچه باید بدانید What you should know

  • آنچه می خواهید بسازید What you are going to build

  • ساخت انیمیشن ها و تعامل Building animations and interactions

1. آماده سازی برای توسعه 1. Preparing for Development

  • فعال کردن حالت dev به عنوان یک طراح Activating Dev Mode as a designer

  • به اشتراک گذاری یک فایل طراحی Sharing a design file

  • دسترسی به حالت dev به عنوان یک توسعه دهنده Accessing Dev Mode as a developer

  • نمای کلی پروژه FIGMA Figma project overview

2. دسترسی به محتوای طراحی برای وب بومی 2. Accessing Design Content for the Native Web

  • صادرات تصاویر از یک پروژه مشترک FIGMA Exporting images from a shared Figma project

  • تکمیل طراحی وب بومی Completing the native web design

  • نمای کلی پروژه وب بومی Native web project overview

  • خواندن CSS از یک پروژه مشترک FIGMA Reading CSS from a shared Figma project

3. تبدیل انیمیشن ها و تعامل 3. Converting Animations and Interactions

  • متحرک دکمه Animating the button

  • متحرک برچسب تغذیه Animating the nutrition label

  • محتوای صفحه انیمیشن به طور خودکار Animating page content automatically

  • متحرک متن اطلاعات Animating the information text

  • متحرک دختر آب Animating the water girl

  • متحرک تعامل ناوبری Animating the navigation interactions

پایان Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش FIGMA: انیمیشن ها و تعاملات ساختمان
جزییات دوره
1h 11m
18
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
289
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Joseph Labrecque Joseph Labrecque

استاد دانشگاه، مدرس Adobe، رئیس استودیو

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

جوزف نزدیک به دو دهه تجربه در ساخت وب گویا دارد. راه حل های دسکتاپ و موبایل. او کتاب‌ها، مقالات و دوره‌های ویدئویی در زمینه فناوری‌های طراحی و توسعه، ابزارها و مفاهیم را از طریق ناشران مانند LinkedIn Learning، Peachpit Press و Adobe تالیف کرده است. او شرکت Fractured Vision Media, LLC را تأسیس کرد. یک استودیوی تولید رسانه های دیجیتال و وسیله نقلیه توزیع. جوزف استاد دانشگاه کلرادو بولدر کالج رسانه، ارتباطات و اطلاعات، و همچنین یک رهبر آموزش Adobe، Adobe Community Professional، و یکی از اعضای Adobe Partners by Design است.