تتألّف منظومة Wear OS المتكاملة من أجهزة ذات مجموعة متنوّعة من أحجام الشاشات. يعد استخدام مبادئ واجهة المستخدم التكيُّفية أمرًا بالغ الأهمية لتقديم تجربة أعلى جودة لجميع المستخدمين.
ما المقصود بواجهة المستخدم التكيفية؟
يتم توسيع واجهات المستخدم التكيُّفية والتغيير لتحقيق أفضل استفادة ممكنة من جميع مساحات الشاشة المتاحة، بغض النظر عن حجم الشاشة التي يتم عرضها عليها.
تتغير واجهات المستخدم التكيفية بشكل متجاوب، باستخدام المكونات والطرق المضمنة مباشرة في منطق التخطيط. تستخدم هذه التخطيطات أيضًا نقاط التوقف لحجم الشاشة - تطبيق تصميم مختلف على أحجام الشاشة المختلفة - لإنشاء تجربة أكثر ثراءً للمستخدمين.
أحجام الشاشة الرئيسية
![](https://developer.android.google.cn/static/wear/images/design/key-screen-sizes.png?authuser=19&hl=ar)
تعرَّف على أحجام المراجع الرئيسية التي يجب وضعها في الاعتبار عند تصميم تجارب جديدة.
أنواع التخطيطات
عند التصميم من أجل تخطيطات متكيفة على الشاشة المستديرة، فإن طرق العرض التمرير وعدم التمرير لها متطلبات فريدة لتوسيع نطاق عناصر واجهة المستخدم والحفاظ على تخطيط وتكوين متوازنين.
![](https://developer.android.google.cn/static/wear/images/design/scrolling-view.gif?authuser=19&hl=ar)
يجب تحديد جميع الهوامش العلوية والسفلية والجانبية بنسب مئوية لتجنب الاقتصاص وتوفير تحجيم تناسبي للعناصر.
![](https://developer.android.google.cn/static/wear/images/design/non-scrolling-view.gif?authuser=19&hl=ar)
يجب تحديد كل الهوامش بالنسب المئوية، كما يجب تحديد القيود الرأسية لكي يمتد المحتوى الرئيسي في المنتصف لملء المساحة المتوفرة.
إضافة قيمة من خلال التخطيطات التكيّفية وممارسات التصميم
عند التصميم من أجل تخطيطات متكيفة على الشاشة المستديرة، فإن طرق العرض التمرير وعدم التمرير لها متطلبات فريدة لتوسيع نطاق عناصر واجهة المستخدم والحفاظ على تخطيط وتكوين متوازنين.
الصور التالية هي اقتراحات واسعة النطاق؛ الأمثلة هي لأغراض توضيحية فقط. يمكنك الاطّلاع على كل مكوّن أو صفحة مساحة عرض للحصول على إرشادات مفصّلة وسياقية وسريعة الاستجابة.
![](https://developer.android.google.cn/static/wear/images/design/content-at-a-glance.png?authuser=19&hl=ar)
تسمح التنسيقات المتجاوبة باحتواء المزيد من الشرائح والبطاقات والمزيد من السطور النصّية والمزيد من الأزرار على شاشة واحدة.
![](https://developer.android.google.cn/static/wear/images/design/content-elements-visible.png?authuser=19&hl=ar)
استخدِم التنسيقات الجديدة التي يتم تطبيقها عند نقاط فواصل محدَّدة لحجم الشاشة للسماح بتقديم محتوى جديد متى أمكن، ما يمنح المستخدم قيمة إضافية على الأجهزة ذات أحجام الشاشات الأكبر.
![](https://developer.android.google.cn/static/wear/images/design/glanceability.png?authuser=19&hl=ar)
يمكنك استخدام مساحة إضافية على الشاشة لتوفير حاويات أكبر ونصّ أكبر وحلقات أكثر سُمكًا وعرضًا مرئيًا للبيانات بدقة أكبر، وذلك بغرض توفير إمكانية الاطّلاع بسرعة أكبر على البيانات للمستخدمين.
![](https://developer.android.google.cn/static/wear/images/design/usability.png?authuser=19&hl=ar)
يمكنك استخدام مساحة إضافية على الشاشة لتوفير أهداف نقر أكبر وتسلسل هرمي مرئي أكبر ومساحة إضافية بين عناصر المحتوى لتسهيل التفاعل مع الواجهات عليها.
![](https://developer.android.google.cn/static/wear/images/design/optimized-compositions.png?authuser=19&hl=ar)
يمكنك استخدام المكوّنات والنماذج المحدَّثة لتوفير شكل وأسلوب أفضل لواجهات المستخدم على جميع أحجام الشاشات.
جودة التطبيق
![](https://developer.android.google.cn/static/wear/images/design/quality-guidelines.png?authuser=19&hl=ar)
يتم تنظيم إرشادات الجودة لدينا في ثلاثة مستويات. قم بتمكين أفضل تجربة ممكنة للمستخدمين من خلال استيفاء إرشادات المستويات الثلاثة.
جاهز لجميع أحجام الشاشات |
سريعة الاستجابة ومحسَّنة |
تكيُّفي ومتميّز |
استخدام التصاميم الأساسية الراسخة
![](https://developer.android.google.cn/static/wear/images/design/canonical-layouts.png?authuser=19&hl=ar)
استخدِم التصاميم الأساسية الثابتة لمساعدة واجهات المستخدم في التكيّف بسلاسة مع مجموعة من أحجام الأجهزة.
لقد طوَّرنا تخطيطاتنا الأساسية بعناية لتقديم تجربة عالية الجودة عبر جميع أحجام الشاشات.