دوره آموزشی
The Great Courses
دوبله زبان فارسی

طراحی پیشرفته UI و UX با فیگما - تبدیل شدن به حرفه‌ای فیگما

طراحی پیشرفته UI و UX با فیگما - تبدیل شدن به حرفه‌ای فیگما

✅ سرفصل و جزئیات آموزش

آیا آماده‌اید با مدرس دان اسکات، به سفری هیجان‌انگیز بپردازید و تمام پتانسیل مهارت‌های فیگما خود را در حوزه جذاب طراحی UX و UI با استفاده از فیگمای پیشرفته کشف کنید؟

سعی کنید فیگما را رایگان امتحان کنید.

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

با هم، ابتدا با یادگیری موارد زیر به عمق طرح‌بندی خودکار تودرتو چندسطحی می‌پردازیم و اسرار کار را توسط متخصصان UX کشف می‌کنیم:

  • تکنیک‌های گردش‌کار، مدیریت دارایی‌های طراحی، استایل‌ها، کامپوننت‌ها، گرید و طرح‌بندی ستونی به‌ صورت باورنکردنی
  • یادگیری نحوه استفاده از متغیرها و کاربرد آنها برای ساخت نمونه‌های اولیه جامع‌تر
  • استفاده از متغیرها برای تولید نسخه‌های Light Modes و Dark Modes + نسخه فشرده و فاصله‌گذاری آسان نسخه‌های کامپوننت‌های خود

سپس کسب دانش جدید در مورد متغیرها برای درک و ایجاد توکن‌های طراحی:

  • کشف جادوی تکنیک‌های پیشرفته انیمیشن و جذب کاربران با استفاده از گرادیان پس‌زمینه و متن هودینی
  • استفاده از قدرت فایل‌های انیمیشن Lottie برای جان‌بخشی طراحی‌ها
  • ساخت عناصر واکنش‌گرا که به‌ سادگی با هر دستگاهی سازگار می‌شوند.
  • تست قدرت تکنیک‌های ماسک کردن تصویر و ویدئو برای تقویت تأثیر ویژوال
  • تسلط به ویژگی‌های تایپوگرافی پیشرفته برای تبدیل کلمات به آثار هنری
  • تسلط به حوزه هوش مصنوعی و افزودن به فرآیند خود برای ارتقای مهارت‌ها به عنوان طراح UX
  • پیشرفت در نمونه‌سازی اولیه، انجام تست کاربر با ظرافت با روش‌های پیشرفته
  • کشف دکمه‌های اسکرول چسبنده، انکر پوینت‌های متحرک و افکت‌های جذاب دیگر
  • ساخت منوهای کشویی جادویی، افکت‌های رشد هاور برای تصاویر و توسعه نوارهای جستجو
  • کشف ابزارهای دسترسی صحیح و تکنیک‌ها برای تضمین شمول و کاربردپذیری برای همه
  • تبدیل شدن به استاد واریانت، تسلط به واریانت‌ها بدون کنترل یا 1 یا 2 فقط
  • کشف اسرار همکاری بی‌نقص با طراحان، توسعه دهندگان و ذینفعان
  • تسلط به هنر اکسپورت دارایی‌های آماده تولید، با جان‌بخشی طراحی‌های خود فراتر از قلمروی فیگما
  • کشف روش‌های گردش‌کار حرفه‌ای و میانبرها برای صرفه‌جویی در زمان و افزایش بهره‌وری شما
  • و بسیاری از مزایای پیشرفته فیگما در طول مسیر

در طول مسیر، مهارت‌های UX کسب می‌کنید که درک عمیقی در صنعت طراحی UX به دست می‌دهد. از مفهوم تا پایان عالی، پروژه‌های خود را با اعتمادبه‌نفس مدیریت می‌کنید که مناسب پورتفولیوی شما است.

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

پیش‌نیازهای دوره:

  • یک نسخه فیگما (برنامه رایگان در وبسایت فیگما موجود است).
  • دانش اولیه در مورد فیگما نیاز است. پیشنهاد می‌کنیم دوره ملزومات فیگما را پیش از شروع این ماجراجویی تماشا کنید.

