منحة معسكر تصميم واجهة المستخدم (UI)

معسكر تدريبي مكثف يجهّزك بكل ما تحتاجه لتصبح مصمم واجهات استخدام جاهز لسوق العمل

المدة

5 أسابيع

عدد الساعات

36 ساعة

حول هذا المنحة

ابدأ من الصفر. صمم مشاريع حقيقية. انطلق لسوق العمل.
ستنتقل من تصميم واجهات جميلة شكليًا إلى واجهات تعمل فعليًا داخل المنتجات الرقمية، ومن قرارات عشوائية إلى تفكير تصميمي مبني على فهم المستخدم وأهداف المنتج.
هذا المعسكر لا يعلّمك كيف تستخدم Figma فقط، بل يبني أساسك البصري، ويغيّر طريقة تفكيرك كمصمم، ويخرجك بمشاريع حقيقية ومعرض أعمال يفتح لك أبواب سوق العمل.

ماذا ستتعلم في هذه المنحة؟

  • التفكير كمصمم واجهات محترف، لا كمستخدم أدوات فقط
  • قراءة أي واجهة وتحديد أسباب نجاحها أو فشلها
  • بناء أساس بصري قوي قائم على مبادئ التصميم، لا الذوق الشخصي
  • تنظيم المحتوى والتحكم في انتباه المستخدم باستخدام التدرج البصري ومبادئ Gestalt
  • تحويل أي مشكلة إلى تدفق واجهات واضح (UI Flow) قبل رسم أي شاشة
  • اتخاذ قرارات تصميم مدروسة والدفاع عنها بثقة
  • استخدام Figma كأداة احترافية لتنفيذ قراراتك، لا كبرنامج رسم فقط
  • تصميم واجهات حقيقية للموبايل والويب ولوحات التحكم
  • عرض البيانات بوضوح داخل الواجهات (Data Visualization)
  • تنفيذ مشروع متكامل وتحويله إلى Case Study احترافي في معرض أعمالك

لمن هذه المنحة؟

  • مصمم جرافيك أو مصمم رقمي تريد التحول إلى تصميم الواجهات.
  •  مصمم UI تريد تعزيز معرفتك وصقل مهاراتك.
  • متخصصًا في UX تريد أن تصبح مصمم منتجات أكثر شمولًا.
  • لديك خلفية في التصميم وتبحث عن فرصة عمل إبداعية في مجال التقنية.
  •  مبتدىء لديك الرغبة في تعلّم تصميم واجهة المستخدم من الصفر.

رحلتك التعليمية - خطوة بخطوة نحو الاتقان

التعلم الفعّال يحتاج إلى خطة واضحة ومدروسة. لذلك صممنا رحلة تعليمية متدرجة تبدأ معك من الأساسيات وتنتقل بك نحو الإتقان والاحتراف. كل مرحلة مصممة بعناية لبناء مهاراتك بثقة ومنحك فهماً عملياً قابلاً للتطبيق في مشاريع واقعية من اليوم الأول.

ما هو تصميم واجهات المستخدم (UI Design)

الفرق بين UI Design و Graphic Design

دور الواجهة في توجيه المستخدم وتنفيذ المهام

كيف تقرأ العين الشاشة

مبدأ الأولوية البصرية في الشاشة الواحدة

تحليل واجهات ناجحة وأخرى ضعيفة

التباين (Contrast)

المحاذاة (Alignment)

التوازن (Balance)

المساحات الفارغة (White Space)

الاتساق البصري (Consistency)

تطبيق مبادئ التصميم على واجهات مستخدم حقيقية

كيف تتحرك عين المستخدم داخل الواجهة

أنماط القراءة البصرية (F-pattern و Z-pattern)

التمييز بين العناصر الأساسية والثانوية

التحكم في الانتباه باستخدام الحجم واللون والمساحة

مبدأ القرب (Proximity)

مبدأ التشابه (Similarity)

المنطقة المشتركة (Common Region)

الإغلاق البصري (Closure)

الاستمرارية (Continuity)

تطبيق مبادئ Gestalt على النماذج والقوائم والبطاقات

الفرق بين الاستخدام الجمالي والوظيفي للألوان

بناء نظام ألوان للواجهة

الألوان الدلالية (Success / Error / Warning)

أساسيات التباين وإمكانية الوصول (Accessibility)

مقدمة في الوضع الليلي (Dark Mode)

الفرق بين القراءة والتصفح

بناء تدرج الخطوط في الواجهة

المسافات بين السطور والحروف

اختيار الخطوط المناسبة للواجهات

أساسيات الخط العربي والإنجليزي في الواجهات

لماذا نستخدم الشبكات (Grid) في التصميم

نظام 8pt Grid

تنظيم المسافات (Spacing System)

تنظيم الواجهة للموبايل والويب

مقدمة في التصميم المتجاوب (Responsive Thinking)

ما المشكلة التي تحلها الواجهة؟

فهم هدف المستخدم

فهم هدف المنتج

ربط التصميم بالقيمة المقدمة للمستخدم

نقاط الدخول إلى الواجهة

المسار الأساسي للمستخدم (Happy Path)

الحالات الاستثنائية (Edge Cases)

حالات الفراغ والخطأ

