البطاقات

يمكن أن تحتوي البطاقات على مجموعة متنوّعة من المعلومات، مثل النصوص أو الرموز أو الصور أو ردود Gemini أو الإجراءات.

المبادئ

التماسك: تجمع البطاقات المعلومات والإجراءات ذات الصلة في وحدة واحدة، سهلة الاستيعاب.

الوضوح: تعرض البطاقات المحتوى بطريقة واضحة ومنظَّمة، ما يسهّل تصفّحه.

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

وحدات: تم تصميمها لتكون وحدات وقابلة لإعادة الاستخدام في أجزاء مختلفة من واجهة Jetpack Compose Glimmer لنظارات الواقع المعزّز.

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

يمكن أن تحتوي البطاقات على مجموعة متنوّعة من المعلومات، مثل النصوص أو الرموز أو الصور أو الإجراءات أو ردود Gemini.

استخدِم نماذج بطاقات Jetpack Compose Glimmer للمحتوى، لأنّها تأتي بأشكال متعدّدة ومحسّنة لتتّبع مبادئ تصميم النظارات الذكية الجاهزة للاستخدام.

check_circle

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

احرص على أن يكون المحتوى موجزًا وخذ في الاعتبار أفضل ممارسات الأسلوب، مثل استخدام الألوان.

cancel

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

لا تفرط في عرض المحتوى على المستخدمين داخل البطاقات أو تتجاهل إرشادات الأسلوب.

استخدِم مجموعة أزرار مع بطاقة لعرض أكثر من إجراء واحد.

check_circle

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

استخدِم زرًا واحدًا فقط مضمّنًا في بطاقة لزيادة الوضوح.

cancel

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

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

علم التشريح

يتم إنشاء البطاقات باستخدام نماذج فتحات مُعدّة مسبقًا.

1. العنوان: هو القسم العلوي من البطاقة، وهو مصمّم لعرض صورة. 

2. العنوان والعنوان الفرعي: يوفّر هذان الحقلان النصيان التصنيفين الرئيسي والثانوي للبطاقة. 

3. الرمز السابق: هو رمز اختياري يظهر في بداية منطقة محتوى البطاقة.

4. الرمز اللاحق: هو رمز اختياري يظهر في نهاية منطقة محتوى البطاقة.

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

6. المحتوى الرئيسي: هو الجزء الأساسي من البطاقة، حيث يمكنك وضع النص الرئيسي أو المحتوى الآخر.

التركيز

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

بطاقة يتم التركيز عليها كعنصر قائمة

يتم التركيز على زر داخل بطاقة كعنصر قابل للتنفيذ.

التخصيص