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

تتضمن دوراتنا ملخصًا في نهاية كل فصل، يمكنك من خلاله تحميل ملف PDF وطباعته.

أكثر من 2 مليون طالب حول العالم

موجود في أكثر من 180 بلدًا

شهادة معتمدة في بلدك

الصفحة الرئيسية

...

دورة تصميم النماذج الأولية على Figma من الصفر

جميع الدورات

الفنون والتصميم والاتصال

التصميم

دورة تصميم النماذج الأولية على Figma من الصفر

لكل المستويات

دورة تصميم النماذج الأولية على Figma من الصفر

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

Dedika للشركات

ماذا ستتعلم:

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

كيف تدرس بشكل عملي دورة تصميم النماذج الأولية على Figma من الصفر

كيف تتدرب دورة تصميم النماذج الأولية على Figma من الصفر

لك أنت، صاحب الشركة، الذي يريد تدريب فريقه

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

اضغط هنا

محتوى الدورة

8 فصول • 39 دروسمدة بين 4 و 360 ساعة (أنت تقرر)

الفصل 1عرض التفاصيل

البداية مع Figma

درس 1 • نظام Figma البيئي وإعداد الحساب
يتناول تطبيقي Figma على الويب وسطح المكتب، وأنواع الخطط، وتكوين الحساب. يؤسس الأساس التقني قبل البدء في أي عمل تصميم.
درس 2 • اختصارات لوحة المفاتيح والإعدادات الأساسية
يغطي أهم الاختصارات وإعدادات التفضيلات لسير عمل فعال. السرعة والدقة المكتسبة هنا تتراكم عبر كل فصل تالي.
درس 3 • تنظيم الملفات والصفحات والمشاريع
يُعلّم كيفية إنشاء الملفات والصفحات وتكرارها وتنظيمها داخل المشاريع. البنية السليمة تمنع الالتباس في العمل اللاحق على النماذج الأولية متعددة الشاشات.
درس 4 • التنقل في واجهة Figma
يقدم شريط الأدوات، ولوحة الطبقات، ولوحة الخصائص، والقماش. يوجه الطلاب إلى كل عنصر واجهة دائم سيستخدمونه طوال الدورة.

الفصل 2عرض التفاصيل

أساسيات الأشكال والإطارات والتخطيط

درس 1 • رسم الأشكال الأساسية وتحريرها
يغطي المستطيلات والقطع الناقصة والمضلعات وأداة النجمة مع خصائصها. تشكل هذه البدائية اللبنات الأساسية لكل عنصر واجهة مستخدم يتم إنشاؤه لاحقًا.
درس 2 • أداة القلم المتجه وتحرير المسار
يقدم أداة القلم للمسارات المتجهة المخصصة ومعالجة نقاط الارتكاز. الأيقونات والرسوم التوضيحية المخصصة التي تُبنى هنا ستظهر في شاشات النموذج الأولي اللاحقة.
درس 3 • المحاذاة والتوزيع والتباعد
يغطي أدوات المحاذاة والتوزيع الذكي وتحكمات التباعد المنظمة. التباعد الدقيق ضروري قبل تقديم التخطيط التلقائي في الفصل التالي.
درس 4 • فهم الإطارات مقابل المجموعات
يشرح الفرق البنيوي بين الإطارات والمجموعات ومتى يتم استخدام كل منهما. الإطارات هي أساس الشاشات والمكونات والتخطيط التلقائي.
درس 5 • شبكات التخطيط والأدلة
يُعلّم تراكبات الأعمدة والصفوف والشبكات لمحاذاة مكانية متسقة. الشبكات تفرض اتساق التصميم عبر جميع الشاشات في النموذج الأولي.

الفصل 3عرض التفاصيل

أنظمة الطباعة الفنية والألوان

درس 1 • التعبئات والتدرجات والصور
يغطي التعبئات الصلبة والتدرجات الخطية والشعاعية وأنماط تعبئة الصور. تنتج هذه التقنيات خلفيات وأسطح واجهة مستخدم مصقولة طوال المشروع.
درس 2 • بناء مقياس الخط
يُعلّم كيفية تعريف مقياس خط معياري للعناوين والنص الأساسي والتعليقات. المقياس المحدد يضمن التسلسل البصري عبر كل شاشة في النموذج الأولي.
درس 3 • أنماط النص وإدارة النمط
يغطي إنشاء أنماط النص المشتركة وتسميتها وتطبيقها عبر الملف. إدارة النمط تقلل من عدم الاتساق قبل تقديم المكونات.
درس 4 • إنشاء نظام ألوان محلي
يُعلّم كيفية تعريف رموز الألوان الأساسية والثانوية والمحايدة والدلالية كأنماط محلية. الألوان المركزية تجعل التحديثات العامة فورية عبر جميع الإطارات.
درس 5 • أداة النص وخصائص النوع
يغطي تحكمات اختيار الخط والحجم والوزن وارتفاع السطر والتباعد بين الأحرف. إتقان هذه الخصائص يمكن من كتابة نص واجهة مستخدم قابل للقراءة واحترافي من البداية.

