
ابدأ من الصفر. صمم مشاريع حقيقية. انطلق لسوق العمل.
ستنتقل من تصميم واجهات جميلة شكليًا إلى واجهات تعمل فعليًا داخل المنتجات الرقمية، ومن قرارات عشوائية إلى تفكير تصميمي مبني على فهم المستخدم وأهداف المنتج.
هذا المعسكر لا يعلّمك كيف تستخدم أدوات التصميم فقط، بل يبني أساسك البصري، ويغيّر طريقة تفكيرك كمصمم، ويخرجك بمشاريع حقيقية ومعرض أعمال يفتح لك أبواب سوق العمل.
المرحلة الأولى : الأسس البصرية لتصميم واجهات المستخدم (UI Principles)
-
1مقدمة في تصميم واجهات المستخدم (UI) والتفكير البصري (Visual Thinking)
-
2مبادئ التصميم البصري الأساسية (Visual Design Principles)
-
3التدرج البصري وتنظيم الانتباه (Visual Hierarchy)
-
4مبادئ الجشطالت (Gestalt) في تصميم الواجهات
-
5نظرية الألوان في تصميم واجهات المستخدم (Color Theory)
-
6الخطوط في واجهات المستخدم Typography
-
7الشبكات (Grid Systems) والتنظيم في الواجهات
المرحلة الثانية : التفكير المنهجي في تصميم واجهات المستخدم
-
8فهم المشكلة قبل التصميم
-
9تحليل المتطلبات وتحويلها إلى قرارات بصرية
-
10الفرق بين الرسم التخطيطي (Wireframe) و التصميم عالي الدقة (High Fidelity)
-
11مسار واجهة المستخدم (UI Flow)
-
12التفكير بالمكونات (Components)
-
13اتخاذ قرارات تصميمية مدروسة مبنية على منطق واضح
-
14حالات الواجهة المختلفة (Interface States)
المرحلة الثالثة : أدوات التصميم لمصممي واجهات المستخدم
-
15التعرف على أدوات التصميم واختيار الأنسب
-
16تنظيم ملفات العمل باحتراف
-
17التخطيط التلقائي (Auto Layout) وبناء تصاميم مرنة
-
18فهم المكونات والمتغيرات (Componenets & Variables)
-
19مقدمة عن أنظمة التصميم (Design Systems) وطرق العمل به
-
20التصميم المتجاوب (Responsive Designs) داخل Figma
-
21مقدمة عن النماذج الأولية التفاعلية (Prototyping)
المرحلة الرابعة : التطبيق العملي وتصميم واجهات حقيقية
المرحلة الخامسة : مقدمة في الذكاء الاصطناعي (AI) لمصممي واجهات المستخدم
-
27مقدمة في الذكاء الاصطناعي (AI) للمصممين
-
28توليد الأفكار وتوسيع نطاق التفكير الإبداعي
-
29استخدام أدوات الـ (AI) لتوليد واجهات المستخدم مثل: Lovable - Claude Code - Figma Make
-
30دمج الذكاء الاصطناعي داخل Figma
-
31تصميم أولي لنظام التصميم (MVP Design System) باستخدام الـ (AI)
-
32مراجعة التصميم وتحسينه باستخدام الذكاء الاصطناعي (AI)















