دوره آموزشی
دوبله زبان فارسی
مگاکورس کامل Figma: طراحی UI/UX از مبتدی تا متخصص
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه کار با فیگما را به عنوان یک طراح UI/UX شروع کنیم؟
- چگونه از رنگها و تصاویر به درستی در رابط کاربری استفاده کنیم؟
- چگونه دکمهها، اجزای رابط کاربری و داراییها را ایجاد کنیم؟
- چگونه ریزتعاملات، انتقال بین صفحات و رابط کاربری متحرک بسازیم؟
- کار با فونتها و رنگها هنگام طراحی UI
- چگونه نمونههای اولیه کاملاً تعاملی بسازیم که حس یک وبسایت واقعی را داشته باشند؟
- بهترین روش برای اکسپورت کردن از پروژه برای توسعه
توضیحات دوره
طراحی رابط کاربری واکنشگرا و واقعی در Figma
اگر از سردرگمی هنگام استفاده از Figma خسته شدهاید، این دوره راهنمای کاملی برای یادگیری چگونگی ساخت چیزهای شگفتانگیز در Figma است. برای مبتدیان مطلق همراه با تمرینات عملی است.
Figma یک برنامه ویرایش گرافیک و طراحی رابط کاربری مبتنی بر وب است که روی مرورگر شما کار میکند. این بدان معناست که میتوانید از هر دستگاهی بدون نصب نرمافزار به پروژههای خود دسترسی داشته باشید. این برنامه دارای امکانات همکاری همزمان روی یک فایل است. بنابراین، تیم شما میتواند به صورت آنلاین به شما ملحق شده و پروژه را از طوفان فکری تا نمونهسازی پیش ببرد. Figma محدود به طراحی UI نیست و پتانسیل کامل برای استفاده به عنوان یک ابزار طراحی گرافیک روزانه را دارد. تا پایان این پروژه، قادر خواهید بود از پتانسیل کامل Figma استفاده کنید.
از این دوره، شما یاد میگیرید:
- ناوبری و رابط کاربری: با رابط کاربری Figma، شامل پنلها، منوها و میانبرهای مختلف آشنا شوید.
- گرافیک برداری: یاد بگیرید چگونه گرافیکهای برداری را در Figma ایجاد و دستکاری کنید، شامل شکل ها، مسیرها و شبکههای برداری
- لایهها و فریمها: درک کنید که لایهها و فریمها در Figma چگونه کار میکنند، شامل سازماندهی لایهها، ایجاد فریم و استایلهای لایه
- اجزا و داراییها: کشف کنید چگونه اجزا و داراییها را ایجاد و استفاده کنید تا گردش کاری طراحی خود را ساده کرده و ثبات را حفظ کنید.
- نمونهسازی: یاد بگیرید چگونه با استفاده از ابزارهای داخلی نمونهسازی، نمونههای اولیه تعاملی در Figma بسازید.
- استایل طراحی: مزایای استایل طراحی و چگونگی ایجاد و نگهداری یک سیستم طراحی را درک کنید.
- همکاری و اشتراکگذاری: یاد بگیرید چگونه با سایر طراحان و ذینفعان همکاری کنید و طرحهای خود را با آنها به اشتراک بگذارید.
- پلاگینها و ادغامها: کتابخانه گسترده پلاگینهای Figma و چگونگی ادغام Figma با سایر ابزارها در گردش کاری خود را بررسی کنید.
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد استفاده از Figma را در حرفه خود شروع کند یا مهارتهای خود را در رزومه گسترش دهد.
- این دوره برای مبتدیان، تازهکارها و آماتورها در زمینه طراحی UI است.
- هر کسی که میخواهد اپلیکیشن، وبسایت یا وبلاگ خود را طراحی کند.
مگاکورس کامل Figma: طراحی UI/UX از مبتدی تا متخصص
-
ایجاد حساب کاربری 09:34
-
ایجاد فایل جدید و معرفی طرح بندی 04:58
-
زبانه لایهها، زبانه داراییها و صفحات 08:51
-
زبانه طراحی، نمونهسازی و بازرسی 15:37
-
ابزار مستطیل، خط، پیکان و بیضی 15:53
-
ابزارهای چندضلعی و ستاره و تنظیمات نمایش سریع 08:13
-
ابزار انتخاب، جابجایی و مقیاسدهی 04:07
-
ابزار تصویر و مرور سریع 05:26
-
ویرایشهای اولیه و برداری مستطیلها 12:59
-
ویرایشهای اولیه و برداری خطوط و پیکانها 10:24
-
ویرایشهای اولیه و برداری بیضیها 09:12
-
ابزار چندضلعی و ستاره 06:39
-
ابزار قلم و مداد، ابزار خمش و منحنیهای بزیر 08:15
-
ابزار نظر، ابزار دست و مبانی ابزار متن 10:12
-
مبانی ابزار فریم 06:38
-
گروههای بولی 15:48
-
ابزار ماسک 09:17
-
پر کردن تصویر در مقابل ماسکها با افکت 09:23
-
اولین پروژه: افکت متن برشخورده 08:50
-
اشتباهات رایج که باید مراقبشان باشید 11:18
-
ابزارهای تراز کردن 15:57
-
توزیع فضا، دستگیرههای مرتبسازی سریع و ابزار مرتبسازی 14:51
-
آزمون از درس 1 تا 5 None
-
درک و نگاه اول 11:19
-
چگونگی، چرایی و زمان استفاده از سیستم گرید 09:37
-
طراحی صفحه محصول با تراز خط مبنای متن 11:56
-
درک محدودیتها 04:11
-
درک تنظیمات و کاربرد عملی 10:57
-
ثابت هنگام اسکرول 08:40
-
کاربرد عملی با یک پروژه دمو 11:54
-
درک اصول پایه 07:42
-
درک گزینهها و تنظیمات 07:11
-
بررسی عمیق بخش 1 10:12
-
بررسی عمیق بخش 2 06:16
-
بررسی عمیق بخش 3 09:58
-
بررسی عمیق بخش 4 13:34
-
پروژههای آزمایشی 1، 2، 3 و 4 10:17
-
پروژههای آزمایشی 5، 6، 7، 8 و 9 10:17
-
پروژههای آزمایشی 10 و 11 11:13
-
پروژه آزمایشی 12 06:33
-
پروژه آزمایشی 13 08:41
-
پروژههای آزمایشی 14، 15 و 16 11:35
-
جدیدترین ویژگیها و میانبرهای مفید 10:21
-
درک اصطلاحات 10:00
-
معرفی ابزار متن Figma 08:03
-
گزینههای سفارشیسازی متن و میانبرها 11:02
-
کنترلهای پاراگراف، ترازها، توجیهات، گزینههای پیشرفته و اضافی 10:18
-
آزمون از درس 7 تا 11 None
-
افزودن خطوط حاشیه 05:42
-
سایه داخلی و سایه افتاده 10:24
-
تاری لایه و تاری پسزمینه 04:49
-
پروژه Glassmorphism 10:18
-
درک مفهوم وایرفریم 07:02
-
مروری بر ایجاد یک وایرفریم 15:19
-
درک نکات وایرفریمینگ و نکات کلیدی برای یادآوری 09:37
-
طراحی اولیه صفحه تماس با ما و نسخه واکنشگرا 06:46
-
ایجاد طرح با وفاداری پایین 10:17
-
ایجاد نوار ناوبری و هدر 09:18
-
ایجاد بخش درباره ما 10:46
-
ایجاد بخش حامیان مالی و فوتر 14:30
-
طراحی صفحه اصلی 14:13
-
ایجاد بخش فوتر و درک انتخابهای طراحی 09:02
-
ایجاد نسخه واکنشگرا 13:00
-
بایدها و نبایدها 09:16
-
درک از طریق مقایسه 07:19
-
مقدمهای بر اجزا 13:24
-
اجزای ارگانیک و قرارداد نامگذاری اسلش 08:39
-
آزمون از درس 13 تا 17 None
-
درک نمونهها 06:11
-
درک انواع 08:01
-
نمونهها و تعویض نمونه 09:16
-
ایجاد مجموعههای اجزا 05:46
-
درک ویژگیهای اجزا 13:26
-
ویژگیها در مقابل انواع 08:16
-
ادغام ویژگیها در مجموعههای اجزای قبلی 13:47
-
نمونهسازی چیست و ایجاد اتصالات 10:01
-
ساخت نمونه اولیه و تعاملات مختلف 10:32
-
درک لایههای روکش 13:01
-
لایههای روکش بخش 2 13:52
-
رفتار سرریز 13:59
-
پیشنمایش تمام صفحه 05:24
-
انیمیشن صفحه اسپلش 08:18
-
انیمیشن بروزرسانی اپلیکیشن ایمیل آزمایشی 08:31
-
حذف تعاملات ضربه و کشیدن 08:58
-
ویجتها 12:16
-
پلاگینها 06:31
-
پلاگینها 1 08:46
-
پلاگینها 2 12:22
-
پلاگینها 4 07:33
-
آزمون از درس 19 تا 23 None
-
ظاهر طراحی و وایرفریم 11:06
-
مقیاس تایپ، استایلهای متن و استایلهای رنگ 10:39
-
سیستم فاصلهگذاری، انتخاب فریم، طرح بندی گرید و نوار ناوبری بالا 11:59
-
ایجاد بخش فوتر 09:19
-
دکمهها 12:17
-
کارتهای چرخشی 09:16
-
کارتهای نقد و بررسی و اسلایدر تعاملی 13:27
-
گسترش صفحه، کارت پشتیبانی و کارت مقاله 04:36
-
ایجاد طرحهای برداری 14:59
-
نمونهسازی و نکات پایانی 08:40
-
آزمون نهایی None
مشخصات آموزش
مگاکورس کامل Figma: طراحی UI/UX از مبتدی تا متخصص
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:مقدماتی
- تعداد درس:101
- مدت زمان :15:54:55
- حجم :6.51GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,580,000
316,000 تومان
- زمان: 04:00:26
- تعداد درس: 31
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
770,000
154,000 تومان
- زمان: 01:57:58
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 39:24
- تعداد درس: 25
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,922,000
384,400 تومان
- زمان: 04:52:39
- تعداد درس: 73
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 0:12:06
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
711,000
142,200 تومان
- زمان: 1:48:18
- تعداد درس: 16
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
658,000
131,600 تومان
- زمان: 1:40:52
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی