من الصفر
إلى Portfolio
جاهز للتوظيف

الحقيبة مبنية على فلسفة واحدة: المتدرب لا يخرج بشهادة، بل يخرج بثلاثة أعمال حقيقية يعرضها في مقابلة توظيف غداً.

🎯
النظرية في خدمة التطبيق كل مفهوم نظري يُطبَّق فوراً في Figma
📐
القوانين تراكمية لا دفعة واحدة 30 قانون موزّعة على كامل التدريب لتترسّخ
🏆
المشاريع تتصاعد في التعقيد صفحة ← تطبيق ← مشروع حر بمجال المتدرب
🔍
النقد الجماعي جزء من التدريب كل متدرب يُقدّم ويستمع لحجج تصميمية حقيقية

نظرة عامة

مواصفات الحقيبة

السياق الكامل للتدريب — الفئة المستهدفة، الأدوات، طريقة التقديم، والمخرج المنتظر.

🎯
الفئة المستهدفة مبتدئون ومتوسطون
🛠
الأداة الرئيسية Figma
📍
طريقة التقديم حضوري — مركز تدريب
المدة الإجمالية 23 ساعة / 7-10 أيام
📐
المنهجية نظري + تطبيقي مدمج
🏆
المخرج النهائي Portfolio جاهز للتوظيف

التوزيع الزمني

خطة الأيام التدريبية

23 ساعة موزّعة على 7 إلى 10 أيام بحسب جدول المجموعة.

القسم الأول 3 س
المحور 1 — عالم UX/UI
المحور 2 — التغذية البصرية
القسم الثاني 8 س
المحور 3 — Figma كاملاً
المحور 4 — قوانين UX
القسم الثالث 6 س
المحور 5 — مشروع 1
المحور 6 — مشروع 2
القسم الرابع 6 س
المحور 7 — مشروع 3 اختياري
Case Study + Portfolio

المحتوى التفصيلي

المحاور التدريبية السبعة

اضغط على أي محور لعرض المحتوى والأهداف التعليمية بصيغة Bloom القابلة للقياس.

مستويات تصنيف Bloom
تذكّر فهم تطبيق تحليل تقييم تركيب

المحتوى التدريبي

  • تعريف UX Design — ما يفعله المصمم فعلاً في فريق العمل
  • تعريف UI Design — الفرق العملي لا المعجمي
  • مسارات التوظيف: Freelance، Agency، Product Company
  • تشريح تطبيقات ناجحة — لماذا نجح Airbnb؟
  • تشريح تطبيقات فاشلة — أين أخطأ Google+؟
  • نقاش جماعي: ما أسوأ تطبيق تستخدمه يومياً ولماذا؟

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تذكّريُعرّف UX وUI بكلماته دون الرجوع لأي مرجع
فهميشرح الفرق بين الدورين في فريق عمل حقيقي
تطبيقيُحلّل تطبيقاً يومياً ويُحدّد 3 قرارات UX و3 قرارات UI
تحليليُقارن تطبيقين ويُبرّر أيهما يملك تجربة أفضل بحجج تصميمية
لا مخرج مادي — نقاش وبناء مفاهيمي جماعي

المحتوى التدريبي

  • ما هي التغذية البصرية — الفرق بين المصمم والرسام
  • Dribbble — كيف تستلهم دون أن تنسخ
  • Behance — قراءة Case Studies احترافية
  • Pinterest — بناء مجلدات إلهام منظمة بالمجال
  • تحليل Moodboard ناجح: الألوان، الخطوط، الأسلوب

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تذكّريُسمّي 3 مصادر إلهام احترافية ويعرف وظيفة كل منها
تطبيقيبني Moodboard يحتوي 10 مراجع بصرية متسقة لمشروعه
تقييميُبرّر اختياراته: لماذا هذا اللون؟ لماذا هذا الأسلوب؟
تمرين: Moodboard لمشروع 1 — 10 مراجع بصرية متسقة
الجزء 1واجهة Figma + أدوات الرسم
الجزء 2Frames, Grids, Constraints
الجزء 3Components + Variants
الجزء 4Auto Layout + Styles
الجزء 5Prototype + Interactions
الجزء 6تمارين + Design System

المحتوى التفصيلي

  • واجهة Figma وأدوات الرسم وBoolean Operations
  • Frames، Grids، Constraints، Responsive Layout
  • Components، Variants، Instance Overrides
  • Auto Layout، Styles، Variables
  • Prototype، Interactions، Smart Animate
  • بناء Design System مصغّر: ألوان، خطوط، أزرار، مدخلات
  • + 10 قوانين UX مدمجة أثناء التطبيق

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تذكّريتعرف على أدوات Figma ويعرف وظيفة كل منها
فهميشرح الفرق بين Frame وGroup ومتى يستخدم كلاً منها
تطبيقيبني Component بـ Variants يعمل في 3 حالات مختلفة
تطبيقيصمم شاشة كاملة بـ Auto Layout دون قيم يدوية
تركيبيبني Design System: ألوان، خطوط، أزرار، مدخلات
تركيبيُنشئ Prototype يربط 3 شاشات قابل للاختبار على الموبايل
Design System مصغّر + Prototype تفاعلي في Figma

