التنسيقات الشائعة للبلاطات

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

ثلاث مربّعات، يعرض اثنان منها صفًا واحدًا يتضمّن 3 أعمدة من المحتوى الرئيسي، ويعرض المربّع الثالث صفَّين يتضمّنان 3 أعمدة من المحتوى الرئيسي

إنشاء تصاميم متجاوبة ومحسَّنة

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

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

التأكّد من أنّ المكوّنات تملأ العرض المتاح

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

إنشاء تصاميم تكيّفية ومتميّزة

للاستفادة إلى أقصى حد من المساحة الإضافية على أحجام الشاشات الأكبر، أضِف نقطة توقّف عند 225 وحدة بكسل مستقلة الكثافة. تتيح لك نقطة التوقّف هذه عرض محتوى إضافي أو تضمين المزيد من الأزرار أو البيانات أو تغيير التنسيق ليتناسب بشكل أفضل مع الشاشة الأكبر.

ويتطلّب ذلك تصميمًا مختلفًا لكل نقطة توقّف. يمكن أن يتضمّن تصميم الشاشة الأكبر (225 وحدة بكسل مستقلة الكثافة أو أكثر) العناصر الإضافية التالية:

إظهار موضع العنوان المخفي سابقًا

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

زيادة حجم المكوّنات الحالية أو تغيير حالتها

وقد يتم ذلك لعرض المزيد من التفاصيل أو لجعل المحتوى أسهل في التصفّح.

إضافة خانات المكوّنات ضمن التنسيق الحالي

من خلال إضافة مكوّنات، يوفّر التصميم المزيد من الخيارات أو التفاصيل الإضافية. مع ذلك، احرص على أن يظل المحتوى قابلاً للاطّلاع السريع.

إضافة المزيد من المحتوى في أسفل الصفحة

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

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

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

السلوك المتجاوب والتكيّفي

يعتمد السلوك المتجاوب والمتكيّف على الأقسام الثلاثة في التنسيق.

موضع رمز التطبيق وعنوانه

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

يظهر العنوان أسفل رمز التطبيق

الخانة الرئيسية (المكوّنات)

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

تعرض الخانة الرئيسية صفَّين من 3 رموز لكل صف

الفتحة السفلية

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

نص الزر السفلي هو "المزيد"
المربّعات التي تتضمّن زرًا في الخانة السفلية

تعرض الخانة السفلية هدفًا متعلّقًا باللياقة البدنية كنص
البلاطات التي تتضمّن نصًا في الخانة السفلية

يمتد المحتوى الرئيسي إلى أسفل المربّع
المربّعات التي لا تحتوي على موضع أسفلها

إنشاء تجارب مختلفة

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

يجب أن تكون هذه التخصيصات محدودة وألا تخرج عن نموذج المربّع. ويتم ذلك للحفاظ على الاتساق عندما يتنقّل المستخدمون بين لوحات العرض الدوّارة على أجهزة Wear OS.