-
فیگما و UI / UX چیست؟
رایگان
00:04:12
-
نصب فیگما
رایگان
00:02:00
-
رابط کاربری فیگما
رایگان
00:07:56
-
بخش های ریز فیگما
رایگان
00:08:44
-
قوانین طراحی : قانون ثبات - Consistency
00:06:20
-
قوانین طراحی : قانون سلسله مراتب بصری - Visual hierarchy
00:08:30
-
توضیح قوانین سلسله مراتب بصری
00:13:13
-
رنگ ها در طراحی
00:06:39
-
تایپوگرافی در طراحی - Typography
00:12:05
-
ادامه مباحث تایپو گرافی
00:04:37
-
دسترسی پذیری در طراحی - Accessibility
00:06:20
-
چرخ رنگ - Color wheel
00:08:51
-
طراحی باکس ها در فیگما
00:12:27
-
طراحی دکمه ها و استفاده آنها در باکس
00:07:21
-
نگاهی به Auto layout ها
00:07:38
-
چالش اول : باکس ها
00:03:10
-
فرم ها - Forms چه هستند ؟
00:08:42
-
طراحی فرم ها - Forms قسمت اول
00:09:10
-
طراحی فرم ها - Forms قسمت دوم
00:07:42
-
هیروسکشن - Herosection
00:03:27
-
طراحی هیروسکشن
00:18:21
-
طراحی تستو مونیال - Testo Monial
00:10:20
-
طراحی کارت های قیمت - Pricing plans
00:20:49
-
طراحی گالری تصاویر
00:13:44
-
طراحی گالری تصاویر برای موبایل و تبلت
00:17:37
-
طراحی مسیج باکس ها - Message box
00:13:37
-
طراحی فوتر - Footer
00:22:13
-
چالش دوم : طراحی فوتر
00:01:51
-
طراحی Liquid Glass
00:21:13
-
پروژه نهایی این فصل : وب سایت آتلیه
00:25:06
-
چالش سوم : طراحی وب سایت
00:02:52
-
وایر فریم - Wire frame چیست؟
00:03:52
-
نحوه کشیدن وایر فریم ها
00:03:52
-
کشیدن وایر فریم برای طراحی و دیزاین
00:16:22
-
گرید ها
00:05:39
-
پیاده سازی گرید ها روی پروژه ها
00:04:37
-
استایل کردن گرید ها
00:03:32
-
ریسپانسیو سازی چیست؟
00:02:19
-
مرور گرید و اتو لیوت ها
00:08:23
-
Constrain ها در فیگما و طراحی
00:06:11
-
طراحی باکس های ریسپانسیو
00:09:07
-
طراحی باکس های کانتینر دار ریسپانسیو
00:11:23
-
پروژه ریسپانسیو
00:24:00
-
چالش چهارم : طراحی باکس های ریسپانسیو
00:05:04
-
پروتوتایپ - Prototype چیست؟
00:02:35
-
طراحی پروتوتایپ برای دکمه ها
00:17:48
-
طراحی پروتوتایپ برای باکس ها
00:07:21
-
طراحی پروتوتایپ بین دو صفحه
00:13:40
-
طراحی پرروتوتایپ های قابل کشیدن برای نقشه ها
00:14:10
-
طراحی پروتوتایپ برای گالری تصاویر
00:08:02
-
استفاده از انمیشن ها در فیگما
00:15:48
-
طراحی منو های همبرگری
00:14:39
-
طراحی انمیشن های متحرک برای هیرو سکشن
00:10:12
-
Parallax Design
00:14:33
-
چالش پنجم : طراحی پروتوتایپ
00:03:43
-
تاثیر هوش مصنوعی در طراحی
00:18:35
-
معرفی چند ابزار برای پلت های رنگی و استفاده از پلت هوش مصنوعی
00:08:20
-
ایده گیری از هوش مصنوعی
00:05:15
-
روانشناسی رنگ
00:21:43
-
دیزاین سیستم ها - Design systems
00:25:44
-
ساخت صفحه تایپو گرافی و رنگ ها
00:24:40
-
طراحی باکس ها و ادامه کار
00:31:52
-
طراحی فوتر و ادامه کار
00:20:41
-
پروتوتایپ ها و ادامه کار
00:25:43
-
پیاده سازی گرید ها در دیزاین سیستم
00:04:37
-
پروژه اول : رستوران آنلاین - ترسیم وایر فریم
00:38:07
-
انتخاب رنگ و ادامه طراحی
00:51:42
-
ادامه طراحی صفحه اول
00:18:58
-
طراحی صفحه محصولات
00:37:34
-
طراحی صفحه جزئیات محصول و پرداخت
00:53:32
-
طراحی صفحه درباره ما و تماس با ما
00:34:24
-
طراحی صفحه ثبت نام و ورود
00:12:12
-
طراحی صفحه مدیریت حساب کاربری و پایان پروژه اول
00:25:16
-
پروژه دوم : برنامه تحلیل داده های روزانه
00:52:07
-
طراحی صفحه کاربر و تنظیمات
00:56:10
-
طراحی صفحه آنالیز و تبلت
00:28:08
-
در این ویدیو صفحات موبایل را طراحی میکنیم.
00:23:43
-
پروژه سوم : اپلیکشن ثبت یادداشت
00:09:35
-
استارت پروژه و طراحی
00:28:08
-
طراحی صفحه ورورد
00:02:03
-
طراحی صفحه ثبت نام و Home
00:09:30
-
پروتوتایپ ها و موارد آخر
00:28:12
-
معرفی چند وب سایت فریلنسری و نحوه ساخت نمونه کار ها
00:12:03
-
اصل WCAG
00:09:32
-
طراحی رابط کاربری با Lovable
00:06:34
-
Figjam
00:04:51
-
Slide ها و FigBuzz
00:09:25
-
برسی آپدیت جدید فیگما
00:04:41