استراتيجية التوزيع التراكمي

  • 10 قوانين أساسية — مدمجة في المحور 3 مع تطبيق فوري في Figma
  • 10 قوانين تطبيقية — خلال المشروعين 1 و2 كـ "قانون الجلسة"
  • 10 قوانين متقدمة — أثناء المحور 7 ومراجعة المشاريع النهائية

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
فهميشرح كل قانون بمثال من حياته اليومية لا من الكتاب
تحليليُحدّد في تصميمه أين طبّق القانون وأين انتهكه
تقييميُقدّم نقداً لتصميم زميله مبنياً على قوانين UX لا الذوق
بطاقات القوانين المرجعية — مرجع دائم للمتدرب

محطات المشروع

  • الانطلاق من Moodboard المُعدّ في المحور 2
  • تصميم قسم Hero مع Typography قوية
  • قسم Features — Grid System وتوازن بصري
  • قسم CTA — تطبيق مبادئ التحويل
  • Footer — ترتيب المعلومات الهرمي
  • نقد جماعي — كل متدرب يعرض ويستمع لحجج تصميمية

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تطبيقيُصمّم صفحة هبوط كاملة: Hero, Features, CTA, Footer
تركيبيوحّد الأسلوب البصري عبر الصفحة بـ Styles وVariables
تقييميُقدّم تصميمه أمام المجموعة ويُجيب بحجج تصميمية
Landing Page كاملة في Figma — قابلة للإضافة في Portfolio

محطات المشروع

  • رسم Persona — شخصية المستخدم الواقعية
  • User Flow — الرحلة من فتح التطبيق حتى إتمام المهمة
  • تصميم 5 شاشات: Onboarding، Home، Browse، Detail، Action
  • تطبيق Component Library المُبنية في المحور 3
  • بناء Prototype تفاعلي للاختبار على جهاز حقيقي
  • جلسة Review — تغذية راجعة من الأقران

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تحليليرسم User Flow يُغطي رحلة المستخدم الكاملة
تركيبيُصمّم 5 شاشات متسقة تُغطي Onboarding حتى Action
تركيبيبني Prototype تفاعلي قابل للاختبار على موبايل حقيقي
تطبيق موبايل كامل — رابط Figma قابل للمشاركة

محتوى المحور

  • مشروع حر — المتدرب يختار المجال الذي يشغفه
  • ما هي Case Study؟ — الفرق بين عرض العمل وشرح قراراته
  • أخطاء Case Study الشائعة في Portfolios المبتدئين
  • Behance vs Notion vs موقع شخصي — أيها يناسبك؟
  • رفع الأعمال الثلاثة مع Case Study لكل مشروع
  • عرض Portfolio — محاكاة مقابلة توظيف حقيقية

هيكل الـ Case Study الاحترافي

1
المشكلة — ما التحدي الذي حاولت حله؟
2
البحث — من هو المستخدم؟ ماذا اكتشفت؟
3
القرارات — لماذا اخترت هذا التصميم تحديداً؟
4
النتيجة — كيف يبدو الحل النهائي؟
5
التأمل — ما الذي ستغيره لو أعدت من جديد؟

الأهداف التعليمية — صيغة Bloom

المستوىالهدف القابل للقياس
تركيبيُصمّم مشروعاً حراً في مجاله المهني أو اهتمامه
تقييميكتب Case Study: المشكلة، البحث، القرارات، النتيجة
تركيبيبني Portfolio يعرض أعماله الثلاثة بشكل احترافي
تقييميُقدّم Portfolio كأنه في مقابلة توظيف حقيقية
رابط Portfolio كامل — 3 مشاريع + 3 Case Studies جاهز للتوظيف

المخرجات النهائية

ما يخرج به المتدرب

ثلاثة مشاريع حقيقية قابلة للعرض — لا شهادات فارغة.

🖥
Landing Page احترافية
صفحة هبوط كاملة مصممة في Figma بـ Grid System وDesign System متسق — جاهزة للتسليم لأي مطوّر مباشرة.
Figma File جاهز →
📱
تطبيق موبايل كامل
5 شاشات مترابطة مع Prototype تفاعلي قابل للاختبار على جهاز حقيقي ورابط Figma قابل للمشاركة.
Prototype + Figma Link →
🌐
Portfolio جاهز للتوظيف
معرض أعمال على Behance أو Notion يحتوي الأعمال الثلاثة مع Case Study احترافي لكل مشروع.
رابط Portfolio حي →