آموزش Figma Prototyping & Animations: Design Prototypes Interactive
Figma Prototyping & Animations: Design Interactive Prototypes
آیا می‌دانستید که دانستن نحوه نمونه‌سازی یک مهارت ضروری است که هر طراح UI/UX باید داشته باشد؟
با نمونه‌های اولیه تعاملی، می‌توانید بهتر با مشتریان یا توسعه‌دهندگان خود در مورد نحوه تعامل کاربر با وب یا برنامه تلفن همراه شما در زندگی واقعی ارتباط برقرار کنید. نمونه‌های اولیه قابل کلیک به شما امکان می‌دهند بازخورد سریع جمع‌آوری کنید و قبل از تحویل طرح‌های خود به توسعه‌دهندگان، تغییراتی در طراحی ایجاد کنید.
در این کلاس، تکنیک‌های اصلی نمونه‌سازی در Figma را خواهید آموخت که بعداً می‌توانید در پروژه‌های خود اعمال کنید.
از اصول اولیه نمونه سازی تا اجزای تعاملی، انواع مختلفی از انیمیشن ها و تعاملاتی را که برای ایجاد یک محصول موفق حیاتی هستند، پوشش خواهیم داد. همچنین این تعاملات را در چند پروژه کوچک (صفحه‌های موبایل و وب) که می‌توانید برای نمونه کار خود استفاده کنید، اعمال خواهیم کرد.
این کلاس برای همه سطوح مناسب است.
موضوعات کلیدی عبارتند از:
- مبانی نمونه سازی در Figma
- انواع انیمیشن
- متحرک هوشمند
- پیمایش عمودی افقی
- در کشیدن انیمیشن
- و بیشتر
آیا آماده هستید تا مهارت های نمونه سازی تعاملی خود را در Figma ارتقا دهید؟ در کلاس می بینمت!
ص. اگر می خواهید کار خود را ارسال کنید، خوشحال می شوم نظرات خود را به شما ارائه دهم!
نمونه اولیه تعاملی Figma خود را به اشتراک بگذارید!
من دوست دارم به همه کسانی که نمونه اولیه تعاملی خود را که در Figma ساخته شده است، بازخورد بدهم. پیوند نمونه اولیه Figma خود را در حالت ارائه به اشتراک بگذارید تا بتوانیم با محصول شما تعامل داشته باشیم. همچنین به ما اطلاع دهید:
- محصول شما چیست؟
- کدام نوع تعامل را اعمال کردید؟
- هنگام ایجاد نمونه اولیه تعاملی خود چه چیزی یاد گرفتید؟
اگر می خواهید آموزش های بیشتری در مورد Figma ببینید، آموزش های
را تماشا کنیددرس ها Lessons
-
اجزای تعاملی - برنامه رسانه های اجتماعی Interactive components - social media app
-
برنامه روکش - بانکداری را باز کنید Open overlay - banking app
-
انیمیشن هوشمند - قسمت 1 (مبانی) Smart animate - part 1 (basics)
-
اثر شناور Hover effect
-
در کشیدن انیمیشن - برنامه انتقال On drag animation - transfer app
-
متحرک هوشمند - قسمت 2 (نوار منو) Smart animate - part 2 (menu bar)
-
مبانی نمونه سازی در Figma Basics of prototyping in Figma
-
حالت و دستگاه های ارائه Presentation mode & devices
-
انواع انیمیشن Animation types.
-
معرفی Introduction
-
پیمایش افقی و عمودی - برنامه گالری عکس Horizontal & vertical scrolling - photo gallery app
https://donyad.com/d/a3b860
Tetiana G
طراح UX
طراح UX با سابقه توسعه نرم افزار، در حال حاضر تجربه کاربری برنامه SaaS را در صنعت ساختمان پایدار بهبود می بخشد. علاوه بر کارم، از ضبط آموزش های Figma برای LinkedIn Learning و همچنین آموزش به کسانی که علاقه مند به تبدیل شدن به طراح UX هستند لذت می برم.
موارد رایگان من درباره طراحی رابط کاربری را از اینجا دانلود کنید:
اگر می‌خواهید درباره Figma بیشتر بدانید، آخرین آموزش یوتیوب من را تماشا کنید:
نمایش نظرات