fbpx
عدد المقاعد اكتمل في هذه الدفعة
إذا كنت مهتم بحضور معسكر تصميم تجربة المستخدم التفاعلي، يمكنك التسجيل في قائمة الانتظار لحجز مقعدك في الدفعة القادمة
الحجز المسبق
اكتملت مقاعد هذه الدفعة، وسيتم فتح باب التسجيل في الدفعة القادمة قريباً. سجل الآن في قائمة الانتظار واحجز مقعدك في الدفعة القادمة.

معسكر تصميم واجهات المستخدم وانظمة التصميم المتكامل "Design Tokens"

أكثر من 70 ساعة من المحتوى التعليمي المباشر عالي الجودة وورش العمل التفاعلية عبر الانترنت، تعلم قواعد تصميم واجهات المستخدم، واحترف بناء انظمة التصميم
سعر الدورة
9,985 ر.س
مدة الدورة
70ساعة
الوقت المتوقع لبدأ الدورة شهر مارس 2025 ومدة الدورة شهرين

ما الذي ستحصل عليهفي كراديس

  • تعلم من أي مكان

    في كراديس التعليم يكون عن بعد، فيمكنك أن تبدأ رحلة التعلم من أي مكان في العالم
  • إكتسب المهارات ولا تتعلمها

    نعتمد في كراديس اسلوب المعسكرات التفاعلية المكثفة، ولذلك رحلتك ستكون محاكاة لواقع سوق العمل
  • أحصل علي شهادة تصميم تجربة المستخدم

    لن تكتسب مهارات تصميم تجربة مستخدم رائعة وحسب بل وستحصل علي شهادة مرموقة

لمن هذه الدورة

01
لكل الناس
لأي شخص يري في نفسه القدرة علي الالتزام والمثابرة ليتعلم مهارات جديده
02
الخريجين الجدد
لخريجين الجامعات من كافة التخصصات الذين يريدون ان يبدؤا تخصص تصميم واجهات المستخدم
03
للمصممين بشكل عام
لمصممي الجرافيك أو أي فرع من فروع التصميم الرقمي أو غير الرقمي الذين يريدون أن يثقلوا مهاراتهم في تصميم واجهات المستخدم
04
مصممي واجهات المستخدم
لمصممي واجهات المستخدم الذين يطمحون في ثقل مهاراتهم واحتراف بناء انظمة التصميم Design Systems
05
للمصممين والمطورين
للمصممين والمطورين الذين يريدون احتراف مهارت بناء انظمة التصميم بالـ Design Tokens & Variables
06
العاملين في المنتجات الرقمية
مديري المنتجات ومحللي البيانات ومديري المشاريع والمسوقين الرقميين والمبيعات الذين يريدون ان يبدأوا مجال تصميم واجهات المستخدم

ماذا ستتعلم لتبدأ حياتك المهنية في تصميم تجربة المستخدم.هذا هو مسار التعلم الخاص بك لتكون مؤهلاً

01
المرحلة الأولي
اساسيات التصميم - Design fundamentals
  • العناصر الاساسية للتصميم (Design elements)
  • مبادئ التصميم (Design principles)
  • قواعد وقوانين الالوان (Colors theory)
  • علم تشريح الخطوط (Typography anatomy)
02
المرحلة الثانية
إرشادات التصميم - Design Guidelines
  • قواعد قابلية الاستخدام وتطبيقاتها (Usability Rules)
  • قواعد إمكانية الوصول وتطبيقاتها (Accessibility)
  • الفرق بين التصميم لنظام IOS ونظام Android
03
المرحلة الثالثة
نظام التصميم - Design system
  • إتقان استخدام فيجما
  • تشريح تصميم واجهة المستحدم (UI Design anatomy)
  • التنسيق التلقائي (Auto layout)
  • كيفية التفكير وبناء المكون الرئيسي (Master Component)
  • المتغيرات والقيم المنطقية (Variants & Boolean)
  • بناء نظام تصميم (Design System)
  • تطبيقات عملية لتصميم شاشات الجوال
04
المرحلة الرابعة
أسس أنظمة التصميم والرموز التصميمية (Design Systems and Design Tokens)
  • مقدمة عن رموز التصميم والمتغيرات (Design Tokens & Variables)
  • ما هو نظام التصميم (Design System)
  • المتغيرات مقابل رموز التصميم (Variables Vs Design Tokens)
  • لماذا يجب علينا استخدام رموز التصميم في أدوات التصميم (Design Tokens in Design Tools)
  • أفضل الأدوات لرموز التصميم (Design Tokens)
  • عملية رموز التصميم (Design Tokens Process)
  • تحديات ومزايا رموز التصميم (Design Tokens Challenges and Benefits)
  • أساسيات رموز التصميم (Design Tokens Essentials)
  • أفضل طريقة لتسمية لرموز التصميم (Tokens naming)
  • نشاط عملي: قصة رمز التصميم المكون للزر ( Component Token Story for a Button)
  • مثال متقدم لرموز المكونات (Component Tokens)
05
المرحلة الخامسة
أساسيات نظام التصميم: المكونات والرموز التصميمية (Component & Tokens)
  • تصميم صفحة تسجيل الدخول
  • إنشاء مكون الزر (Button Component)
  • نشر نظام التصميم الخاص بك (Publish your Design System)
  • تصميم صفحة تسجيل الدخول ومكون الزر (Login page and Button Component)
  • واجهة متغيرات فيجما (Figma Variables Interface)
  • إنشاء رمز الخيار (Option Token)
  • تخطيط وإنشاء رمز الخيار (Option Tokens)
  • تخطيط رموز الأسماء المستعارة (Alias Tokens)
  • إنشاء رموز الأسماء المستعارة (Alias Tokens)
  • تحديد نطاق المتغيرات (Setting Variables Scope)
06
المرحلة السادسة
إتقان الرموز التصميمية للمكونات المحددة
  • فهم مكون الزر (Button Component)
  • تخطيط رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
  • تخطيط وإنشاء رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
  • تخطيط وإنشاء وتطبيق رموز التصميم لمكون الزر المحدد (Component Specific Tokens for Button component)
  • واجهة وضع المطور (Dev Mode Interface)
  • تحديث فيجما: ترقيات المتغيرات في وضع المطور (Dev Mode)
  • مقدمة حول ملف المشروع (Project File)
  • تصدير متغيرات فيجما إلى كود JSON
  • معاينة كود JSON
07
المرحلة السابعة
من التصميم إلى التطوير (From Design to Development)
  • تحويل كود JSON إلى CSS
  • ربط ملف متغيرات CSS بالمشروع
  • توثيق رموز الزر (Button Tokens Documentation)
  • تطبيق رموز الزر في CSS (Apply Buttons Tokens in CSS)
  • تنفيذ رموز الزر في الكود ( Button Tokens into the Code)
  • إنشاء الوضع الداكن (Dark Mode)
  • تصدير رموز الوضع الداكن إلى كود JSON
  • تحويل كود JSON في الوضع الداكن إلى CSS
  • تنفيذ الوضع الداكن في الكود (Dark Mode in Code)
  • إنشاء رموز علامة تجارية جديدة (New Brand Tokens)
  • تصدير رموزعلامة تجارية جديدة إلى كود JSON
  • تحويل كود JSON لعلامة تجارية جديدة إلى CSS
  • تنفيذ رموز التصميم لعلامة تجارية جديدة في الكود (New Brand in Code)
  • مزايا المصدر الموّحد للبيانات (SSOT)
  • إنشاء علامة تجارية جديدة (New Brand)
08
المرحلة الثامنة
الخاتمة والمرحلة النهائية
  • مراجعة المهام والتطبيقات العملية للطلبة المشاركة
  • إجابة الاسئلة والاستفسارات
تعرف على

مدربينا

  • أسامة الدريني
    قائد فريق تجربة المستخدم و مستشار الـ Design Tokens
    قائد تصميم المنتج، يشرف على عملية تصميم تجربة المستخدم للمنتجات الرقمية. إدارة فريق من المصممين لإجراء أبحاث المستخدم، وبناء الإطارات السلكية والنماذج الأولية، وإنشاء واجهات مستخدم جذابة.
  • محمد العارف
    خبير تصميم تجربة المستخدم
    لديه أكثر من 20 عامًا من الخبرة في إنشاء تجارب ممتعة للمستخدم. ويمتلك مهارات فريدة من إستراتيجية التصميم، وبحث المستخدم، وهندسة المعلومات، وتصميم واجهة المستخدم.

آراء وتقييمات الخريجين

  • خالد محمد العودي
    البلد:
    السعودية
    لما سجلت في معسكر كراديس، كنت أتوقع أتعلم مفاهيم وأدوات جديدة وأطور مهاراتي كمصمم تجربة مستخدم لكن اللي حصل فاق توقعاتي تمامًا لان المعسكر ما كان مجرد تعليم نظري أو جلسات تقليدية بل كان تجربة عملية متكاملة عشت فيها دور المصمم بشكل واقعي تمامًا كأنني اعمل فعليًا في بيئة عمل حقيقية هذا الشيء خلاني أضيف تجربة المعسكر في قسم الخبرات العملية بسيرتي الذاتية بدل ما تكون في قسم الدورات تدريبية فقط خلال المعسكر اشتغلنا على مشاريع حقيقية ومررنا بجميع مراحل تصميم تجربة المستخدم بشكل مكثف جدا, بدأنا بجمع البيانات وعمل الأبحاث مع أصحاب المصلحة ومستخدمين حقيقيين لفهم احتياجاتهم ثم تعلمنا كيفية تحليل هذه البيانات وتحديد المشكلات الأساسية التي نحتاج إلى معالجتها بعدها انتقلنا إلى مرحلة توليد الأفكار وصياغة الحلول المناسبة وصممنا نماذج أولية فعّالة , ومن مميزات المعسكر ايضا انه يجمعك بفرق متنوعة الخبرات والثقافات وهذا ساعدني أطور مهاراتي في التواصل والعمل الجماعي بشكل كبير التجربة كانت كأنها محاكاة فعلية لسوق العمل تعلمت منها أشياء مستحيل أكتسبها من التعليم النظري وحده فإذا كنت تبحث عن تجربة تعلمك التصميم من منظور عملي وتجهزك بشكل حقيقي لسوق العمل أنصحك بمعسكر كراديس تجربة مميزة لكل مصمم تجربة مستخدم يبغى يطور نفسه ويحقق تقدم واضح في مسيرته المهنية
  • نهى الفرج
    البلد:
    السعودية
    قبل المعكسر حصلت على دورات متعددة في تصميم تجربة المستخدم وشهادة من قوقل أيضا في المجال، لكن التحدي كان كيف أحولها لإجراء عملي!! المميز في تجربة كراديس هي الواقعية ، يعني من واقع الخبرات والتجارب والأدوات المتوفرة ينجز العمل ! عندما بدأنا جزئية التصميم كنت متخوفة من عدم إتقاني للموضوع لكن طريقتهم المميزة في الشرح وتبسيط المعلومة جعلت موضوع التصميم سهلا بل ودفعني الحماس أيضا للتسجيل في الدورة القامة المخصصة لنظم التصميم ، والتي سأكون أتهرب منها إن لم أجرب معكم في المعسكر معنى تصميم الواجهات. ختاما لم أندم يوما واحدا على الإنضمام للمعكسر ، كل جلسة كانت مليئة بالتجارب والقصص والواقعية وأن المثالية " في الجنة إن شاء الله
  • مجد الحاج
    البلد:
    لبنان
    بدايةً اقدم رسالة شكر وتقدير لكل من ساهم بهذا المعسكر والقائمين عليه واخص المهندس محمد العارف بجزيل الشكر بسبب شفافيته وصدقه وامانته على إيصال المعلومة وتنفيذها بشكل عملي. - أولاً المعسكر كان اكثر من ممتاز، صدقاً انا اعمل في المجال منذ 4 سنوات تقريباً ودخلت المعسكر في عقلية وخرجت منه بمكان آخر تماماً (كنت اريد القول للوهلة الأولى انه مثل غيره، ولكن اجزم بكل صدق هو افضل ما قمت بدراسته للأن في مجال تجربة المستخدم). - ثانياً، محتوى المعسكر كان ممنهج ومرتب بشكل يستطيع اي شخص من خارج المجال التقني (مهندس،دكتور، او حتى محامي) ان يخرج في نهاية المعسكر لدي الخبرة الكافية لدخول سوق العمل بكل ثقة. - ثالثاً، الادوات والابحاث وخصوصاً في تجربة المستخدم كان تعلمها جداً سلس وذلك بسبب التطبيق العملي واخص كذلك الأفخاخ التي وقعنا بها كفريق، وذلك متعمد من م. محمد حتى نتعلم بالشكل الصحيح وهذه الأخطاء لن ننساها طوال مسيرتنا المهنة. - رابعاً وأخيراً، التطبيق العملي الجاد المكثف في تصميم واجهة المستخدم وبناء نظام التصميم والمكونات والتعامل مع مبادئ التصميم وربطها ببعضها البعض هو ما عملنا عليه حتى ننتج منتجات غير قابلة للفشل في سوق تنافسي محتدم، سواء على مستوى تصميم الواجهة او التجربة. وشكراً
  • لقمان علي الجراحي
    البلد:
    اندونيسيا
    الحمدلله أنا استفدت جدا من المعسكر بدأ من مفهوم ال UI/UX المفهوم نفسه كنت فهمه غلط أو فهم محدود جدا جدا وبعد كده شرح يعني إيه UX كمفهوم وكونسبت دا في حد ذاته غير فهمي ورؤيتي للأمور بشكل مختلف تماما وازي تعمل أبحاث بطرق مختلفة. أما جزء ال UI فدا أكتر جزء ساعدني جدا على فهم أي تصميم أشوفه وأقدر ألاحظ إذا فيه مشاكل ولا لأ طريقة شرح الكونسبت والمفاهيم الخاصة بال UI كانت مفيدة جدا وبدأت أطبق المفهوم ده في شغلي في البرمجة وفادني جدا وخلاني أفكر بطريقة منظمة أكتر. في النهاية أحب أقول جزاكم الله خيرا وبارك فيكم ونفع بكم
معسكر تصميم واجهات المستخدم وانظمة التصميم المتكامل "Design Tokens"
9,985 ر.س دولار