آموزش Figma Essential برای رابط کاربری و تجربه کاربری UI UX

Figma Essential for User Interface and User Experience UI UX new

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

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

توضیحات دوره: تسلط بر مهارت‌های طراحی UI/UX با ویژگی‌های اساسی Figma مقدمه‌ای بر اصول و بهترین شیوه‌های طراحی همکاری با figma تسلط بر عناصر طراحی نمونه‌سازی اولیه و طراحی تعاملی طراحی پاسخگو و کتابخانه‌های اجزای پروژه‌های دنیای واقعی و مطالعات موردی پیش نیازها: مهارت‌های اولیه کامپیوتر

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

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

•مقدمه ای بر figma

•رابط کاربر

•همکاری

•اصول طراحی و بهترین شیوه ها

•تسلط بر عناصر طراحی

•طراحی نمونه اولیه و تعاملی

•طراحی پاسخگو و کتابخانه های مؤلفه

•پروژه های دنیای واقعی و مطالعات موردی

پس از تکمیل این کلاس، می‌توانید این کار را انجام دهید:

•دانش و اطمینان برای استفاده موثر از Figma

•طرحهای خیره کننده ایجاد کنید

•همکاری یکپارچه

•مقابله با چالش‌های طراحی دنیای واقعی

•درباره عملکرد از راه دور بیشتر بیاموزید

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

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

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

معرفی Introduction

معرفی Introduction
رابط مقدمه Introduction Interface
خلاصه فضای کاری انجمن Figma Figma Community Workspace Brief
ابزارهای اساسی Basic Tools
استفاده از صفحات Use of pages
نمونه سازی Prototyping
آسان کردن انیمیشن های نمونه اولیه Easing Prototype animations
انیمیشن هوشمند Smart Animation
سودمندی اشتراک گذاری افزودن نظرات Usefulness of Sharing Adding Comments
ستون ها شبکه ها Columns Grids
پالت الهام بخش رنگ و ابزار قطره چشم Color Inspiration Palette and Eyedropper tool
شیب Gradient
سبک های رنگی Color Styles
نحوه استفاده از تصاویر How to use Images
پوشش تصویر، پلاگین برش Image Masking, Cropping Plugins
پروژه کلاس 1 Class Project 1
پروژه کلاس 2 Class Project 2