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

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

duration

5 أسابيع

hours

36 ساعة

About this scholarship

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

What will you learn in this scholarship?

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

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

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

Your educational journey - step by step towards mastery

Effective learning requires a clear and thoughtful plan. So we designed a gradual educational journey that starts with you from the basics and moves you towards mastery and professionalism. Each stage is carefully designed to build your skills with confidence and give you a practical understanding applicable to real-life projects from day one.

ما هو تصميم واجهات المستخدم (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)

Your experts on this educational journey
محمود فكري
خبير تصميم بيشغل منصب نائب رئيس تصميم المنتجات ، ويقود برؤية واضحة لتحويل التصميم إلى محرك استراتيجي يعزز نمو الأعمال، ويحسن تجربة المستخدم، ويرتقي بجودة المنتجات. يمتلك أكثر من 14 عامًا من الخبرة في تقاطع التصميم والأعمال وسلوك المستخدم، قاد خلالها مبادرات تصميم كبرى أسهمت في إطلاق منتجات رائدة، وزيادة الإيرادات، وتعزيز ولاء العملاء. فلسفته بسيطة: التصميم ليس وظيفة مساندة، بل ميزة استراتيجية تخلق قيمة حقيقية وتدفع عجلة النجاح.
محمد العارف
I have over 20 years of experience designing hands-on and fun digital experiences, and have a unique set of skills that include: design strategy, user research, information structuring, content strategy, user interface design, and usability testing. Lead customers and teams from ambiguity to clarity by establishing a clear vision that combines user needs, business goals, and technical requirements.
Leave your review
ريم الزغيبي
Reem Al-Zughaibi
Country: Saudi Arabia

25 January, 2025

I entered the Cardis camp and I had only a simple background in UX and UI. I thought it was like any course I had taken before in this field, and my outlook on designing an experiment really changed
لقمان علي الجراحي
Loqman Ali Al-Jarrahi
Country: Indonesia

26 January, 2025

Thank God, I benefited a lot from the camp. It started with the concept of UI/UX, the concept itself. I had a wrong understanding or a very, very limited understanding. Then he explained what UX means as a concept and I explained it
رهام عيسى
Reham Issa
Country: Saudi Arabia

15 July, 2024

معسكر رائع وفعلا قيم قائم على جهود مشتركة عظيمة وجبارة لإدارة وتعليم الطلاب عن بعد. وهنا أعتبر نفسي حققت أهدافي وتطلعاتي (بل أكثر بكثير!) التي كنت آمل بتحقيقها عند تقديمي

15%

15% partially supported seats

Candidates in this segment receive financial support ranging from 75% to 95% depending on the candidate's status.

40%

40% seats with refund fees

Candidates in this category receive 100% financial support, but they must pay a fee to ensure seriousness, which will be refunded at the end of the scholarship if they comply with the conditions.

45%

45% free seats

Candidates in this segment receive 100% financial support and their scholarship is completely free.
cradis-shape-39-1-zigzag-yellow.webp

apply for the scholarship