الأزرار

الأزرار هي المؤشر المرئي الرئيسي لإجراءات المستخدم.

المبادئ

التركيز على الإجراءات: يجب أن توضّح الأزرار أنّها تؤدي إلى إجراء.

ملاحظات واضحة: يجب أن يتغيّر مظهر الزر بشكل واضح في حالات التفاعل المختلفة (التمرير فوقه والضغط عليه والتركيز عليه) لتقديم ملاحظات فورية.

الاتساق: يجب أن تشترك جميع الأزرار في لغة مرئية أساسية لكي يسهل التعرّف عليها على الفور.

المرونة: يجب أن يستوعب مكوّن الزر الاختلافات الشائعة، مثل تضمين الرموز والأحجام المختلفة، بدون التأثير في الاتساق.

الاستخدام والموضع

يجب وضع الزر بالقرب من المحتوى ذي الصلة به. ويمكن وضعه بمفرده أو مع مكوّنات أخرى، مثل البطاقات والقوائم.

check_circle

إجراءات يُنصح بها

استخدِم ميزة "الكشف التدريجي" لعرض الإجراءات الأقل صلة.

cancel

الإجراءات غير المُوصى بها

لا تربك المستخدم بعرض الكثير من الأزرار.

check_circle

إجراءات يُنصح بها

استخدِم الأزرار لطلب إجراء. أو استخدِم شريحة عنوان لعنصر ثابت.

cancel

الإجراءات غير المُوصى بها

لا تستخدِم زرًا كعنصر زخرفي ثابت.

علم التشريح

التخصيص

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