مخاطبان دوره:

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

آنچه می‌آموزید:

  • بررسی عمیق طرح‌بندی‌های خودکار تودرتو چندسطحی
  • کامپوننت‌های قوی که بروزرسانی آنها آسان و شکستن آنها دشوار است.
  • ویژگی‌های کامپوننت
  • متغیرها
  • توکن‌های طراحی
  • نمونه‌سازی اولیه پیشرفته با استفاده از متغیرها
  • درک نکات و ترفندهای گردش‌کار برای مدیریت دارایی‌های طراحی، استایل‌ها، کامپوننت‌ها، طرح‌بندی‌های گرید و ستونی خود
  • تکنیک‌های پیشرفته انیمیشن
  • گرادیان‌های پس‌زمینه متحرک
  • متن هودینی
  • انیمیشن‌سازی در امتداد یک مسیر در فیگما
  • نحوه افزودن فایل‌های انیمیشن Lottie در فیگما
  • ساخت عناصر واکنش‌گرا آماده برای هر اندازه دستگاه
  • بهترین میانبرها و پلاگین‌ها برای تبدیل شما به یک طراح UX کارآمدتر
  • موقعیت‌یابی مطلق طرح‌بندی‌های خودکار
  • تکنیک‌های قدرتمند ماسک کردن تصویر و ویدئو
  • ویژگی‌های پیشرفته تایپوگرافی
  • یادگیری استفاده از هوش مصنوعی در فرآیند خود برای تبدیل شما به یک طراح UX بهتر
  • تکنیک‌های پیشرفته نمونه‌سازی اولیه برای ارتقای تست‌های کاربری خود
  • ساخت نمونه‌های اولیه بهتر و سریع‌تر با استفاده از ترفندها و میانبرها
  • دکمه‌های اسکرول چسبنده که روی هم قرار می‌گیرند.
  • کنترل‌های پلی‌بک ویدئو
  • انکر پوینت‌های متحرک و مقادیر بولی
  • ایجاد منوی کشویی
  • ایجاد افکت رشد هاور برای تصاویر
  • ایجاد و گسترش نوار جستجو
  • یادگیری ابزارها و تکنیک‌های مناسب دسترسی
  • تبدیل شدن به متخصص واریانت‌ها - آن 100 واریانت را به 1 یا 2 واریانت کاهش دهید.
  • یادگیری بهترین روش‌ها برای همکاری با سایر طراحان، توسعه‌دهندگان و ذینفعان
  • ساخت یک پروژه UX از ابتدا تا انتها، آماده برای پورتفولیوی خود
  • اکسپورت دارایی‌های آماده تولید
  • یادگیری ترفندها و میانبرهای گردش‌کار حرفه‌ای
  • درک تمام تکنیک‌های مورد استفاده توسط متخصصان UX
  • 160+ ویدئو از محتوای پیشرفته دقیق فیگما

