منهج الدورة
من الهيكل إلى التصميم البصري
- مقدمة الوحدة: من الهيكل إلى التصميم البصري
- كيف تستخدم فيجما (Figma Basics)
- إعداد فيجما قبل البدء في تصميم الواجهات
- تصميم الأشكال في فيجما — الجزء الأول
- تصميم الأشكال في فيجما — الجزء الثاني
- اختيار الألوان — الجزء الأول
- اختيار الألوان — الجزء الثاني
- اختيار الصور — الجزء الأول
- اختيار الصور — الجزء الثاني
- الكتابة والخطوط في فيجما (Typography)
- الأيقونات في التصميم (Icons)
- بناء التخطيط والشبكات (Layout & Grids)
- تطبيق عملي: تصميم واجهة كاملة
تحويل التصميم الثابت الى تفاعلي
- مقدمة الوحدة: من التصميم الثابت إلى المتحرك
- التفاعل بين الصفحات (Page Interactions)
- تحويل التصميم الثابت إلى ديناميكي
- المكوّنات (Components) — الجزء الأول
- المكوّنات (Components) — الجزء الثاني
- النوافذ المنبثقة (Pop-ups)
- اختبار النموذج التفاعلي (Prototype Testing)
- نشاط عملي: تحريك واجهة كاملة
جعل التصميم متجاوب على جميع الشاشات
- مقدمة الوحدة: تكييف التصميم لمختلف الأجهزة
- مقاسات الشاشات ونقاط التوقف (Breakpoints)
- إعادة التنظيم التلقائي (Auto Layout) — الجزء الأول
- إعادة التنظيم التلقائي (Auto Layout) — الجزء الثاني
- تصاميم متعددة للعنصر الواحد (Variants)
- تدريب عملي: تصميم متجاوب
- تدريب عملي متكامل: صفحة متجاوبة بالكامل
تصميم واجهة تطبيقات الجوال
- مقدمة الوحدة: تصميم واجهات تطبيقات الجوال
- لماذا نحتاج تصميماً خاصاً للجوال
- إعداد إطار العمل للجوال (Mobile Frame)
- تصميم شاشة البداية (Logo Screen)
- تحريك شاشة البداية
- تصميم شاشات الترحيب (Onboarding)
- تصميم صفحة التسجيل (Sign Up)
- تصميم الصفحة الرئيسية للتطبيق (Home Screen)
- تسليم المشروع للمطوّر (Developer Handoff)
فيجما والذكاء الاصطناعي — Figma & AI
- مقدمة الوحدة: فيجما والذكاء الاصطناعي
- البحث السريع عن تصاميم جاهزة
- إعادة صياغة المحتوى النصي بالذكاء الاصطناعي
- إعادة تسمية الطبقات تلقائياً (Auto Rename Layers)
- إزالة خلفية الصور (Remove Background)
- إنشاء التفاعلات تلقائياً بين الصفحات
- ملخص الوحدة: فيجما والذكاء الاصطناعي
