التصميم للأجهزة القابلة للطي: الأوضاع وأحجام النوافذ والإيماءات
كيفية تصميم تطبيقات للهواتف القابلة للطي: التخطيطات المطوية وغير المطوية، وأوضاع سطح الطاولة والكتب، وفئات حجم النافذة، والاستمرارية والإيماءات بالقرب من الطية.
الوجبات الجاهزة الأساسية
تصميم تخطيطات قابلة للطي حسب حجم النافذة المتاحة، وليس طراز الجهاز: تتعامل فئات حجم نافذة Android مع العروض التي تقل عن 600dp على أنها مضغوطة، ومن 600 إلى 840dp كمتوسط ومن 840 إلى 1200dp على أنها موسعة. دعم الأوضاع المطوية والمفتوحة ونصف المفتوحة (سطح الطاولة)، والحفاظ على مكان المستخدم عند طي الجهاز أو فتحه، وإبقاء المحتوى الرئيسي وأهداف اللمس بعيدًا عن الطي.
المواقف
تصف وثائق مطوري Android الأجهزة القابلة للطي في عدة أوضاع: مطوية، ومفتوحة بشكل مسطح، ومفتوحة بشكل مسطح ومستديرة إلى الوضع الأفقي، ونصف مفتوحة، والمعروفة باسم سطح الطاولة. تقسم الطية الشاشة إلى جزأين، إما كمنطقة مرنة لشاشة واحدة أو كمفصلة بين شاشتين، ويمكن أن تحجب جزءًا من الشاشة.
التصميم حسب فئات حجم النافذة
بدلاً من استهداف أجهزة معينة، تقوم Android بتجميع المساحة المتوفرة في فئات حجم النافذة. يغطي العرض المضغوط (أقل من 600dp) جميع الهواتف تقريبًا في الوضع الرأسي؛ يغطي العرض المتوسط (600 إلى 840dp) معظم الأجهزة اللوحية في الوضع الرأسي والعديد من شاشات العرض الداخلية الكبيرة غير المطوية في الوضع الرأسي؛ يغطي العرض الموسع (840 إلى 1200dp) معظم الأجهزة اللوحية وشاشات العرض الكبيرة غير المطوية في المناظر الطبيعية. تغطي الفصول الكبيرة والكبيرة جدًا الأجهزة اللوحية وأجهزة الكمبيوتر المكتبية الأكبر حجمًا.
التخطيطات التي تستخدم الطية
الأنماط الشائعة:
- مطوية: تخطيط الهاتف العادي.
- مفتوح بشكل مسطح: تخطيطات قائمة تفصيلية أو تخطيطات مكونة من جزأين، مع كل جزء على جانب واحد من الطية.
- سطح الطاولة: محتوى مثل الفيديو في النصف العلوي، وعناصر التحكم في النصف السفلي.
- لا تضع أبدًا زرًا أو سطرًا نصيًا أو وجهًا على الجزء المطوي.
الاستمرارية
عندما يقوم شخص ما بفتح جهاز في منتصف مهمة، يجب أن يستمر التطبيق في مكانه: نفس موضع التمرير، نفس المسودة، نفس التشغيل. تعامل مع عملية الطي والفتح كتغيير في التخطيط، وليس كإعادة تشغيل، وقم بتحريك عملية النقل حتى يتمكن الأشخاص من متابعة مكان نقل المحتوى.
الإيماءات والوصول
تعمل الشاشات الأكبر حجمًا غير المطوية على تغيير مدى وصول الإبهام: ضع عناصر تحكم متكررة بالقرب من الحواف حيث تستقر الأيدي، وتجنب الضربات الشديدة على الحواف التي تتعارض مع إيماءات النظام. تساعد الحركة المبنية على الفيزياء هنا أيضًا: فالألواح التي تنزلق وتستقر مع الزنبركات تجعل التغيير بين المواقف يبدو طبيعيًا وليس متناقضًا.
مفتاح Principle للتذكر
- التصميم حسب فئة حجم النافذة، وليس طراز الجهاز
- مضغوط < 600dp، متوسط 600–840dp، موسع 840–1200dp
- دعم الأوضاع المطوية والمفتوحة والمنضدية
- احتفظ بالمحتوى وعناصر التحكم خارج الطية
- الحفاظ على الحالة وتحريك تغييرات الموقف
الأسئلة المتداولة
المصادر
- Learn about foldables — مطورو Android
- Use window size classes — مطورو Android