مخصوص اعضای ویژه 
قیمت این دوره با تخفیف 40% : 300,000 تومان مهلت استفاده از این تخفیف تا :
قیمت این دوره: 500,000 300,000 تومان
- مدرس دوره : امیر مهدی گودرزی ( رزومه )
- تعداد ویدیوها : 76 ویدیو
- مدت زمان دوره : 18:58:00
- سطح دوره : پیشرفته
- وضعیت دوره : در حال برگزاری
- تاریخ آخرین بروزرسانی : 1404/08/24
دوره جامع آموزش فیگما : از صفر مطلق تا ورود به بازار کار طراحی
در دنیای طراحی رابط کاربری، اگر فقط یک ابزار وجود داشته باشد که دانستنش برای ورود به بازار کار ضروری باشد، آن ابزار فیگما (Figma) است.
در این دوره، شما صفر تا صد فیگما را به‌صورت پروژه‌محور و عملی یاد می‌گیرید؛ از اولین کلیک تا طراحی کامل یک دیزاین سیستم، ساخت پروتوتایپ‌های واقعی، و حتی استفاده از هوش مصنوعی در فرآیند طراحی.
در کنار آموزش ابزار، با اصول طراحی UI/UX، ساختار پروژه‌های واقعی، قوانین تجربه کاربری و نکات ورود به بازار کار نیز آشنا خواهید شد.
این دوره فقط آموزش نرم‌افزار نیست؛ بلکه یک مسیر کامل است برای تبدیل شدن به یک طراح رابط کاربری حرفه‌ای و آماده ورود به دنیای کار یا فریلنسری.
ویژگی‌های خاص این دوره:
بیش از ۹۰ ویدیوی آموزشی دسته‌بندی‌شده
طراحی ۳ پروژه‌ی واقعی با سناریوی کاربردی
تمرکز بر اصول طراحی، ابزارهای روز، و واقعیت بازار کار
یک فصل کامل درباره‌ی هوش مصنوعی در طراحی
آپدیت منظم و پشتیبانی مدرس
📦 در پایان این دوره:
فیگما را در سطح حرفه‌ای مسلط خواهید بود
با طراحی ریسپانسیو، وایرفریم، دیزاین سیستم و پروتوتایپ به‌صورت عملی کار می‌کنید
می‌دانید چگونه از ابزارهای هوش مصنوعی در طراحی بهره ببرید
پروژه‌هایی در رزومه خواهید داشت که قابل ارائه به کارفرما هستند
با مسیر ورود به بازار کار آشنا شده‌اید
سرفصل های دوره |
| موارد پایه فیگما |
| قوانین UI/ UX |
| شروع طراحی عناصر |
| وایر فریم و لیوت ها |
| ریسپانسیو سازی |
| پروتوتایپ ها - Prototyping |
| دیزاین سیستم ها – Design system |
| پروژه ها |
| موارد ورود به بازار کار |
پیش نیاز های دوره :
- ندارد
فهرستـــ ویدیوها
مدت زمان دوره 18:58:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
1
فیگما و UI / UX چیست؟
00:04:12
در این ویدیو در مورد فیگما و طراحی و تجربه کاربری توضیح داده شده تا موارد پایه برای شما عزیزان مفهوم شود.
5
قوانین طراحی : قانون ثبات - Consistency
00:06:20
در این ویدیو یکی از مهم ترین قوانین طراحی را به نام ثبات یا - Consistency را برسی کردیم.
6
قوانین طراحی : قانون سلسله مراتب بصری - Visual hierarchy
00:08:30
در این ویدیو قانون و اصل سلسله مراتب بصری به شما عزیزان تدرسی داده شد. و موارد زیر مجموعه آن را برای شما شرح دادم.
7
توضیح قوانین سلسله مراتب بصری
00:13:13
در این ویدیو قوانین زیر مجموعه سلسله مراتب بصری را برای شما عزیزان باز کردم و شرح دادم.
9
تایپوگرافی در طراحی - Typography
00:12:05
در این ویدیو در رابطه با تایپو گرافی و متن ها توضیح داده ام.
11
دسترسی پذیری در طراحی - Accessibility
00:06:20
در این ویدیو در مورد دسترسی پذیری در طراحی و انسانی بودن آن توضیح داده شده.
12
چرخ رنگ - Color wheel
00:08:51
در این ویدیو در مورد چرخ رنگ و نحوه انتخاب رنگ ها - هارمونی ها - پلت ها توضیح داده شده است.
14
طراحی دکمه ها و استفاده آنها در باکس
00:07:21
در این ویدیو دکمه ها (CTA) ها را طراحی کردیم و از آنها در باکس ها استفاده کردیم.
15
نگاهی به Auto layout ها
00:07:38
در این ویدیو نگاهی به Auto layout ها انداختیم و چند دکمه طراحی کردیم.
20
هیروسکشن - Herosection
00:03:27
در این ویدیو در رابطه با هیرو سکشن ها برای شما عزیزان توضیح داده شده.
22
طراحی تستو مونیال - Testo Monial
00:10:20
تستو مونیال ها یا همان نظرات کاربران بخش مهمی از وب سایت هستند که هر طراح باید نحوه طراحی ان را از بر باشد. در این ویدیو ما چند تستو مونیال طراحی کردیم.
23
طراحی کارت های قیمت - Pricing plans
00:20:49
کارت های قیمت در اکثر وب سایت های خرید و فروش وجود دارد و دانش ان نیاز طراح است.
25
طراحی گالری تصاویر برای موبایل و تبلت
00:17:37
در این ویدیو گالری های تصاویر دسکتاپ را برای موبایل و تبلت طراحی کردیم.
26
طراحی مسیج باکس ها - Message box
00:13:37
مسیج باکس ها یکی از کلیدی ترین ایتم ها برای نشان دادن تعامل در وب سایت است و زمانی که کاربر یک عملی را انجام میدهد یم مسیج باکس نمایش داده میشود.
30
پروژه نهایی این فصل : وب سایت آتلیه
00:25:06
در این ویدیو یک پروژه کلی قرار گرفته تا تمام تدریس های قبلی و دانش قبلی شما را مورد امتحان و برسی قرار دهد.
31
چالش سوم : طراحی وب سایت
00:02:52
در این ویدیو چالسی برای شما عزیزان طراحی شده تا توانایی خود را به چالش بکشید.
33
نحوه کشیدن وایر فریم ها
00:03:52
در این ویدیو انواع روش های کشیدن وایر فریم را برای شما عزیزان شرح داده ام.
34
کشیدن وایر فریم برای طراحی و دیزاین
00:16:22
در این ویدیو یک وایر فریم طراحی شده و سپس طراحی از روی وایر فریم انجام میشود.
37
استایل کردن گرید ها
00:03:32
در این ویدیو نحوه استایل کردن گرید ها و استفاده دوباره از انها تدریس داده شده.
38
ریسپانسیو سازی چیست؟
00:02:19
در این ویدیو در رابطه با ریسپانسیو سازی و نحوه عملکرد آن توضیح داده شده.
39
مرور گرید و اتو لیوت ها
00:08:23
این ویدیو پیش نیاز ویدیو های بعدی برای انجام ریسپانسیو سازی میباشد.
40
Constrain ها در فیگما و طراحی
00:06:11
در این ویدیو در مورد Constrain ها و عملکرد آنها توضیح داده شده.
42
طراحی باکس های کانتینر دار ریسپانسیو
00:11:23
در این ویدیو چند مدل باکس های کانتینر دار به صورت ریسپانسیو با هم دیگر طراحی کردیم.
43
پروژه ریسپانسیو
00:24:00
در این ویدیو با استفاده از دانش ریسپانسیو برای شما پروژه ای ریسپانسیو طراحی کرده ایم.
44
چالش چهارم : طراحی باکس های ریسپانسیو
00:05:04
در این ویدیو چالشی برای شما عزیزان طراحی شده تا بتوانید باکس های ریسپانسیو طراحی کنید.
45
پروتوتایپ - Prototype چیست؟
00:02:35
در این ویدیو در مورد پروتوتایپ ها و موارد اولیه توضیح داده شده.
47
طراحی پروتوتایپ برای باکس ها
00:07:21
در این ویدیو برای چند مدل باکس پروتوتایپ طراحی کردیم و حالت های مختلف آن را ساختیم.
48
طراحی پروتوتایپ بین دو صفحه
00:13:40
در این ویدیو نحوه کشیدن پروتوتایپ بین دو صفحه آموزش داده شده است.
49
طراحی پرروتوتایپ های قابل کشیدن برای نقشه ها
00:14:10
در این ویدیو نحوه طراحی پروتوتایپ ها برای نقشه ها را تدریس کرده ام این نوع پروتوتایپ ها برای Scroll کردن مفید میباشند.
50
طراحی پروتوتایپ برای گالری تصاویر
00:08:02
در این ویدیو به دو حالت مختلف برای گالری تصاویر در موبایل طرح زدیم.
51
استفاده از انمیشن ها در فیگما
00:15:48
در این ویدیو نحوه استفاده از انمیشن ها در فیگما و طراحی انمیشن گنجانده شده است.
53
طراحی انمیشن های متحرک برای هیرو سکشن
00:10:12
در این ویدیو نحوه ساخت انمیشن های متحرک که با Delay کار میکنند را برای شما عزیزان توضیح داده ام.
54
Parallax Design
00:14:33
در این ویدیو نحوه پیاده سازی انمیشن های Parallax برای شما عزیزان قرار داده شده است.
55
چالش پنجم : طراحی پروتوتایپ
00:03:43
در این ویدیو برای شما چالشی برای ساخت انمیشن ها قرار گرفته است.
56
تاثیر هوش مصنوعی در طراحی
00:18:35
در این ویدیو در رابطه با تاثی هوش مصنوعی در طراحی توضیح دهده شده است. و همچنین یک پروژه با استفاده از آن استارت میزنیم.
57
معرفی چند ابزار برای پلت های رنگی و استفاده از پلت هوش مصنوعی
00:08:20
در این ویدیو با استفاده از هوش مصنوعی برای شما چند پلت رنگی میسازیم و همچنین ابزار هایی برای ساخت پلت های رنگی برای شما معرفی کرده ایم.
58
ایده گیری از هوش مصنوعی
00:05:15
در این ویدیو برای شما نحوه ایده گرفتن از هوش مصنوعی را توضیح داده ایم.
59
روانشناسی رنگ
00:21:43
در این ویدیو در رابطه با روانشناسی رنگ و نحوه استفاده انها برای شما توضیح داده ام شما میتوانید با استفاده از هوش مصنوعی پلت های رنگی را با در نظر گرفتن اصول روانشناسی رنگ بسازید.
60
دیزاین سیستم ها - Design systems
00:25:44
در این ویدیو در رابطه با دیزاین سیستم ها و ساخت کامپوننت ها توضیح داده شده.
61
ساخت صفحه تایپو گرافی و رنگ ها
00:24:40
در این ویدیو در مورد نحوه ساخت فایل های رنگ ها و تایپوگرافی در دیزاین سیستم ها توضیح داده شده است.
63
طراحی فوتر و ادامه کار
00:20:41
در این ویدیو فوتر پروژه طراحی شده و فایل دیزاین سیستم ها تکمیل شده.
65
پیاده سازی گرید ها در دیزاین سیستم
00:04:37
در این ویدیو نحوه قرار دادن گرید ها در دیزاین سیستم ها برای شما قرار داده شده.
66
پروژه اول : رستوران آنلاین - ترسیم وایر فریم
00:38:07
در این ویدیو استارت پروژه اول را زده و وایر فریم آن را ترسیم میکنیم.
67
انتخاب رنگ و ادامه طراحی
00:51:42
در این ویدیو یک پلت رنگی انتخاب شده و سپس ادامه طراحی انجام میشود.
71
طراحی صفحه درباره ما و تماس با ما
00:34:24
در این ویدیو صفحات درباره ما و تماس با ما طراحی شده و فایل دیزاین سیستم را تکمیل میکنیم.
73
طراحی صفحه مدیریت حساب کاربری و پایان پروژه اول
00:25:16
در این ویدیو صفحه مدیریت حساب کاربری و کارهای باقی مانده انجام شده و پروژه اول به پایان رسیده است.
نظرات کاربران در رابطه با این دوره