دورة تصميم واجهة المستخدم على برنامج فيجما
برنامج Figma هو أحد أشهر البرامج المستخدمة في مجال تصميم واجهات المستخدم (User Interface UI) لتحسين تجربة المستخدم (User Experience UX) واكتسب هذا البرنامج شهرته بسبب سهولة استخدامه، ويُعد برنامج Figma أحد أهم برامج تصميم واجهات المواقع والتطبيقات لتحسين تجربة المستخدم (UI/UX). هذه الدورة موجهة لجميع الأعمار والتخصصات، وتشمل جميع تفاصيل البرنامج من البداية وحتى المراحل المتقدمة، ولا يشترط وجود أي خبرة سابقة بالبرنامج أو ببرامج التصميم الأخرى.
ماذا ستتعلم؟
- أهمية واجهات المستخدم ومفهوم تجربة المستخدم
- مراحل ما قبل التصميم وإعداد المخطط الأولي للتطبيق
- أساسيات برنامج فيجما لتصميم واجهات المستخدم
- أساسيات تصميم واجهة مستخدم لتطبيقات الهواتف والمواقع الإلكترونية
- أدوات الرسم والقص لرسم الأيقونات والإضافات الخاصة باستخدام الأيقونات
- نظرية الألوان وكيفية اختيار الألوان المناسبة للتصميم
- التحريك وربط الصفحات والانتقالات بين الصفحات
- أهم الإضافات المجانية للبرنامج لاستخدام النصوص والصور وملحقات التصميم
- أسرع الطرق لاستخدام المؤثرات الخاصة بالصور وعناصر التصميم
محتوى دورة تصميم واجهة المستخدم على برنامج فيجما
نبذة عن برنامج فيجما
الأسعار والتسجيل و تحميل البرنامج
04:17
واجهة البرنامج
09:49
مقدمة لتصميم واجهات المواقع وتحسين تجربة المستخدم
الفرق بين واجهة المستخدم وتجربة المستخدم
03:10
رحلة المستخدم
06:49
الهيكل
08:32
التفاعل
04:12
دراسة شخصية المستهلك
06:30
النسخة الأولية والنسخة عالية الدقة
04:06
أساسيات فيجما
الإطارات
09:44
الأشكال
12:06
النصوص
09:19
الألوان
06:08
الفرق بين الإطار والمجموعة
06:57
أداة التكبير و التصغير
05:21
التعامل مع الطبقات
03:45
الإضافات
08:33
الأيقونات
13:16
الأعمدة والشبكات
16:07
تدريب
01:21
النموذج المبدئي 1
النموذج الأولي
11:17
تحديد الترتيب
05:38
تدريب
10:42
التحريك 1
تنعيم الحركة
12:33
التحريك الذكي
11:13
التجربة بالهاتف
04:19
تدريب
02:00
الإلهام
الإستلهام
13:10
الصفحات
03:47
Mood board
09:24
تدريب
01:02
الألوان
نظرية الألوان
08:26
مخطط الألوان
05:46
إستلهام الألوان
08:56
لوحة الألوان
09:15
التدرجات اللونية
11:58
ستايلات الألوان
07:12
تدريب
01:13
الخطوط
استلهام الخطوط
12:27
ستايلات الخطوط
12:07
تدريب
01:09
HI-FI
النسخة عالية الدقة 1
10:27
النسخة عالية الدقة 2
16:32
أساسيات الرسم
أساسيات الرسم
08:56
الفرق بين PNG و SVG
05:01
الرسم الحر بالقلم
09:23
دمج الأشكال
10:39
تدريب
01:03
الصور
التعامل مع الصور
07:36
أدوات التحكم في الصور
14:09
إضافات الصور
07:12
تدريب
01:13
Layout
Auto Layout | التخطيط التلقائي
13:25
Auto Layout for spacing | التخطيط التلقائي بالمساحات
10:59
Constraints | القيود
11:53
Auto Height | الارتفاع التلقائي
11:42
تدريب
01:09
Effects
Drop Shadow | تأثير الظل
09:08
Blur Effects | تأثير التشويش
07:05
تدريب
00:51
Components Part 1
Component | المركبات
16:03
Variant | المركبات البديلة
07:27
Variant Property | خصائص المركبات البدلية
11:25
Component Tips | نصائح حول المركبات
11:54
تدريب
01:01
Components Part 2
شريط التنقل
20:02
حقول الإدخال
14:12
التداخل
06:27
خصائص المركبات
14:42
تدريب
01:34
النموذج المبدئي 2
القوائم المتحركة
09:36
تثبيت الأشرطة
07:46
التنقل الأفقي
03:44
التنقل التلقائي
05:14
تدريب
01:05
التحريك 2
الأيقونات المتحركة
17:24
التحريك الدائري
13:19
زر التبديل
12:08
تدريب
01:50
التصدير
تصدير الصور
07:08
مشاركة العمل مع العميل
03:16
مشاركة العمل مع المطورين
05:29
تدريب
01:29
Thank You
Thank You
01:03
تقييمات دورة تصميم واجهة المستخدم على برنامج فيجما
المدرب متمكن وشرحه سلس
أسلوب المدرب واضح وشيق
يشرح بشكل جميل وكل نقطة يشرحها الله يسعدو يارب
