قیمت این دوره: 500,000 400,000 تومان
  • مدرس دوره : امیر مهدی گودرزی
  • تعداد ویدیوها : 40 ویدیو
  • مدت زمان دوره : 6:11:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1404/07/12
ثبتـــ نام در این دوره ثبت نام در دوره
دوره جامع آموزش فیگما : از صفر مطلق تا ورود به بازار کار طراحی

دوره جامع آموزش فیگما : از صفر مطلق تا ورود به بازار کار طراحی

در دنیای طراحی رابط کاربری، اگر فقط یک ابزار وجود داشته باشد که دانستنش برای ورود به بازار کار ضروری باشد، آن ابزار فیگما (Figma) است.
در این دوره، شما صفر تا صد فیگما را به‌صورت پروژه‌محور و عملی یاد می‌گیرید؛ از اولین کلیک تا طراحی کامل یک دیزاین سیستم، ساخت پروتوتایپ‌های واقعی، و حتی استفاده از هوش مصنوعی در فرآیند طراحی.

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

 

ویژگی‌های خاص این دوره:

بیش از ۹۰ ویدیوی آموزشی دسته‌بندی‌شده

طراحی ۳ پروژه‌ی واقعی با سناریوی کاربردی

تمرکز بر اصول طراحی، ابزارهای روز، و واقعیت بازار کار

یک فصل کامل درباره‌ی هوش مصنوعی در طراحی

آپدیت منظم و پشتیبانی مدرس

 

📦 در پایان این دوره:

فیگما را در سطح حرفه‌ای مسلط خواهید بود

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

می‌دانید چگونه از ابزارهای هوش مصنوعی در طراحی بهره ببرید

پروژه‌هایی در رزومه خواهید داشت که قابل ارائه به کارفرما هستند

با مسیر ورود به بازار کار آشنا شده‌اید

 

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

موارد پایه فیگما
قوانین UI/ UX
شروع طراحی عناصر
وایر فریم و لیوت ها
ریسپانسیو سازی
پروتوتایپ ها - Prototyping
دیزاین سیستم ها – Design system
پروژه ها
موارد ورود به بازار کار

 



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

  1. ندارد

فهرستـــ ویدیوها

مدت زمان دوره 6:11:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • فیگما و UI / UX چیست؟

00:04:12

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

2
  • نصب فیگما

00:02:00

در این ویدیو نصب فیگما و استفاده از آن در مرور گر را به شما عزیزان تدریس کردم.

3
  • رابط کاربری فیگما

00:07:56

در این ویدیو رابط کاربری فیگما را برسی میکنیم.

4
  • بخش های ریز فیگما

00:08:44

در این ویدیو ابزار های فیگما و Shortcut ها رو برسی میکنیم.

5
  • قوانین طراحی : قانون ثبات - Consistency

00:06:20

در این ویدیو یکی از مهم ترین قوانین طراحی را به نام ثبات یا - Consistency را برسی کردیم.

6
  • قوانین طراحی : قانون سلسله مراتب بصری - Visual hierarchy

00:08:30

در این ویدیو قانون و اصل سلسله مراتب بصری به شما عزیزان تدرسی داده شد. و موارد زیر مجموعه آن را برای شما شرح دادم.

7
  • توضیح قوانین سلسله مراتب بصری

00:13:13

در این ویدیو قوانین زیر مجموعه سلسله مراتب بصری را برای شما عزیزان باز کردم و شرح دادم.

8
  • رنگ ها در طراحی

00:06:39

در این ویدیو تاثیر رنگ ها در طراحی را برای شما عزیزان شرح دادم.

9
  • تایپوگرافی در طراحی - Typography

00:12:05

در این ویدیو در رابطه با تایپو گرافی و متن ها توضیح داده ام.

10
  • ادامه مباحث تایپو گرافی

00:04:37

ادامه مباحث تایپو گرافی مانند انتخاب فونت ها توضیح داده شده.

11
  • دسترسی پذیری در طراحی - Accessibility

00:06:20

در این ویدیو در مورد دسترسی پذیری در طراحی و انسانی بودن آن توضیح داده شده.

12
  • چرخ رنگ - Color wheel

00:08:51

در این ویدیو در مورد چرخ رنگ و نحوه انتخاب رنگ ها - هارمونی ها - پلت ها توضیح داده شده است.

13
  • طراحی باکس ها در فیگما

00:12:27

در این ویدیو طراحی را آغاز کرده و چندین باکس طراحی میکنیم.

14
  • طراحی دکمه ها و استفاده آنها در باکس

00:07:21

در این ویدیو دکمه ها (CTA) ها را طراحی کردیم و از آنها در باکس ها استفاده کردیم.

15
  • نگاهی به Auto layout ها

00:07:38

در این ویدیو نگاهی به Auto layout ها انداختیم و چند دکمه طراحی کردیم.

16
  • چالش اول : باکس ها

00:03:10

در این ویدیو اولین چالش و تمرین برای شما عزیزان قرار گرفته است.

17
  • فرم ها - Forms چه هستند ؟

00:08:42

در این ویدیو در رابطه با فرم ها توضیح داده شد.

18
  • طراحی فرم ها - Forms قسمت اول

00:09:10

در این ویدیو چندین فرم طراحی شد.

19
  • طراحی فرم ها - Forms قسمت دوم

00:07:42

در این ویدیو چند نوع دیگر از فرم ها طراحی شد.

20
  • هیروسکشن - Herosection

00:03:27

در این ویدیو در رابطه با هیرو سکشن ها برای شما عزیزان توضیح داده شده.

21
  • طراحی هیروسکشن

00:18:21

در این ویدیو با یکدیگر هیروسکشن ها را طراحی کردیم.

22
  • طراحی تستو مونیال - Testo Monial

00:10:20

تستو مونیال ها یا همان نظرات کاربران بخش مهمی از وب سایت هستند که هر طراح باید نحوه طراحی ان را از بر باشد. در این ویدیو ما چند تستو مونیال طراحی کردیم.

23
  • طراحی کارت های قیمت - Pricing plans

00:20:49

کارت های قیمت در اکثر وب سایت های خرید و فروش وجود دارد و دانش ان نیاز طراح است.

24
  • طراحی گالری تصاویر

00:13:44

در این ویدیو گالری تصاویر برای دسکتاپ طراحی شده .

25
  • طراحی گالری تصاویر برای موبایل و تبلت

00:17:37

در این ویدیو گالری های تصاویر دسکتاپ را برای موبایل و تبلت طراحی کردیم.

26
  • طراحی مسیج باکس ها - Message box

00:13:37

مسیج باکس ها یکی از کلیدی ترین ایتم ها برای نشان دادن تعامل در وب سایت است و زمانی که کاربر یک عملی را انجام میدهد یم مسیج باکس نمایش داده میشود.

27
  • طراحی فوتر - Footer

00:22:13

در این ویدیو اصول و طراحی فوتر ها آموزش داده شده است.

28
  • چالش دوم : طراحی فوتر

00:01:51

چالش طراحی فوتر برای شما عزیزان.

29
  • طراحی Liquid Glass

00:21:13

در این ویدیو طراحی Liquid Glass مخصوص ios 26 را طراحی کردیم.

30
  • پروژه نهایی این فصل : وب سایت آتلیه

00:25:06

در این ویدیو یک پروژه کلی قرار گرفته تا تمام تدریس های قبلی و دانش قبلی شما را مورد امتحان و برسی قرار دهد.

31
  • چالش سوم : طراحی وب سایت

00:02:52

در این ویدیو چالسی برای شما عزیزان طراحی شده تا توانایی خود را به چالش بکشید.

32
  • وایر فریم - Wire frame چیست؟

00:03:52

در این ویدیو در رابطه با وایر فریم ها توضیح داده شده است.

33
  • نحوه کشیدن وایر فریم ها

00:03:52

در این ویدیو انواع روش های کشیدن وایر فریم را برای شما عزیزان شرح داده ام.

34
  • کشیدن وایر فریم برای طراحی و دیزاین

00:16:22

در این ویدیو یک وایر فریم طراحی شده و سپس طراحی از روی وایر فریم انجام میشود.

35
  • گرید ها

00:05:39

در این ویدیو گرید ها را برای شما عزیزان تدریس کردم و موارد استفاده آن را گفته ام.

36
  • پیاده سازی گرید ها روی پروژه ها

00:04:37

در این ویدیو گرید ها را روی پروژه پیاده سازی میکنیم.

37
  • استایل کردن گرید ها

00:03:32

در این ویدیو نحوه استایل کردن گرید ها و استفاده دوباره از انها تدریس داده شده.

38
  • ریسپانسیو سازی چیست؟

00:02:19

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

39
  • مرور گرید و اتو لیوت ها

00:08:23

این ویدیو پیش نیاز ویدیو های بعدی برای انجام ریسپانسیو سازی میباشد.

40
  • Constrain ها در فیگما و طراحی

00:06:11

در این ویدیو در مورد Constrain ها و عملکرد آنها توضیح داده شده.


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .