ابدأ رحلتك في عالم تصميم واجهات المستخدم (UI) من خلال معسكر تدريبي مصمم خصيصاً لبناء خبرتك من الصفر.
استفد من أكثر من 36 ساعة من التدريب المكثف والتفاعلي عبر الإنترنت، واكتسب مهارات ومبادئ تصميم واجهات المستخدم الاحترافية, عن طريق التطبيق العملي باستخدام أدوات التصميم الاحترافية مشاريع حقيقية ومحاكاة سوق العمل
الحلقة الاولى : أسس أنظمة التصميم والرموز التصميمية (Design Systems and Design Tokens)
-
1مقدمة عن رموز التصميم والمتغيرات (Design Tokens & Variables)
-
2ما هو نظام التصميم (Design System)
-
3المتغيرات مقابل رموز التصميم (Variables Vs Design Tokens)
-
4لماذا يجب علينا استخدام رموز التصميم في أدوات التصميم (Design Tokens in Design Tools)
-
5أفضل الأدوات لرموز التصميم (Design Tokens)
-
6عملية رموز التصميم (Design Tokens Process)
-
7تحديات ومزايا رموز التصميم (Design Tokens Challenges and Benefits)
-
8أساسيات رموز التصميم (Design Tokens Essentials)
-
9أفضل طريقة لتسمية لرموز التصميم (Tokens naming)
-
10نشاط عملي: قصة رمز التصميم المكون للزر ( Component Token Story for a Button)
-
11مثال متقدم لرموز المكونات (Component Tokens)
المرحلة الثانية :أساسيات نظام التصميم: المكونات والرموز التصميمية (Component & Tokens)
-
12تصميم صفحة تسجيل الدخول
-
13إنشاء مكون الزر (Button Component)
-
14نشر نظام التصميم الخاص بك (Publish your Design System)
-
15تصميم صفحة تسجيل الدخول ومكون الزر (Login page and Button Component)
-
16واجهة متغيرات فيجما (Figma Variables Interface)
-
17إنشاء رمز الخيار (Option Token)
-
18تخطيط وإنشاء رمز الخيار (Option Tokens)
-
19تخطيط رموز الأسماء المستعارة (Alias Tokens)
-
20إنشاء رموز الأسماء المستعارة (Alias Tokens)
-
21تحديد نطاق المتغيرات (Setting Variables Scope)
المرحلة الثالثة :إتقان الرموز التصميمية للمكونات المحددة
-
22فهم مكون الزر (Button Component)
-
23تخطيط رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
-
24تخطيط وإنشاء رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
-
25تخطيط وإنشاء وتطبيق رموز التصميم لمكون الزر المحدد (Component Specific Tokens for Button component)
-
26واجهة وضع المطور (Dev Mode Interface)
-
27تحديث فيجما: ترقيات المتغيرات في وضع المطور (Dev Mode)
-
28مقدمة حول ملف المشروع (Project File)
-
29تصدير متغيرات فيجما إلى كود JSON
-
30معاينة كود JSON
المرحلة الرابعة :من التصميم إلى التطوير (From Design to Development)
-
31تحويل كود JSON إلى CSS
-
32ربط ملف متغيرات CSS بالمشروع
-
33توثيق رموز الزر (Button Tokens Documentation)
-
34تطبيق رموز الزر في CSS (Apply Buttons Tokens in CSS)
-
35تنفيذ رموز الزر في الكود ( Button Tokens into the Code)
-
36إنشاء الوضع الداكن (Dark Mode)
-
37تصدير رموز الوضع الداكن إلى كود JSON
-
38تحويل كود JSON في الوضع الداكن إلى CSS
-
39تنفيذ الوضع الداكن في الكود (Dark Mode in Code)
-
40إنشاء رموز علامة تجارية جديدة (New Brand Tokens)
-
41تصدير رموز علامة تجارية جديدة إلى كود JSON
-
42تحويل كود JSON لعلامة تجارية جديدة إلى CSS
-
43تنفيذ رموز التصميم لعلامة تجارية جديدة في الكود (New Brand in Code)
-
44مزايا المصدر الموّحد للبيانات (SSOT)
-
45إنشاء علامة تجارية جديدة (New Brand)
المرحلة الخامسة:الخاتمة والمرحلة النهائية
Do I need prior experience in user interface design?
نعم، هذا معسكر متقدم يتطلب معرفة أساسية بتصميم واجهات المستخدم UI/UX. يُفضل أن تكون لديك خبرة في استخدام أدوات التصميم مثل Figma أو Adobe XD، أو خلفية في تصميم المنتجات الرقمية.
كم هي مدة المعسكر وما هو الجدول الزمني؟
المعسكر يستمر لمدة 8 أسابيع بواقع أكثر من 70 ساعة من المحتوى التعليمي المباشر وورش العمل التفاعلية. الجلسات تُعقد عن بُعد مما يتيح لك المشاركة من أي مكان في العالم، مع تسجيلات متاحة للمراجعة.
هل سأحصل على وظيفة بعد إتمام المعسكر؟
المعسكر مصمم لتطوير مهاراتك المهنية في مجال أنظمة التصميم المتقدمة. ستكتسب مهارات عملية مطلوبة بشدة في سوق العمل، خاصة في الشركات التقنية الكبرى. نركز على تأهيلك للأدوار المتقدمة كـ Design Systems Lead أو Senior UI Designer.
ما الذي يميز هذا المعسكر عن الدورات الأخرى؟
نقدم أقوى محتوى في الشرق الأوسط حول Design Tokens & Variables. ستتعلم من خبراء بأكثر من 20 عام خبرة، وتعمل على مشاريع حقيقية لبناء أنظمة تصميم مرنة وقابلة للتطوير، مع التركيز على الجوانب التقنية المتقدمة.
هل يمكنني الحصول على شهادة معتمدة؟
نعم، ستحصل على شهادة معتمدة من كراديس في أنظمة التصميم المتقدمة والـ Design Tokens بعد إتمام جميع متطلبات المعسكر، بالإضافة إلى مشروع متقدم يمكن إضافته لبورتفوليوك المهني.
كم الوقت المطلوب للدراسة أسبوعياً؟
كونه معسكر متقدم، ستحتاج وقت أكبر للاستفادة القصوى. نوصي بتخصيص حوالي 20-25 ساعة أسبوعياً تشمل الجلسات المباشرة، العمل على المشاريع، والتطبيق العملي لمفاهيم Design Systems المتقدمة.
ما هي تكلفة المعسكر وما هي خيارات الدفع المتاحة؟
تكلفة معسكر تصميم Design Tokens باستخدام Figma Variables الحالية 7850 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.
Please, login to leave a review
Lessons:
