آموزش جامع استفاده از Figma حضوری 2024

 آموزش جامع استفاده از Figma دوره حضوری 2024

دوره آموزش جامع استفاده از Figma به شما کمک می‌کند تا از ابزارهای پیشرفته Figma برای طراحی حرفه‌ای رابط کاربری و تجربه کاربری استفاده کنید. با تمرکز بر پروژه‌های عملی و تکنیک‌های پیشرفته، شما قادر خواهید بود تا طرح‌های پیچیده را به‌صورت مؤثر و سریع پیاده‌سازی کنید و به‌عنوان یک طراح حرفه‌ای در تیم‌های طراحی تعامل کنید.

دانشگاه متاورس تمامی دوره‌های آموزشی در حوزه علوم کامپیوتری را ارائه می‌دهد. برای مشاهده این دوره‌ها بر روی لینک کلیک کنید

ویژگی‌های دوره:

• آموزش جامع و تخصصی Figma برای طراحی رابط کاربری (UI) و تجربه کاربری (UX) به‌صورت حرفه‌ای
• مناسب برای طراحان وب و موبایل، توسعه‌دهندگان Front-end، و تیم‌های طراحی که می‌خواهند از Figma برای طراحی تعاملی و همکاری گروهی استفاده کنند
• آموزش اصول پیشرفته طراحی در Figma، از جمله ساختاردهی پروژه‌ها، طراحی کامپوننت‌ها، پروتوتایپینگ و همکاری در تیم‌های طراحی
• پروژه‌محور با تمرکز بر طراحی رابط کاربری تعاملی و استفاده از ویژگی‌های پیشرفته Figma برای بهینه‌سازی جریان کاری تیم‌های طراحی

پیش‌نیازهای آموزش جامع استفاده از Figma:

• آشنایی با اصول پایه‌ای طراحی رابط کاربری (UI) و تجربه کاربری (UX)
• تجربه کار با ابزارهای طراحی مانند Adobe XD، Sketch یا دیگر ابزارهای مشابه (ترجیحی)

برنامه‌ریزی زمانی دوره:

• مدت زمان آموزش: ۴ هفته، هر هفته ۳ روز (هر جلسه ۲ ساعت)
• کل ساعت آموزش: ۲۴ ساعت
• هزینه هر ساعت: ۲۰۰,۰۰۰ تومان
• هزینه کل دوره: ۴,۸۰۰,۰۰۰ تومان

سرفصل‌های دوره آموزش جامع استفاده از Figma:

در ادامه سرفصل‌های این دوره را به طور جامع معرفی می‌کنیم. همراه ما باشید:

هفته اول: آشنایی با Figma و مدیریت پروژه‌ها

جلسه اول (۲ ساعت):

• معرفی Figma و تفاوت آن با ابزارهای مشابه طراحی UI/UX
• مروری بر ویژگی‌های کلیدی Figma مانند همکاری در زمان واقعی (Real-time Collaboration) و کار با مرورگر
• پروژه عملی: ایجاد اولین پروژه طراحی در Figma و آشنایی با رابط کاربری ابزار

مباحث جلسه دوم (۲ ساعت):

• مدیریت پروژه‌ها و فایل‌ها در Figma: ساختاردهی، سازماندهی و مدیریت منابع
• نحوه اشتراک‌گذاری پروژه‌ها با تیم و مشتریان
• پروژه عملی: ایجاد ساختار پروژه حرفه‌ای برای طراحی رابط کاربری یک وب‌سایت

جلسه سوم (۲ ساعت):

• آشنایی با فریم‌ها (Frames) و آرت‌بوردها (Artboards) در Figma
• استفاده از ابزارهای طراحی پایه‌ای مانند شکل‌ها، متن و آیکون‌ها
• پروژه عملی: طراحی اولین صفحه اصلی (Homepage) یک وب‌سایت با استفاده از فریم‌ها

هفته دوم: طراحی پیشرفته و ساخت کامپوننت‌ها

جلسه چهارم (۲ ساعت):

• طراحی با سیستم شبکه (Grids) و راهنماها (Guides) برای ایجاد هماهنگی در طراحی
• استفاده از سیستم‌های ستون‌بندی برای طراحی واکنش‌گرا (Responsive Design)
• پروژه عملی: پیاده‌سازی یک سیستم شبکه برای طراحی صفحات وب و موبایل

مباحث جلسه پنجم (۲ ساعت):

• معرفی و کار با کامپوننت‌ها (Components) و ایجاد عناصر قابل استفاده مجدد
• استفاده از کامپوننت‌های تو در تو (Nested Components) و مدیریت تغییرات آن‌ها
• پروژه عملی: طراحی و پیاده‌سازی یک مجموعه کامپوننت‌های قابل استفاده مجدد مانند دکمه‌ها و فرم‌ها

جلسه ششم (۲ ساعت):

• استفاده از Variants برای مدیریت نسخه‌های مختلف کامپوننت‌ها
• بهینه‌سازی جریان کاری طراحی با استفاده از Variants برای عناصر مانند دکمه‌ها، فرم‌ها و کارت‌ها
• پروژه عملی: طراحی و پیاده‌سازی Variants برای عناصر رابط کاربری مختلف

هفته سوم آموزش جامع استفاده از Figma: پروتوتایپینگ و تعاملات پیشرفته

جلسه هفتم (۲ ساعت):

• معرفی پروتوتایپینگ در Figma و نحوه ساخت تعاملات ساده
• پیاده‌سازی ارتباطات بین صفحات و تنظیمات انتقال (Transitions) و انیمیشن‌ها
• پروژه عملی: ایجاد پروتوتایپ تعاملی یک اپلیکیشن موبایل و تنظیم انتقال‌های بین صفحات

مباحث جلسه هشتم (۲ ساعت):

• ایجاد انیمیشن‌های پیچیده‌تر با استفاده از Smart Animate
• تنظیم رفتارهای تعاملی و انیمیشن‌های دقیق برای بهبود تجربه کاربری
• پروژه عملی: پیاده‌سازی انیمیشن‌های پیشرفته برای تعاملات کاربری در یک اپلیکیشن

جلسه نهم (۲ ساعت):

• مدیریت تعاملات کاربر با استفاده از ورودی‌های مختلف مانند کلیک، لمس و کشیدن (Drag)
• پیاده‌سازی مسیرهای کاربری (User Flows) و تعاملات پیچیده
• پروژه عملی: طراحی یک پروتوتایپ پیچیده با مسیرهای کاربری مختلف و تعاملات تعاملی

هفته چهارم: همکاری تیمی، بهینه‌سازی و تحویل پروژه

جلسه دهم (۲ ساعت):

• مدیریت همکاری تیمی در Figma: اشتراک‌گذاری فایل‌ها، نظرات و پیگیری تغییرات
• استفاده از ابزارهای مشارکت در زمان واقعی برای کار همزمان با تیم طراحی
• پروژه عملی: همکاری در زمان واقعی بر روی یک پروژه تیمی و پیاده‌سازی تغییرات پیشنهادی

مباحث جلسه یازدهم (۲ ساعت):

• بهینه‌سازی پروژه‌های Figma برای ارائه به توسعه‌دهندگان: نحوه خروجی گرفتن از فایل‌ها، ایجاد specها و توضیحات
• استفاده از افزونه‌های Figma برای بهبود جریان کاری و تسریع فرآیند طراحی
• پروژه عملی: آماده‌سازی یک پروژه نهایی برای تحویل به توسعه‌دهندگان و مستندسازی کامل

جلسه دوازدهم (۲ ساعت):

• مرور پروژه‌های نهایی و بازخورد بر روی طراحی‌ها
• جمع‌بندی و مرور تکنیک‌های پیشرفته طراحی UI/UX در Figma
• پروژه عملی: ارائه پروژه نهایی و بحث در مورد بهینه‌سازی و بهبودهای لازم

ویژگی‌های جدید آموزش جامع استفاده از Figma:

• استفاده از Variants و Auto Layout ۳.۰: بهره‌گیری از ویژگی‌های جدید Auto Layout برای ساخت کامپوننت‌های پیشرفته‌تر و مدیریت بهتر طرح‌ها
• همکاری بهبود یافته در زمان واقعی: استفاده از قابلیت‌های جدید Figma برای همکاری همزمان با تیم‌ها به شکل مؤثرتر و سریع‌تر
• افزونه‌های جدید Figma برای توسعه‌دهندگان: استفاده از افزونه‌های بهینه برای ارتباط مؤثر بین طراحان و توسعه دهندگان