CEPD · الوحدة 2 — التصميم البصري ومعلومات الشاشات

انضباط مكتبة الأنماط

أكثر من 45 نمطًا في Studio تحتاج مكتبة أنماط — مع مرور ضبط جودة CAP على كل قالب.

نحو 16 د

تمرّنوا في مشغّل الدرس

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

ماذا يغطي هذا الدرس

  1. 01

    الاتساق يُوسّع الفرق

    مكتبة الأنماط توثّق: كتلة العنوان، نغمات التنبيه، تذييل الاختبار، تخطيط البوابة، ومتغيرات RTL. استدلال الاتساق لنيلسن نورمان يقلّل عبء تذكّر المتعلّم — يتعلّمون الواجهة مرة واحدة. اتساع Innovito Studio مرجع حرفة؛ مكتبتكم تقرر الأنماط التي تُطلَق في كل دورة.

  2. 02

    مجموعة بداية المكتبة

    فاتحة درس: تسمية صغيرة + عنوان نتيجة + مرئي بؤري واحد.

    اختبار تكويني: تغذية راجعة + إعادة؛ بلا مخاطر شهادة.

    بوابة وحدة: تنبيه صدق + بنود مُسجَّلة + عرض درجة.

  3. 03

    قلب ضبط الجودة — CAP على كل قالب

    قبل دخول نمط المكتبة، اقلبوا كل بطاقة وارفضوا القالب إن فشل أي فحص.

    نجاح التباين؟ — نص الجسم والأيقونات والدعوات تستوفي WCAG AA في السمات الفاتحة والداكنة.

    نجاح المحاذاة؟ — الأعمدة وخطوط الأساس تلتصق بنفس شبكة شاشات المكتبة الأخرى.

    نجاح التقارب؟ — التغذية الراجعة بجانب الخيار؛ المساعدة لا تطفو يتيمة في التذييل.

    نجاح المساحة البيضاء؟ — لا بطاقات متكدسة تتنافس على نفس النطاق؛ مهمة واحدة لكل منطقة شاشة.

    نجاح التوازن؟ — عنصر الممارسة يفوق الزخرفة؛ الشخصية لا تطغى على القرار.

    نجاح التكرار؟ — نفس عنوان وزر وواجهة تغذية راجعة كالقوالب الشقيقة — بلا ابتكار لمرة واحدة.