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

طراحی رابط کاربری و تجربه کاربری وب در فیگما از ابتدا با هوش مصنوعی و پروژه‌های بزرگ

طراحی رابط کاربری و تجربه کاربری وب در فیگما از ابتدا با هوش مصنوعی و پروژه‌های بزرگ

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

آنچه یاد خواهید گرفت:

  • یاد خواهید گرفت چگونه طرح‌بندی‌های وب‌سایت و اپلیکیشن مدرن در فیگما ایجاد کنید.
  • شما به طور کامل به تمام ابزارهای فیگما برای طراحی‌ها مسلط خواهید شد.
  • یاد خواهید گرفت چگونه از هوش مصنوعی در طراحی استفاده کنید.
  • Figma Jam را برای تولید ایده‌ها در تیم بررسی خواهید کرد.
  • Figma Make را برای تولید وب‌سایت‌ها با هوش مصنوعی مستقیماً در فیگما بررسی خواهید کرد.
  • Figma Site را برای ایجاد وب‌سایت‌های مدرن بدون کد به‌طور مستقیم در فیگما بررسی خواهید کرد.
  • Figma Presentation را برای طراحی اسلایدها و ارائه‌های زیبا بررسی خواهید کرد.
  • یاد خواهید گرفت چگونه به گردش کار خود در فیگما سرعت بخشید.
  • یاد خواهید گرفت چگونه نمونه اولیه از طرح‌بندی‌ها ایجاد کنید و رابط‌های قابل کلیک بسازید.
  • شما به سیستم‌های طراحی و کار با کامپوننت‌ها برای ساده‌سازی گردش کار خود مسلط خواهید شد.
  • یاد خواهید گرفت طراحی واکنش‌گرا چیست.
  • یاد خواهید گرفت چگونه طرح‌بندی‌های خود را برای هر دستگاه موبایل سازگار کنید.
  • یاد خواهید گرفت چگونه رنگ‌های مناسب را برای وب‌سایت‌های خود انتخاب کنید.
  • یاد خواهید گرفت چگونه فونت‌های مناسب را برای وب‌سایت‌های خود انتخاب کنید.
  • یاد خواهید گرفت چگونه عناصر را در صفحات وب ترکیب کنید.
  • یاد خواهید گرفت چگونه با تصاویر در فیگما کار کنید.
  • یاد خواهید گرفت چگونه وایرفریم بسازید و آن‌ها را به رابط‌های کامل تبدیل کنید.
  • درک خواهید کرد یک طراح رابط کاربری و تجربه کاربری چه کاری انجام می‌دهد و آیا این مسیر شغلی برای شما مناسب است.
  • یاد خواهید گرفت چگونه با مشتریان آینده‌تان مذاکره کنید.
  • یاد خواهید گرفت چگونه یک بریف برای مشتری به عنوان فریلنسر بنویسید.

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

  • یک کامپیوتر کارآمد و دسترسی به اینترنت

توضیحات دوره

این دوره به طور کامل بروزرسانی و بازطراحی شده است تا با رابط کاربری فیگما 2025 و جدیدترین ویژگی‌های آن مطابقت داشته باشد.

اکنون، بزرگ‌تر و مدرن‌تر شده است و تمامی قابلیت‌های جدید فیگما را پوشش می‌دهد.

عالی برای افراد کاملا مبتدی

ما از مبانی 

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

طراحی با هوش مصنوعی

شما یاد می‌گیرید چگونه از هوش مصنوعی، هم ابزارهای خارجی و هم ابزارهای داخلی فیگما در طراحی استفاده کنید.

ما بررسی می‌کنیم چگونه طرح‌بندی‌ها را تولید کنید، تصاویر را بهبود دهید، ایده‌های خلاقانه ایجاد کنید و به طور قابل توجهی به گردش کارتان سرعت بخشید.

طرح‌بندی‌ها با هر سطحی از پیچیدگی

شما یاد می‌گیرید وب‌سایت‌ها را از ابتدا، با هر میزان پیچیدگی یا تم طراحی کنید.

از صفحات فرود ساده تا وب‌سایت‌های چندصفحه‌ای کاملا واکنش‌گرا با ساختار واضح را پوشش می‌دهیم.

توضیح ساده و لذت‌بخش رنگ‌ها

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

ترفندهای طراحی تاثیرگذار

ما به تکنیک‌های تصویری مانند برش شدید، برش نرم، تیونینگ کنتراست و کامپوزیشن می‌پردازیم.

شما یاد خواهید گرفت چگونه از فضای سفید به‌طور مؤثر استفاده کنید، کنتراست را اعمال کنید، عناصر را لایه‌بندی کنید و تصاویر مناسب را برای طراحی‌های خود انتخاب کنید.

توضیح ساده تایپوگرافی زیبا

شما هر آنچه باید بدانید را یاد خواهید گرفت، اینکه از کجا بهترین فونت‌ها را بیابید، چگونه آن‌ها را نصب کنید، چگونه با یکدیگر مطابقت دهید و چگونه جفت فونت‌های زیبا برای وب‌سایت خود انتخاب کنید.