رسم تدفق واجهات مبسط

ما هو المكون (Component) في الواجهة

إعادة الاستخدام والاتساق

التفكير بمنطق الأنظمة

مقدمة في Design System

لماذا هذا التخطيط وليس غيره؟

ترتيب المحتوى داخل الواجهة

الكثافة مقابل الوضوح

المفاضلة بين الحلول التصميمية

حالة التحميل

الحالة الفارغة

حالة الخطأ

حالة النجاح

لماذا تهم هذه الحالات في تجربة المستخدم

ما هي Figma ولماذا هي الأداة الأشهر

واجهة البرنامج

الإطارات والصفحات

النصوص والأشكال والألوان

تنظيم الملفات وتسمية العناصر باحترافية

المكونات (Components)

المتغيرات (Variants)

Auto Layout

القيود (Constraints)

تطبيق عملي على واجهة حقيقية

أنماط التنقل

مناطق اللمس

تصميم النماذج للموبايل

أفضل الممارسات في تصميم الموبايل

Bottom Sheets

Modals

Gestures

كيف تتعامل مع المساحات الصغيرة

تخطيط صفحات الويب

الصفحات التعريفية (Landing Pages)

تنظيم المحتوى

الفرق بين تصميم الموبايل والويب

مفهوم لوحات التحكم

تنظيم وعرض المعلومات

التوازن بين كثافة المعلومات والوضوح

الجداول والبطاقات

الفلاتر وأدوات التحكم

أساسيات Data Visualization في الواجهات

اختيار الرسم البياني المناسب

استخدام اللون لنقل المعنى

كيف تتجنب التضليل البصري

تحسين التفاصيل النهائية قبل التسليم

اختيار مشكلة حقيقية

تحديد المستخدم والهدف

تصميم تدفق الواجهة

تنفيذ الشاشات النهائية

عرض المشروع أمام المجموعة

شرح قرارات التصميم

مناقشة وتحليل الأعمال

تلقي ملاحظات لتطوير العمل

نصائح لتحسين معرض أعمالك (Portfolio)

خبراؤكم في هذه الرحلة التعليمية
محمود فكري
خبير تصميم بيشغل منصب نائب رئيس تصميم المنتجات ، ويقود برؤية واضحة لتحويل التصميم إلى محرك استراتيجي يعزز نمو الأعمال، ويحسن تجربة المستخدم، ويرتقي بجودة المنتجات. يمتلك أكثر من 14 عامًا من الخبرة في تقاطع التصميم والأعمال وسلوك المستخدم، قاد خلالها مبادرات تصميم كبرى أسهمت في إطلاق منتجات رائدة، وزيادة الإيرادات، وتعزيز ولاء العملاء. فلسفته بسيطة: التصميم ليس وظيفة مساندة، بل ميزة استراتيجية تخلق قيمة حقيقية وتدفع عجلة النجاح.
محمد العارف
أمتلك أكثر من 20 عامًا من الخبرة في تصميم تجارب رقمية عملية وممتعة، وأتميز بمجموعة فريدة من المهارات تشمل: استراتيجية التصميم، وأبحاث المستخدم، وهيكلة المعلومات، واستراتيجية المحتوى، وتصميم واجهات الاستخدام، واختبار القابلية للاستخدام. أقود العملاء وفرق العمل من الغموض إلى الوضوح من خلال وضع رؤية واضحة تجمع بين احتياجات المستخدم، وأهداف العمل، والمتطلبات التقنية.
اترك مراجعتك
محمود طارخان
محمود طارخان
البلد : مصر

21 يوليو, 2024

انا شخص خبرة ٧ سنين .. عجبني طريقة عرض المحتوى وان التركيز على التطبيق الفعلي وان في مشروع تم البدء فيه من الأول وده شئ ممتاز للغاية واثاره على الشباب
عبدالعزيز العتيبي
عبدالعزيز العتيبي
البلد : السعودية

25 يناير, 2025

جميل جدا ومفيد ولكن التاسكات كثير مقارنه بوقت التسليم اعلم بان التاسكات هي أساس التعلم ولكن نحن بحاجه للوقت أكثر اقترح ان يتم دمج كل 2 تاسك معاً بحيث ناخذ
لينا محي
لينا محي
البلد : مصر

17 يوليو, 2024

حقيقي انا استفدت جدا جدا من المعسكر و لو قعدت حياتي كلها ادور علي اليوتيوب او اي مصادر تانية مش هلاقي محتوي كويس و منظم و mentors كويسين كدة، حقيقي

15%

15% مقاعد مدعومة جزئيًا

يحصل المرشحون في هذه الشريحة على دعم مالي بنسبة تتراوح ما بين 75% إلى 95% حسب حالة المرشح.

40%

40% مقاعد برسوم مستردة

يحصل المرشحون في هذه الشريحة على دعم مالي بنسبة 100% ولكن عليهم دفع رسوم لضمان الجدية، تُسترد في نهاية المنحة حال التزامهم بالشروط.

45%

45% مقاعد مجانية

يحصل المرشحون في هذه الشريحة على دعم مالي بنسبة 100% وتكون منحتهم مجانية بالكامل.
cradis-shape-39-1-zigzag-yellow.webp

التقديم على المنحة