آموزش Figma برای طراحی رابط کاربری و تجربه کاربری UIUX

Figma for User Interface and User Experience UIUX Design hot and new

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

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: آموزش طراحی UI UX با Figma برای نمونه سازی، طراحی رابط وب، طراحی رابط برنامه موبایل، فضای کاری و ابزارهای پایه رابط در Figma چگونه می توانید گزینه های ساده سازی نمونه اولیه و انیمیشن اولیه را انجام دهید انیمیشن هوشمند الهام گرفته از رنگ، پالت رنگ و ابزار قطره چشمی پلاگین های Masking، Cropping و Image پروژه کامپوننت و افکت طراحی رابط وب و اپلیکیشن پیش نیازها: دانش پایه کامپیوتر درک زبان انگلیسی

سلام به همه به کلاس Figma ما برای یادگیری UI UX خوش آمدید، بنابراین اگر قصد دارید رابط کاربری و تجربه کاربری را از ابتدا یاد بگیرید، در جای درستی هستید زیرا ما در این کلاس از مقدماتی تا پیشرفته را پوشش خواهیم داد. این یک کلاس در سطح مبتدی است، بنابراین اگر تجربه قبلی ندارید، می توانید در این کلاس بپیوندید.

بیایید نگاهی بیندازیم که از این کلاس چه خواهید آموخت:

1. مقدمه ای بر Figma
2. فضای کاری و رابط
3. ابزارهای اساسی در Figma-
4. چگونه می توانید از صفحات در Figma استفاده کنید
5. چگونه می توانید نمونه سازی را در Figma انجام دهید
6. گزینه‌های ساده و انیمیشن اولیه
7. انیمیشن هوشمند
8. سودمندی اشتراک گذاری و افزودن نظر
9. ستون ها و شبکه ها
10. الهام از رنگ، پالت رنگ و ابزار قطره چکان
11. گرادیان
12. نحوه استفاده از تصاویر در Figma
13. پلاگین های پوشش، برش و تصویر
14. مؤلفه و جلوه ها
15. در حال صادر کردن تصاویر

پس از اتمام این کلاس، می‌توانید انجام دهید
-برنامه تلفن همراه و صفحه وب خود را بسازید
- پالت‌های رنگی و گرادینت‌های خود را بسازید
- می‌توانید دانش خوبی از رنگ‌آمیزی در وب کسب کنید designing
-Do Prototyping
-از تصاویر انتخابی خود برای ایجاد دکمه ها و همچنین ساخت فونت صفحه وب استفاده کنید

این یک کلاس پروژه ای است، بنابراین در طول یادگیری، شما پروژه کلاسی خواهید داشت، بنابراین آنچه را که یاد گرفتید می توانید در پروژه کلاس شرکت کنید تا بتوانید در حین یادگیری تمرین کنید. شما منبع پشتیبانی در این کلاس خواهید داشت، بنابراین یادگیری آن برای شما آسان تر خواهد بود.

در طول یادگیری، اگر با مشکلی مواجه شدید یا سؤالی دارید، در بخش بحث کلاس از من بپرسید، من همیشه در کنار شما هستم تا به شما کمک کنم. بنابراین بیایید با هم شروع به یادگیری Figma برای UI UX کنیم

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

معرفی Introduction

معرفی Introduction
مقدمه ای بر Figma Introduction to Figma
فضای کاری و رابط Workspace and Interface
ابزارهای اساسی در Figma Basic tools in Figma
چگونه می توانید از صفحات در Figma استفاده کنید How you can use pages in Figma
چگونه می توانید نمونه سازی را در Figma انجام دهید How you can do Prototyping in Figma
گزینه های ساده و انیمیشن نمونه اولیه Easing options and Prototype animation
انیمیشن هوشمند Smart animation
سودمندی اشتراک گذاری و افزودن نظر Usefulness of sharing and adding comment
ستون ها و شبکه ها Columns and grids
الهام از رنگ، پالت رنگ و ابزار قطره چشم COLOUR INSPIRATION, COLOUR PALETTE AND EYEDROPPER TOOL
گرادیان ها Gradients
سبک های رنگی Colour styles
نحوه استفاده از تصاویر در فیگما How to use images in Figma
پلاگین های ماسک، برش و تصویر Masking, Cropping and Image plugins
جزء و جلوه ها Component and Effects
صادرات تصاویر Exporting Images
کلاس پروژه-1 Class Project-1
کلاس پروژه-2 Class Project-2
پروژه کلاس 3 Class Project-3
پروژه زمان واقعی Real Time Project
پروژه نحوه طراحی صفحه وب با استفاده از روش مسدود کردن شکل Project of how to design webpage using shape blocking method