الأزرار

استخدِم مكوِّن Button للإجراءات التي يفهمها المستخدمون جيدًا ولا تحتاج إلى تصنيف نصي. تتميز الأزرار عن الشرائح بشكلها الدائري.

علم التشريح

(أ). المحتوى

تحتوي الأزرار على فتحة واحدة محجوزة لرمز أو نص. اختَر رمزًا ذا صلة بالإجراء الذي ينفّذه الزر. ويمكنك استخدام نص لا يزيد عن ثلاثة أحرف إذا تعذّر على الرمز وصف الإجراء ذي الصلة. ننصحك باستخدام مكوِّن شريحة إذا تعذّر على الرمز وصف الإجراء بوضوح.

(ب). الحاوية

تقتصر حاويات الأزرار على تعبئة لون واحد خالص.

أزرار التبديل

أزرار التبديل تتيح للمستخدمين التبديل بين حالتين.

الأزرار المكثّفة

الأزرار المضغوطة تظهر أصغر حجمًا لكن لها مساحة أكبر قابلة للنقر. وتكون المنطقة التلقائية القابلة للنقر هي 48x48 بكسل مستقل الكثافة.

تسلسل هرمي

استخدام تعبئة ألوان مختلفة للدلالة على التسلسل الهرمي للأزرار

تركيز عالٍ

تحتوي أزرار التشديد العالي على إجراءات أساسية للتطبيق. وبالنسبة إلى أزرار التوكيد العالي، استخدم الألوان الأساسية أو الثانوية للحاوية واللونين "أساسي" و"تشغيل" للمحتوى. لمزيد من المعلومات، يمكنك الاطّلاع على تصميم مواد Wear.

تركيز متوسط

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

وبدلاً من ذلك، يمكنك استخدام المكوِّن OutlineButton المخصَّص لزر التوكيد بدرجة متوسطة. يحتوي هذا المستوى على خلفية شفافة ولون أساسي ملون بدرجة تعتيم 60% ومحتوى ملون أساسي.

التركيز منخفض (الرمز فقط)

تتميز أزرار التوكيد المنخفض بعدم وجود تعبئة. وتُعدّ هذه الأدوات هي الأنسب للمساحات الصغيرة على خلفية شاشة الساعة التي تحتاج إلى ترتيب مدمج. استخدِم لون "على السطح" للمحتوى.

الأحجام

استخدم أزرارًا ذات أحجام مختلفة للتأكيد على الإجراءات أو إلغاء التركيز عليها.

كبير
رمز (30 × 30 بكسل مستقل الكثافة)
حاوية (60 × 60 بكسل مستقل الكثافة)

تلقائي
الرمز (26 × 26 بكسل مستقل الكثافة)
الحاوية (52 × 52 بكسل مستقل الكثافة)


صغير
رمز (24 × 24 بكسل مستقل الكثافة)
حاوية (48 × 48 بكسل مستقل الكثافة)

الرمز (24 × 24 بكسل مستقل الكثافة)
الحاوية (32 × 32 بكسل مستقل الكثافة)
يمكن أن تكون الأزرار المضغوطة فقط صغيرة جدًا.

الاستخدام

استخدم الأزرار القياسية لتمكين المستخدم من اتخاذ إجراء واحد مثل قبول مكالمة أو رفضها أو بدء مؤقت.

استخدم أزرار التبديل للسماح للمستخدم بتفعيل خيار أو إيقافه، مثل تحديد أيام الأسبوع وإلغاء اختيارها أو إيقاف الموقت مؤقتًا وإعادة تشغيله.