رابط کاربری و تجربه کاربری بدون ترس

اگرچه این دوره بر طراحی رابط کاربری متمرکز است، شما با تجربه کاربری نیز آشنا می‌شوید، اصول تجربه کاربری، منطق ساختار رابط و طراحی تعامل را بررسی می‌کنید.

تمرین در هر درس

دو پروژه بزرگ و زیبا برای پرتفولیوی خود می‌سازید.

هر درس گامی به جلو است که واضح و کاربردی است و هیچ نظریه اضافی یا توضیحات بیش از حد ی ندارد.

طراحی واکنش‌گرا، انیمیشن و تعاملی بودن

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

کار با مشتریان و رشد به عنوان یک طراح

ما در مورد چگونگی ارتباط با مشتریان، ایجاد بریف‌ها، یافتن الهام، تولید ایده و توسعه سبک خلاقانه خود صحبت خواهیم کرد.

این دوره برای چه کسانی مناسب است؟

  • طراحان مبتدی، توسعه‌دهندگان فرانت‌اند، برنامه‌نویسان وب و افراد خلاق!
  • هر کسی که به یادگیری چیزی جدید علاقه دارد!

طراحی رابط کاربری و تجربه کاربری وب در فیگما از ابتدا با هوش مصنوعی و پروژه‌های بزرگ

  • دانلود مواد 05:25
  • چگونه این دوره را بگذرانیم؟ 03:27
  • ابعاد یک وب‌سایت چه هستند؟ 12:58
  • ایجاد فریم وب‌سایت 11:12
  • راهنمای گرید چیست؟ 11:17
  • راهنمای گرید مرکزی در مقابل Stretch 05:20
  • مبانی کار با شکل‌ها، تصاویر و لایه‌ها 09:51
  • مبانی کار با متن 13:34
  • گروه‌بندی لایه‌ها به فریم‌ها 06:48
  • حالت ارائه و چند کلید میانبر 06:45
  • چگونه فایل‌های فیگما را ذخیره کنیم و به اشتراک بگذاریم؟ 09:55
  • تفاوت بین رابط کاربری و تجربه کاربری 07:16
  • انتخاب رنگ‌ها از تصاویر 02:20
  • تمرین 1 - انتخاب رنگ از یک تصویر 06:43
  • HSB چیست؟ تیونینگ رنگ 07:42
  • ابزارهایی برای انتخاب رنگ پروژه 10:46
  • چگونه با گرادیان‌ها کار کنیم؟ 07:51
  • قاعده نسبت رنگ 60/30/10 08:57
  • تمرین 2 - انتخاب رنگ‌ها برای یک وب‌سایت 25:02
  • تفاوت بین گرافیک‌های رستر و وکتور 03:20
  • چگونه تصاویر باکیفیت انتخاب کنیم؟ 06:50
  • چگونه تصاویر را تیره‌تر کنیم؟ 10:21
  • چگونه تن به تصاویر دهیم؟ 06:19
  • تمرین 3 - تن دادن تصویر 03:57
  • تکنیک برش شدید 06:56
  • تمرین 4 - برش شدید 06:11
  • تکنیک برش نرم 03:28
  • تمرین 5 - برش نرم 03:37
  • درباره آیکون‌ها 05:36
  • چگونه آیکون خود را بسازیم؟ 16:45
  • چگونه با استروک‌ها کار کنیم؟ 07:49
  • ویژگی‌های هوش مصنوعی برای تصاویر در فیگما (نسخه پولی فیگما) 08:49
  • ویژگی‌های هوش مصنوعی برای تصاویر در فیگما (نسخه پولی) 08:47
  • مبانی کار با AutoLayout 15:17
  • تمرین 6 - AutoLayout 05:35
  • ابزار Pen چگونه کار می‌کند؟ 11:44
  • تکنیک‌های پیشرفته ابزار Pen 12:14
  • تمرین 7 - ابزار Pen 08:04
  • چگونه الگوها را ایجاد کنید؟ 07:45
  • متن روی یک مسیر و استایل‌های براش 05:28
  • تفاوت بین فریم‌ها و گروه‌ها 09:05
  • ایجاد بخش بعدی وب‌سایت 10:06
  • قواعد فاصله‌گذاری در طراحی وب 11:58
  • تمرین 8 - فاصله‌گذاری در طراحی وب 18:59
  • جمع‌بندی اصول فاصله‌گذاری 03:51
  • استایل‌ها چگونه کار می‌کنند؟ 14:21
  • ایجاد بخش بعدی وب‌سایت 07:18
  • افکت‌ها چگونه کار می‌کنند؟ 08:40
  • ماسک‌ها چگونه کار می‌کنند؟ 08:02
  • تمرین اضافی درباره ماسک‌ها 09:20
  • ایجاد بخش بعدی 08:45
  • پلاگین‌ها چگونه کار می‌کنند؟ 06:02
  • Figma Community چیست؟ 03:21
  • ایجاد فوتر وب‌سایت 06:02
  • نهایی‌سازی وب‌سایت 12:41
  • اهمیت فونت‌ها 02:56
  • انواع فونت‌ها 04:56
  • کجا فونت‌های جدید را پیدا کنیم؟ 05:39
  • چگونه فونت‌ها را انتخاب کنیم؟ 04:42
  • تمرین 9 - انتخاب فونت‌های مناسب 10:25
  • تنظیمات فونت 14:05
  • تمرین 10 - تغییر تنظیمات فونت 05:42
  • چگونه کاور پروژه بسازیم؟ 04:13
  • بریف برای مشتری 07:02
  • تمرین 11 - پروژه سفر 02:41
  • چگونه یک مودبرد بسازیم؟ 04:49
  • وایرفریم وب‌سایت چیست؟ 13:01
  • بررسی ویژگی‌های هوش مصنوعی در فیگما (نسخه پولی فیگما) 08:28
  • آیا یک طراح به فتوشاپ نیاز دارد؟ 14:12
  • سیستم طراحی چیست؟ 07:17
  • ایجاد استایل‌شیت 06:27
  • فیکس کردن یک مشکل کوچک در استایل‌ها 08:31
  • تمرین 12 - سیستم طراحی خود را ایجاد کنید 04:02
  • ایجاد بخش بعدی وب‌سایت 11:31
  • کامپوننت‌ها چگونه کار می‌کنند؟ 11:00
  • واریانت‌ها چگونه کار می‌کنند؟ 15:47
  • جمع‌بندی: واریانت‌ها 05:44
  • تمرین 13 - واریانت‌های خود را ایجاد کنید 01:20
  • ایجاد بخش بعدی وب‌سایت 08:49
  • GRID AutoLayout چگونه کار می‌کند؟ 15:23
  • نسخه AutoLayout Pro 12:07
  • ایجاد بخش بعدی وب‌سایت 11:59
  • ایجاد صفحه وبلاگ 06:25
  • ایجاد کارت وبلاگ 09:53
  • Min width و Max Width چگونه کار می‌کنند؟ 04:57
  • ایجاد واریانت‌های کارت وبلاگ 05:48
  • تمرین 14 - ایجاد یک طراحی وب‌سایت 01:09
  • مبانی محدودیت‌ها 07:03
  • محدودیت‌ها با گرید طرح‌بندی چگونه کار می‌کنند؟ 06:09
  • تمرین 15 - محدودیت‌ها 07:48
  • طراحی واکنش‌گرا چیست؟ 16:03
  • DPI و PPI چه هستند؟ 05:32
  • تطبیق صفحه اول وب‌سایت 41:55
  • تمرین 6 - طراحی خود را واکنش‌گرا کنید 14:10
  • کلیدهای میانبر مفید 13:28
  • حالت ارائه 07:53
  • تنظیمات پیشرفته نمونه اولیه 08:26
  • انیمیشن اولیه در فیگما 07:06
  • منحنی‌های بزیه چگونه کار می‌کنند؟ 07:28
  • استفاده از open overlay و اسکرول به 06:55
  • swap overlay چگونه کار می‌کند؟ 06:41
  • After Delay چگونه کار می‌کند؟ 02:50
  • Smart Animate چگونه کار می‌کند؟ 06:47
  • متحرک‌سازی منوی وب‌سایت 05:07
  • نمونه‌سازی اولیه کامپوننت‌ها 06:24
  • بازنشانی موقعیت و State کامپوننت 05:39
  • نتیجه‌گیری بخش نمونه‌سازی اولیه 02:01
  • تفاوت‌های بین نسخه پولی و رایگان فیگما 10:11
  • اکسپورت تصاویر 05:31
  • چگونه در یک تیم همکاری کنیم؟ 03:48
  • بررسی Figma Make 09:58
  • بررسی Figma Site 05:01
  • بررسی Figma Buzz 06:09
  • بررسی Figma Slides 04:11
  • بررسی Figma Jam 03:53

6,366,000 1,273,200 تومان

مشخصات آموزش

طراحی رابط کاربری و تجربه کاربری وب در فیگما از ابتدا با هوش مصنوعی و پروژه‌های بزرگ

  • تاریخ به روز رسانی: 1404/09/07
  • سطح دوره:همه سطوح
  • تعداد درس:116
  • مدت زمان :16:07:25
  • حجم :14.52GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

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

The Great Courses
994,000 198,800 تومان
  • زمان: 02:31:18
  • تعداد درس: 57
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
25,089,000 5,017,800 تومان
  • زمان: 63:31:05
  • تعداد درس: 525
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 0:37:50
  • تعداد درس: 8
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 0:44:40
  • تعداد درس: 11
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,280,500 1,256,100 تومان
  • زمان: 15:54:55
  • تعداد درس: 101
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
9,170,500 1,834,100 تومان
  • زمان: 23:13:10
  • تعداد درس: 186
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,659,000 331,800 تومان
  • زمان: 04:12:34
  • تعداد درس: 11
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,903,500 780,700 تومان
  • زمان: 09:53:23
  • تعداد درس: 49
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی

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

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