الفصل 4عرض التفاصيل

التخطيط التلقائي والتصميم المتجاوب

درس 1 • القيود والإطارات المتجاوبة
يغطي إعدادات القيود التي تتحكم في سلوك الطبقات عند تغيير حجم الإطار. القيود المدمجة مع التخطيط التلقائي تنتج تصاميم شاشات متجاوبة حقًا.
درس 2 • تداخل إطارات التخطيط التلقائي
يُعلّم كيفية تداخل إطارات التخطيط التلقائي لبناء هياكل واجهة مستخدم معقدة وقابلة للتكيف. التخطيطات المتداخلة هي العمود الفقري لشبكات البطاقات وأشرطة التنقل وتخطيطات النماذج.
درس 3 • مقدمة في التخطيط التلقائي
يشرح المفهوم الأساسي للتخطيط التلقائي في الاتجاه والتباعد والحشوة. فهم هذا النموذج مطلوب قبل بناء أي مكون متجاوب.
درس 4 • بناء أنماط واجهة مستخدم متجاوبة
يطبق التخطيط التلقائي والقيود لبناء شريط تنقل وشبكة بطاقات ونموذج. تُستخدم هذه الأنماط مباشرة في شاشات النموذج الأولي في الفصول اللاحقة.
درس 5 • أنماط التحجيم في التخطيط التلقائي
يغطي التحجيم الثابت والتلقائي والتعبئة لكلٍ من أبعاد العرض والارتفاع. أنماط التحجيم الصحيحة تحدد كيفية استجابة المكونات للمحتوى والحاويات الأم.

الفصل 5عرض التفاصيل

المكونات والمتغيرات وأنظمة التصميم

درس 1 • بناء مكتبة مكونات واجهة مستخدم أساسية
يطبق المكونات والمتغيرات لبناء الأزرار وحقول الإدخال والأيقونات والبطاقات. هذه المكتبة هي المصدر المباشر لجميع الشاشات التي تم بناؤها في فصل النماذج الأولية.
درس 2 • خصائص المكونات
يغطي الخصائص المنطقية والنصية وتبديل المثيل ومثيل المثيل المتداخل على المكونات. الخصائص تعرض تحكمًا مخصصًا دون كسر بنية المكون.
درس 3 • متغيرات المكونات
يُعلّم كيفية تجميع حالات المكون المرتبطة في مجموعة متغيرات بخصائص مسماة. المتغيرات تمكّن تغييرات الحالة التفاعلية في النماذج الأولية دون تكرار المكونات.
درس 4 • إنشاء المكونات واستخدامها
يغطي تحويل الإطارات إلى مكونات رئيسية ووضع مثيلاتها عبر الملف. المكونات تضمن أن التعديل الواحد ينتشر إلى كل شاشة فورًا.
درس 5 • المكتبات المشتركة والنشر للفريق
يُعلّم كيفية نشر مكتبة مكونات واستهلاكها عبر ملفات الفريق. المكتبات المشتركة هي أساس سير العمل القابل للتوسع والمصممين المتعددين.

الفصل 6عرض التفاصيل

بناء نماذج أولية متعددة الشاشات

درس 1 • اتصالات النموذج الأولي وتفاعلاته
يُعلّم كيفية إضافة اتصالات النموذج الأولي والمحفزات والوجهات بين الإطارات. الاتصالات تحول الشاشات الثابتة إلى نموذج أولي قابل للنقر والتنقل.
درس 2 • تصميم شاشات التطبيق الرئيسية
يطبق مكتبة المكونات لبناء شاشات الإعداد ولوحة القيادة والتفاصيل. كل شاشة تستخدم التخطيط التلقائي والأنماط المشتركة التي تم تأسيسها في الفصول السابقة.
درس 3 • تخطيط الشاشات وتدفقات المستخدم
يغطي رسم خريطة تدفق المستخدم وجرد الشاشات واتفاقيات التسمية قبل التصميم. التخطيط يمنع إعادة العمل الهيكلي عند ربط الشاشات في الأقسام اللاحقة.
درس 4 • انتقالات وإعدادات الرسوم المتحركة
يغطي انتقالات الفوري والتلاشي والانزلاق والدفع والرسوم المتحركة الذكية. الانتقالات المناسبة توصل اتجاه التنقل وسلوك الواجهة بوضوح.
درس 5 • معاينة النموذج الأولي ومشاركته
يُعلّم كيفية المعاينة في عارض Figma وإنشاء روابط نموذج أولي قابلة للمشاركة. المشاركة تمكن مراجعة أصحاب المصلحة واختبار قابلية الاستخدام المغطى في الفصول اللاحقة.

الفصل 7عرض التفاصيل

تقنيات النماذج الأولية المتقدمة

درس 1 • المكونات التفاعلية وتغييرات الحالة
يغطي استخدام متغيرات المكون مع اتصالات النموذج الأولي لمحاكاة تغييرات الحالة. المكونات التفاعلية تقلل عدد الإطارات اللازمة للتدفقات المعقدة.
درس 2 • التمرير والفيضان والعناصر الثابتة
يُعلّم التمرير الرأسي والأفقي وقص الفائض والطبقات الثابتة الملصقة. هذه الإعدادات تعيد إنتاج سلوك التمرير الأصلي في النماذج الأولية للجوال والويب.
درس 3 • المنطق الشرطي والإجراءات
يُعلّم شروط إذا-وإلا وتسلسلات الإجراءات متعددة الخطوات على تفاعلات النموذج الأولي. المنطق الشرطي يمكن تدفقات التفرع التي تعكس نقاط القرار للتطبيق الحقيقي.
درس 4 • مقدمة في متغيرات Figma
يغطي إنشاء مجموعات متغيرات رقمية ونصية ومنطقية ولونية. المتغيرات تمكن إدارة البيانات والحالة الديناميكية غير المتاحة في النماذج الأولية الأساسية.
درس 5 • عمل نماذج أولية لتدفقات معقدة
يطبق جميع التقنيات المتقدمة لبناء تدفق دفع أو إعداد بمنطق حقيقي. هذا القسم الختامي يدمج المتغيرات والشروط والتمرير في تدفق واحد.

الفصل 8عرض التفاصيل

الاختبار والتسليم والتكرار

درس 1 • اختبار قابلية الاستخدام باستخدام النماذج الأولية
يغطي تخطيط مهام الاختبار واستقطاب المشاركين وإجراء الجلسات الخاضعة للإشراف. الاختبار المنظم يولد ملاحظات قابلة للتنفيذ لدورة التكرار.
درس 2 • وضع الفحص وتصدير الأصول
يُعلّم المطورين كيفية استخدام لوحة فحص Figma وكيف يُصدّر المصممون الأصول. إعدادات التصدير الصحيحة تضمن أصولًا مطابقة للبكسل عبر جميع درجات الدقة المستهدفة.
درس 3 • سجل الإصدارات وصيانة الملفات
يغطي حفظ إصدارات مسماة واستعادة الحالات السابقة والحفاظ على ملف نظيف مع مرور الوقت. التحكم في الإصدارات يحمي العمل ويدعم التصميم التكراري عبر الدورات.
درس 4 • تحليل الملاحظات وترتيب أولويات التغييرات
يُعلّم رسم خرائط التقارب وتقييم الشدة وترتيب أولويات التغييرات من نتائج الاختبار. تحديد الأولويات يضمن إصلاح المشكلات ذات الأثر الأعلى قبل التسليم.
درس 5 • إعداد الملفات للتسليم إلى المطورين
يغطي معايير تسمية الطبقات والتعليقات وتنظيف الملف للملفات الجاهزة للمطورين. الملفات النظيفة تقلل أسئلة المطورين وأخطاء التنفيذ بشكل كبير.

شهادة

شهادتك المعتمدة لإتمام الدورة

هذا الدورة موجهة لك:

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

ماذا يقول طلابنا

دروسكم مثالية. اشتريت الباقة السنوية، وأخيراً أصبح لدي الفرصة لمتابعة مواضيع متنوعة تهمني دون الحاجة لتغيير المنصة... أشكركم على كل ما تقومون به، لقد نصحت أشخاصاً آخرين بكم...