أزرار الإجراءات العائمة: متى يتم استخدام FAB وكيفية تحريكه
عندما يساعد زر الإجراء العائم، عندما يكون الأمر مؤلمًا، واحد FAB لكل شاشة، وFABs الموسعة وقوائم FAB، وسلوك التمرير والحركة.
الوجبات الجاهزة الأساسية
استخدم زر الإجراء العائم للإجراء الأكثر أهمية على الشاشة، مثل الإنشاء أو الإنشاء. اعرض واحدًا فقط لكل شاشة، وتخطيه على الشاشات التي لا تحتوي على إجراء أساسي واضح، واستخدم FAB ممتدًا مع تسمية عندما يكون الرمز وحده غير واضح، واجعل حركته هادفة عندما يتوسع أو ينهار عند التمرير أو يفتح قائمة.
ما هو FAB؟
يصف Material Design 3 FAB بأنه الإجراء الأساسي للشاشة وينصح بعدم عرض FABs متعددة على شاشة واحدة. ويلاحظ أيضًا أنه ليست هناك حاجة إلى FABs في كل شاشة، على سبيل المثال عندما تمثل الصور الإجراءات الأساسية بالفعل.
المتغيرات
تقدم المادة عدة أشكال:
- Standard FAB: رمز لإجراء معروف مثل الإنشاء.
- FAB الممتد: أيقونة بالإضافة إلى التسمية، أكثر وضوحًا للإجراءات الأقل وضوحًا وعلى الشاشات الأكبر حجمًا.
- FAB كبير: لإجراءات أساسية بارزة، ومناسب للنوافذ الأوسع مثل الأجهزة اللوحية والأجهزة القابلة للطي.
- قائمة FAB: تفتح FAB مجموعة قصيرة من الإجراءات ذات الصلة.
عندما لا تستخدم واحدة
تخطي FAB للإجراءات البسيطة أو المدمرة، على الشاشات التي يكون فيها الإجراء الرئيسي واضحًا بالفعل، وحيث يغطي المحتوى أو عناصر التحكم المهمة. في iOS، FAB ليس نمطًا أصليًا؛ تعد أزرار شريط الأدوات أو شريط التنقل مألوفة أكثر لمستخدمي iPhone.
حركة
غالبًا ما ينهار FAB من ممتد إلى قياسي أثناء تمرير الأشخاص، ثم يتوسع مرة أخرى، ويمكن أن يتحول إلى ورقة أو قائمة عند النقر عليه. تشرح هذه التحولات أين ذهب الإجراء ومن أين جاء محتواه. اجعلها قصيرة، وتجنب الارتداد في كل تمريرة، واحترم الحركة المنخفضة.
مفتاح Principle للتذكر
- FAB واحد لكل شاشة، للإجراء الأساسي
- ليست كل شاشة تحتاج إلى واحدة
- استخدم FAB الموسع عندما لا يكون الرمز واضحًا
- تجنب FABs لإجراءات بسيطة أو مدمرة
- استخدم الحركة لإظهار مصدر محتوى FAB
الأسئلة المتداولة
المصادر
- FAB guidelines — Material Design 3