طراحی پیشرفته UI و UX با فیگما - تبدیل شدن به حرفه‌ای فیگما

  • آشنایی با دوره پیشرفته فیگما 0:03:14
  • شروع کار در دوره پیشرفته فیگما 0:02:31
  • طرح‌بندی خودکار و طراحی واکنش‌گرا - در طراحی واکنش‌گرا استفاده می شود 0:16:06
  • طراحی در فیگما با فاصله‌گذاری خودکار در طرح‌بندی‌های خودکار 0:11:40
  • چه زمانی از کامپوننت‌ها در فیگما استفاده کنید و چه زمانی استفاده نکنید؟ 0:06:00
  • منظور از فاصله‌گذاری مناسب برای استفاده در فیگما چیست؟ 0:06:58
  • از چه فاصله‌گذاری برای طراحی وب و اپلیکیشن در فیگما استفاده کنیم؟ 0:05:16
  • طرح‌بندی خودکار در مقابل Constraints در فیگما 0:05:15
  • میانبرهای طرح‌بندی خودکار - نکات و ترفندهایی برای کار سریع‌تر با طرح‌بندی خودکار 0:03:06
  • پروژه کلاسی 1 - ناوبری واکنش‌گرایی نوار پایینی 0:02:51
  • چگونه فایل‌ها را در فیگما مدیریت کنیم و به متخصص مدیریت فایل تبدیل شویم؟ 0:07:22
  • چگونه از ترفندهای پیشرفته کپی پیست و سلکشن در فیگما استفاده کنیم؟ 0:06:35
  • چگونه با فیلدهای فیگما کارهای دیوانه کننده انجام دهیم؟ 0:03:33
  • ترفندهای فریم - نکات و ترفندهایی برای کار موثر با فریم‌های فیگما 0:04:40
  • تکنیک‌های پیشرفته زوم کردن برای کار دقیق در فیگما 0:01:40
  • تم روشن یا تم تاریک در مقابل تم خود سیستم - کدام یک را در فیگما استفاده کنیم؟ 0:02:29
  • پروژه کلاسی 2 - Constraint‌ های کارت رویداد 0:01:35
  • پروژه کلاسی 2 - Constraint های کارت رویداد - تکمیل شده 0:08:40
  • گرید در مقابل Constraints در مقابل طرح‌بندی خودکار در فیگما - کدام یک را و چه زمانی استفاده کنیم؟ 0:05:16
  • چگونه گریدها را کپی پیست کرده و استایل‌‌های گرید را در فیگما اکسپورت کنیم؟ 0:05:29
  • چگونه گریدهای سطرها و ستون را به یک طرح‌بندی در فیگما اضافه کنیم؟ 0:04:19
  • چگونه استایل‌‌های گرید را در فیگما بروزرسانی کنیم؟ 0:01:32
  • گریدهای داخل فریم‌هایی که فریم اصلی نیستند 0:03:44
  • پروژه کلاسی 3 - برندینگ رویداد 0:04:19
  • لوگوها با استفاده از Iconscout - چگونه از Iconscout برای ایجاد لوگو در فیگما استفاده کنیم؟ 0:06:47
  • ویجت‌ها در مقایسه با پلاگین‌ها در فیگما؟ 0:03:33
  • چگونه با استفاده از ویجت فیگما انواع رنگ‌های ux را ایجاد کنیم؟ 0:05:13
  • بخش آشنایی با طرح‌‌بندی خودکار تودرتو و طرح‌‌بندی واکنش‌گرا 0:04:01
  • ویدئوی تولید - مرتب‌سازی بهم ریختگی فریم و کامپوننت 0:05:52
  • وارد کردن تصاویر در فیگما با استفاده از پلاگین unsplash 0:07:38
  • ویدئوی تولید - ایجاد اجزا برای طرح‌بندی خودکار تودرتو 0:05:36
  • تودرتوسازی چندین طرح‌بندی خودکار در داخل یکدیگر در فیگما 0:05:13
  • تودرتوسازی طرح‌بندی خودکار تودرتو با واریانت‌ها و متن واکنش‌گرا در فیگما 0:08:55
  • طرح‌بندی خودکار در اندازه‌های مختلف دستگاه - چگونه طرح‌بندی خودکار پیشرفته ایجاد کنیم؟ 0:10:58
  • متن واکنش‌گرا که برای 2 خط در فیگما تنظیم می‌شود 0:04:29
  • پس‌زمینه انتزاعی گرادیان در فیگما به روشی آسان 0:11:50
  • چگونه تعاملات را در فیگما کپی پیست کنیم؟ 0:01:23
  • چگونه مش گرادیان را با استفاده از واریانت‌ها در فیگما متحرک کنیم؟ 0:15:43
  • چگونه در مورد پروژه UX بازخورد ارائه دهیم؟ - Critique Sandwich 0:09:00
  • پروژه کلاسی 4 - انیمیشن پس‌زمینه 0:04:50
  • متن هودینی - چگونه یک متن ماسک شده را به یک انیمیشن در فیگما تبدیل کنیم؟ 0:09:44
  • چگونه از انیمیشن‌های Spring در فیگما استفاده کنیم؟ 0:06:33
  • انیمیشن Spring - چگونه انیمیشن سفارشی Spring در فیگما ایجاد کنیم؟ 0:12:16
  • چرا تعامل با ضربه زدن روی کلیک خاکستری است و در فیگما وجود ندارد؟ 0:01:51
  • پروژه کلاسی 5 - نمونه‌سازی اولیه انیمیشن متن هودینی - سطح 1 0:01:38
  • ایجاد و حذف چندین noodles wires به صورت همزمان در فیگما 0:03:05
  • چگونه لینک‌‌های ناوبری را در نمونه اولیه فیگما بروزرسانی انبوه کنیم؟ 0:03:15
  • چگونه گوشی مناسب را تنظیم کنیم و نمونه اولیه گوشی‌های قدیمی را در فیگما بیابیم؟ 0:04:01
  • چگونه نوار جستجوی پوزیشن اسکرول چسبنده را در فیگما ایجاد کنیم؟ 0:06:10
  • چگونه اسکرول کردن عمودی چندین متن چسبنده را در فیگما استک کنیم؟ 0:15:59
  • پروژه کلاسی 6 - چند هدینگ چسبنده 0:02:25
  • چگونه کامپوننت‌های تعاملی را در فیگما ایجاد کنیم؟ 0:03:42
  • چگونه یک checkmark را در فیگما روشن و خاموش کنیم؟ 0:02:38
  • کامپوننت‌های تعاملی با دکمه کشویی در ناوبری برای فیگما 0:09:49
  • پروژه کلاسی 7 - چالش ناوبری دکمه کشویی 0:04:14
  • پروژه کلاسی 7 - تکمیل 0:03:51
  • چگونه از سکشن‌ها در فیگما برای سازماندهی محتوای خود استفاده کنیم؟ 0:04:49
  • چگونه از سکشن‌ها در فیگما برای نمونه‌سازی اولیه استفاده کنیم؟ 0:06:38
  • چگونه نوار وضعیت iOS battery wifi notch را به فیگما بیفزاییم؟ 0:07:11
  • چگونه رابط کاربری نوار اسنک iOS یا اندروید را به فیگما بیفزاییم؟ 0:10:38
  • پروژه کلاسی 8 - رابط کاربری سیستم عامل 0:01:47
  • مراقب باشید که در فیگما چه چیزی ایجاد می‌کنید 0:03:43
  • میانبرهای لایه پیشرفته در فیگما کدامند؟ 0:07:38
  • چگونه میانبرهای Zen لایه را در فیگما پیدا کنیم؟ 0:04:37
  • چگونه همه لایه‌ها را در فیگما مخفی، قفل و باز کنیم؟ 0:01:05
  • چگونه از لایه‌های قفل شده در فیگما استفاده کنیم؟ 0:02:11
  • چگونه جستجوی لایه را در فیگما Find Replace و Multi-select کنیم؟ 0:03:58
  • چگونه لایه‌ها را با ترفندهای پیشرفته در فیگما به صورت انبوه تغییر نام دهیم؟ 0:09:57
  • چگونه نمونه‌ها و واریانت‌ها را با میانبرها در فیگما جایگزین کنیم؟ 0:08:58
  • چگونه از ویژگی‌های کامپوننت تعویض نمونه با preferred در فیگما استفاده کنیم؟ 0:07:01
  • چگونه از ویژگی متن کامپوننت در فیگما استفاده کنیم؟ 0:02:21
  • چگونه از ویژگی کامپوننت بولی در فیگما استفاده کنیم؟ 0:03:10
  • چگونه یک فیلد ورودی را فقط با استفاده از ویژگی‌های کامپوننت در فیگما ایجاد کنیم؟ 0:10:22
  • چگونه واریانت‌ها را با ویژگی‌های کامپوننت در فیگما ترکیب کنیم؟ 0:09:37
  • چگونه ویژگی‌های کامپوننت را در سیستم‌های طراحی موجود اعمال کنیم؟ 0:08:18
  • ساده‌سازی نمونه در فیگما چیست؟ 0:04:01
  • نمونه‌های تودرتو نمایش داده شده در فیگما چه می‌کنند؟ 0:10:15
  • پروژه کلاسی 9 - یک دکمه برای کنترل همه آنها 0:04:16
  • نکات و ترفندهای فونت در فیگما چه هستند؟ 0:05:10
  • چگونه پیش‌نمایش فونت لایو را در فیگما مشاهده کنیم؟ 0:02:44
  • چگونه فونت‌ها را ریست کرده و فونت‌های پیش‌فرض را در فیگما تنظیم کنیم؟ 0:02:20
  • چگونه از درصد ارتفاع خط در گرید 8pt در فیگما استفاده کنیم؟ 0:04:42
  • چگونه از Leading trim برای cap کردن ارتفاع تا بیس‌لاین در فیگما استفاده کنیم؟ 0:04:16
  • چگونه نشانه‌گذاری معلق را برای نقل قول‌ها و فراخوانی‌ها در فیگما تنظیم کنیم؟ 0:01:04
  • گزینه‌های تایپ پیشرفته در فیگما کدامند؟ 0:09:38
  • چگونه از تایپ متغیر در طراحی اپلیکیشن UX در فیگما استفاده کنیم؟ 0:08:27
  • چگونه متن را با یک تایپ در یک مسیر در فیگما منحنی کنیم؟ 0:06:44
  • چگونه از فونت‌های ادوبی و فونت‌های محلی در فیگما استفاده کنیم؟ 0:04:52
  • چگونه از overrides متن در واریانت فیگما محافظت کنیم یا نکنیم؟ 0:04:42
  • چگونه از هوش مصنوعی چت‌جی‌پی‌تی برای ایجاد جایبان و پرسونا در فیگما استفاده کنیم؟ 0:03:48
  • چگونه استایل تصویر را در فیگما ایجاد کنیم؟ 0:03:47
  • تفاوت تصاویر درون فریم‌ها در مقابل fills در مقابل ماسک شده در فیگما چیست؟ 0:04:15
  • چگونه تصاویر را در فیگما با استفاده از میانبرها کراپ کنیم؟ 0:02:13
  • چگونه تصاویر را با متن در فیگما ماسک کنیم؟ 0:06:21
  • پروژه کلاسی 10 - ماسک کردن متن 0:02:49
  • چگونه با استفاده از pngs شفاف با کانال‌های آلفا در فیگما ماسک کنیم؟ 0:06:35
  • پروژه کلاسی 11 - ماسک آلفا 0:01:23
  • چگونه ماسک لوما را در فیگما ایجاد کنیم؟ 0:03:02
  • پروژه کلاسی 12 - ماسک لوما 0:01:00
  • چگونه ماسک spillover را خارج از فریم در فیگما بسازیم؟ 0:09:49
  • چگونه از ابزار pen برای ساخت ماسک‌های تصویر در فیگما استفاده کنیم؟ 0:11:04
  • چگونه از blending modes لایه رنگ در فیگما استفاده کنیم؟ 0:09:13
  • پروژه کلاسی 13 - تبلیغات رسانه‌های اجتماعی 0:02:28
  • چگونه ویدئو را در فیگما اضافه کنیم؟ 0:08:05
  • چگونه ویدئوی پخش خودکار پس‌زمینه را در فیگما ایجاد کنیم؟ 0:01:45
  • چگونه وقتی در فیگما هاور می کنید ویدئو را پخش کنید؟ 0:04:29
  • پروژه کلاسی 14 - پلی کردن شناور 0:00:54
  • چگونه دکمه پلی و پاز را برای ویدئو در فیگما ایجاد کنیم؟ 0:07:28
  • چگونه در فیگما کارت ویدئو بسازیم؟ 0:08:38
  • پروژه کلاسی 15 - کارت ویدئو 0:02:28
  • چند ترفند رنگی پیشرفته در فیگما چه هستند؟ 0:06:26
  • چگونه رنگ‌های جایگزین را در فیگما تغییر دهید؟ 0:08:56
  • چگونه تم‌های رنگی برای تم روشن و تم تاریک در فیگما ایجاد کنیم؟ 0:02:16
  • چگونه استایل‌های رنگی را با استفاده از اسلش‌ها یا پوشه‌ها در فیگما گروه‌بندی کنیم؟ 0:02:35
  • چگونه استایل‌های خود را در فیگما برای استفاده دیگران توصیف کنیم؟ 0:02:39
  • ویرایش استایل‌ها یا کتابخانه کامپوننت شخص دیگری در فیگما 0:04:30
  • چگونه استایل‌ها و کامپوننت‌های فونت رنگی را از کتابخانه تیم در فیگما پنهان کنیم؟ 0:04:45
  • چگونه تغییرات کامپوننت را با overlay در فیگما مقایسه کنیم؟ 0:03:52
  • چگونه استایل‌ها را به یک فایل طراحی دیگر در فیگما ریفکتور کنیم؟ 0:04:09
  • چگونه کامپوننت‌های ریفکتور کردن Relink را به یک فایل طراحی دیگر در فیگما انتقال دهیم؟ 0:05:40
  • چگونه بخش‌ها یا کل کتابخانه کامپوننت و استایل را در فیگما تعویض کنیم؟ 0:06:10
  • نکات و ترفندهای طراحی پیشرفته در فیگما چه هستند؟ 0:07:46
  • چگونه در فیگما با ابزار pen و تسلط به انکر پوینت طراحی کنیم؟ 0:07:24
  • چگونه با زاویه Bend و Mirror در فیگما طراحی کنیم؟ 0:02:49
  • آیا می‌توانید انکرپوینت‌ها یا بولی‌ها را در فیگما متحرک کنید؟ 0:03:00
  • چگونه منوی ناوبری موبایل را در فیگما با استفاده از dip متحرک کنید؟ 0:14:12
  • پروژه کلاسی 16 - انیمیشن ناوبری جایگزین 0:01:08
  • چگونه آبجکت‌ها را در طرح‌بندی خودکار فیگما همپوشانی کرده و استک کنیم؟ 0:03:16
  • میانبرهای hug و fill در فیگما چه هستند؟ 0:03:36
  • چگونه فاصله‌گذاری مطلق را به طوری که همه چیز از طرح‌بندی خودکار در فیگما چشم پوشی کند تنظیم کنیم؟ 0:02:47
  • چگونه پوزیشن مطلق آبجکتی را که در فیگما واکنش‌گرا است پیدا کنیم؟ 0:02:23
  • چگونه آبجکت‌ها را به سمت راست پایین طرح‌بندی خودکار در فیگما بچسبانیم؟ 0:04:02
  • چگونه اندازه یک کادر را در طرح‌بندی خودکار برای مطابقت با متن در فیگما به طور خودکار تغییر دهید؟ 0:04:52
  • میانبرهای padding و تغییر اندازه طرح‌بندی خودکار چیست؟ 0:01:51
  • چگونه دکمه‌ای با حداقل عرض و ارتفاع در فیگما ایجاد کنیم؟ 0:03:56
  • چگونه آبجکت‌های طرح‌بندی خودکار را در فیگما wrap کنیم؟ 0:01:42
  • معنی stroke گنجانده شده و حذف شده در طرح‌بندی خودکار فیگما چیست؟ 0:02:00
  • چگونه فاصله‌گذاری سفارشی را در طرح‌بندی‌های خودکار در فیگما تنظیم کنیم؟ 0:03:31
  • چگونه کامپوننت‌ها را در فیگما به گروه‌ها سازماندهی کنیم؟ 0:05:57
  • چگونه کامپوننت‌های جایبان اسلات را در فیگما ایجاد کنیم؟ 0:07:21
  • چگونه وبسایت موجود را به طرح فیگما تبدیل کنیم؟ 0:05:04
  • چگونه با استفاده از overlays در فیگما منوی کشویی ایجاد کنیم؟ 0:13:58
  • چگونه منوی کشویی چندسطحی در فیگما ایجاد کنیم؟ 0:14:14
  • پروژه کلاسی 17 - منوی کشویی تودرتو 0:01:47
  • چگونه افکت رشد شناور را برای تصاویر در فیگما ایجاد کنیم؟ 0:18:22
  • پروژه کلاسی 18 - افکت رشد شناور 0:02:15
  • چگونه یک نوار جستجوی توسعه‌پذیر در فیگما بسازیم؟ 0:10:25
  • پروژه کلاسی 19 - گسترش نوار جستجو 0:00:56
  • متغیرها در فیگما چه هستند؟ 0:03:26
  • چگونه مجموع سبد خرید را با استفاده از متغیرهای عددی در فیگما ایجاد کنیم؟ 0:05:40
  • چگونه شرطی‌ها را به متغیرها در فیگما اضافه کنیم؟ 0:02:26
  • تغییر واریانت با استفاده از متغیر بولی - تغییر رنگ سبد 0:05:41
  • تبدیل متغیر بولی به false در فیگما 0:01:50
  • ساخت پنجره پاپ‌آپ Overlay در پنل اکشن متغیر در فیگما 0:02:53
  • Dark Mode و Light Mode با استفاده از کالکشن‌ها و متغیرهای رنگ در فیگما 0:07:04
  • چگونه می‌توان یک فاصله‌گذاری را با متغیرهای عددی در فیگما تغییر داد؟ 0:04:57
  • توکن‌های طراحی در فیگما چه هستند؟ 0:06:50
  • چگونه توکن‌های طراحی را در فیگما ایجاد کنیم؟ 0:09:46
  • ایجاد توکن‌های طراحی فاصله و شعاع در فیگما 0:07:46
  • چه زمانی از توکن‌های طراحی در فیگما استفاده کنید؟ 0:05:06
  • چگونه در طول یک مسیر در فیگما انیمیشن‌سازی کنید؟ 0:11:57
  • چگونه فایل‌های انیمیشن Lottie را در فیگما اضافه کنیم؟ 0:04:55
  • قابل دسترسی کردن طراحی‌های خود - راهنمای پلاگین دسترس‌پذیری در فیگما 0:11:01
  • چند نکته برای کار کردن با همکاران در فیگما 0:06:47
  • چگونه داپلیکیشن و بازیابی تاریخچه نسخه را در فیگما مشاهده کنیم؟ 0:06:07
  • چگونه نسخه‌های قبلی فایل‌های فیگما را آرشیو کرده و بازیابی کنیم؟ 0:04:17
  • چگونه یک flow در فیگما ایجاد کرده و به اشتراک بگذاریم؟ 0:03:32
  • چگونه ابزار Slice را در فیگما استفاده کنیم؟ 0:02:42
  • چگونه تصاویر بدون برش و مقیاس‌بندی نشده از فیگما اکسپورت کنیم؟ 0:03:56
  • چگونه تصاویر webp را از فیگما و فتوشاپ اکسپورت کنیم؟ 0:05:28
  • چگونه حجم فایل تصاویر را در فایل فیگما کوچک کنیم؟ 0:03:04
  • چگونه یک کامپوننت را در سیستم طراحی فیگما مستند کنیم؟ 0:04:57
  • چگونه از DEV Mode در فیگما استفاده کنیم؟ 0:08:51
  • پروژه کلاسی 20 - تکمیل طراحی خود 0:06:08
  • گام بعدی - فیگمای پیشرفته 0:03:55

9,622,000 2,405,500 تومان

مشخصات آموزش

طراحی پیشرفته UI و UX با فیگما - تبدیل شدن به حرفه‌ای فیگما

  • تاریخ به روز رسانی: 1404/12/10
  • سطح دوره:متوسط
  • تعداد درس:175
  • مدت زمان :16:08:40
  • حجم :2.89GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید