عند إنشاء تطبيق Android XR مميّز، ننصحك باستخدام واجهة المستخدم المكانية لوضع المحتوى في البيئة الفعلية أو الافتراضية للمستخدم. يمكنك تقسيم تطبيقك إلى لوحات مكانية وأقمار مدارية وإضافة إرتفاع مكاني (موضحة بالتفصيل في هذه الصفحة).
استخدام مكونات وتخطيطات Material Design
استفِد من مكتبة مكوّنات التصميم المتعدد الأبعاد و التصاميم التكيُّفية عند تصميم تطبيقك المتوافق مع الواقع المعزّز على Android. تساعدك هذه العناصر التفاعلية في تسريع عملية التطوير حتى تتمكّن من التركيز على الوظائف الأساسية والابتكار.
تعمل Material Design لتجربة الواقع المعزّز على تحسين مكونات Material 3 والتنسيقات التكيُّفية باستخدام سلوكيات واجهة المستخدم المكانية. ويمكن أن تجعل هذه التحسينات تطبيقك يبدو أكثر توافقًا مع النظام الأساسي وتُحسِّنه من حيث المساحة.
يمكنك أيضًا إضافة سمة المكان إلى مكونات واجهة المستخدم الحالية من خلال وضعها في أقمار صناعية وتطبيق الارتفاع المكاني، كما هو موضّح في هذه الصفحة.
نزِّل حزمة تصميم Material 3 للبدء.
اللوحات المكانية
اللوحات المكانية هي الوحدات الأساسية لتطبيقات الواقع المعزّز على Android. ويمكنك استخدامها لإنشاء تجربة فريدة من نوعها باستخدام الواقع المعزّز على شاشة غير محدودة، مع توسيع المحتوى على مساحة المستخدم. تعمل اللوحات المكانية كملصقات لحمولات عناصر واجهة المستخدم والمكونات التفاعلية والمحتوى الغامر.
فهم كيفية تغيير حجم واجهة المستخدم ونقل عناصرها
تضبط اللوحات المكانية حجمها تلقائيًا استنادًا إلى المسافة بينها وبين المستخدِم. يضمن هذا التكبير/التصغير الديناميكي بقاء عناصر واجهة المستخدم قابلة للقراءة و تفاعلية عند عرضها من مسافات مختلفة. يظلّ الحجم ثابتًا ويتراوح بين 0.75 متر و1.75 متر. بعد ذلك، يزداد معدّل التكبير بمقدار 0.5 متر في المتر، وستظهر العناصر أصغر حجمًا.
لتجنُّب التعارض مع واجهة مستخدم النظام، يجب الالتزام بحدود تحرك اللوحة التلقائية:
- الحد الأدنى للعمق: 0.75 متر من المستخدم
- الحد الأقصى للعمق: 5 أمتار من المستخدم
يمكن للمستخدمين تكبير لوحة مكانية أو تصغيرها لتكون كبيرة بما يكفي لرؤيتها بوضوح، بغض النظر عن المسافة بينها وبين المستخدم. عندما ينقل المستخدم لوحة مكانية، يغيّر نظام التشغيل Android XR حجمها تلقائيًا.
أحجام اللوحات المكانية
تم تصميم Android XR لكي يكون تطبيقك مريحًا وسهل القراءة ويمكن لجمهورٍ واسع الوصول إليه. للحصول على تجربة مثالية، يستخدم النظام نسبة 0.868 dp إلى dmm. عند عرض التطبيق على سماعة رأس، سيظهر للمستخدم على مسافة أبعد مما لو كان يعرضه على هاتف أو جهاز لوحي، لذا يجب أن يكون أكبر حجمًا لتسهيل استخدامه.
في "المساحة الكاملة"، لا يوجد حدّ أدنى لحجم اللوحة المكانية، والحدّ الأقصى هو 2560dp x 1800dp بسبب القيود المادية.
مواضع وضع اللوحات المكانية
في "المساحة الكاملة"، يمكنك تحديد موضع اللوحة في كل من بيئة العبور والبيئة الافتراضية. عندما ينتقل المستخدمون من "المساحة الرئيسية" إلى "المساحة الكاملة"، تظل العناصر في الموضع المتوقّع نفسه، ما لم تحدّد موضعًا مخصّصًا.
أنشئ مركز اللوحة على بُعد 1.75 متر من خط نظر المستخدم. ضَع المركز العمودي للوحة على مسافة 5 درجات تحت مستوى عين المستخدم لزيادة الراحة إلى أقصى حد، لأنّ المستخدمين يميلون إلى النظر إلى الأسفل.
للحصول على أقصى قدر من الراحة، ضَع المحتوى في منتصف 41 درجة من ملفه الشخصي في مجال الرؤية. سيضمن ذلك رؤية واضحة ويقلل من الحاجة إلى تحريك الرأس أو الجسم بشكل مفرط.
يمكن للمستخدم التنقّل في مساحته، وستبقى اللوحات المكانية في مكانها.
يتضمّن Android XR أنماط تفاعل جاهزة لتسهيل استخدام المستخدمين للعناصر وتبسيط عملية التطوير. يمكن للمستخدم نقل العناصر لتلائم مساحته الشخصية. يمكنك ضبط السلوكيات المتعلّقة بالنقل وتغيير الحجم.
لمساعدة المستخدمين في الشعور بالثبات والتوجيه الجيد، يمكنك السماح لهم بتثبيت لوحة مكانية في موقع محدّد في العالم الواقعي، مثل الأرض أو الكرسي أو الجدار أو السقف أو الطاولة. تتوفّر ميزة الربط في وضع "العرض المباشر" فقط.
إنشاء تخطيط مكاني خاص بك
يمكنك تقسيم تطبيقك إلى عدة لوحات مكانية، بأي تنسيق تريده. لا تفرض واجهات برمجة التطبيقات لواجهة المستخدم المكانية أي قيود على عدد اللوحات. وتشمل هذه الميزات إمكانية إنشاء تصاميم باستخدام الصفوف والأعمدة والصفوف المستوية والمنحنية. يمكن أن تكون مواضع اللوحات المكانية محدّدة أو عشوائية. تعرَّف على كيفية تطوير تنسيقات واجهة المستخدم المكانية.
|
|
|
تنسيق الصفوف المسطّحة |
تنسيق الصفوف المنحنية |
تنسيق مواضع عشوائية |
مدارات
العناصر الدوّارة هي عناصر واجهة مستخدم عائمة تتحكّم في المحتوى ضمن لوحات المساحات. وتوفّر هذه الميزة مساحة أكبر للمحتوى، ويمكن للمستخدمين الوصول بسرعة إلى الميزات مع إبقاء المحتوى الرئيسي مرئيًا. تمنحك أدوات Orbiters ميزة المرونة لدمج مكونات واجهة المستخدم الحالية أو إنشاء مكونات جديدة.
يجب استخدام العناصر التي تدور حول الشاشة باعتدال مع مراعاة احتياجات العميل ونيته بعناية. يمكن أن يؤدي العدد الكبير من عناصر واجهة المستخدم المكانية إلى شعور المستخدمين بالتعب من المحتوى وزيادة عدد الإجراءات المتنافسة التي يصعب عليهم اختيارها. ننصحك بتكييف بعض المكونات الرئيسية للتنقّل، مثل شريط التنقّل أو شريط التنقل.
الإرشادات
- عدِّل الحشو في اللوحة لتحديد موضع المرونة أو النسبة المئوية.
- تحديد موضع محور Y للمدارات 20dp هي المسافة المرئية المقترَحة.
- اضبط مستوى ارتفاع المركبة المدارية إذا لزم الأمر من خلال مستويات الارتفاع المكاني. ويتم رفعها تلقائيًا بمقدار 15dp في العمق.
- يمكن أن يكون الحجم ثابتًا أو مرنًا عند تغيير حجم اللوحة.
- حدِّد ما إذا كنت تريد أن يتم توسيع العنصر المداري بشكل ديناميكي ليلائم المحتوى.
أنماط التصميم التي يجب تجنُّبها
- تجنَّب تداخل مركبة مدارية بنسبة تزيد عن% 50 من حجمها.
- تجنَّب وضع الأقمار المدارية بعيدًا جدًا عن اللوحة المكانية.
- لا تستخدِم إحداثيات X أو Y المطلقة.
- تجنَّب استخدام عدد كبير جدًا من الأقمار الصناعية.
الارتفاع المكاني
عند إضافة ارتفاع مكاني إلى مكوّن، يتم عرضه فوق اللوحة المكانية على محور Z. يساعد ذلك في جذب انتباه المستخدم وإنشاء بنية هرمية أفضل وتحسين سهولة القراءة.
أنماط التصميم التي يجب تجنُّبها
- تجنَّب إضفاء طابع مكاني على المناطق والمستويات الكبيرة أو رفعها، مثل الأغطية السفلية والأغطية الجانبية.
- تجنَّب رفع عناصر واجهة المستخدم التي تتضمّن محتوى قابلاً للتقديم أو الإيقاف.
تصميم أحجام استهداف كبيرة
في تطبيق الواقع المعزّز، يكون الهدف هو المنطقة التي يمكن الإشارة إليها ويتفاعل معها المستخدمون. يلتزم Android XR بإرشادات الاستهداف في التصميم المتعدد الأبعاد، وينصَح باستخدام تصاميم أكبر للاستهداف لزيادة الدقة والراحة وسهولة الاستخدام.
اطّلِع على معلومات عن استهدافات وحالات التمرير في الواقع المعزّز.
تسهيل قراءة أسلوب الخط
إنّ سهولة قراءة النص أمر بالغ الأهمية لتوفير تجربة مريحة للمستخدم في الواقع المعزّز. ننصحك باستخدام خيارات مقياس الخط بحجم خط 14dp أو أكبر، ودرجة خط عادية أو أعلى لتحسين سهولة القراءة.
إذا كان تطبيقك الحالي يتّبع إرشادات Material Design، يعني ذلك أنّه تم تحسينه لنظام التشغيل Android XR. يمكنك تحديد مخطّط تنسيق نصي جديد للتطبيق استنادًا إلى تصميم المواد.
تعرَّف على معلومات عن الطباعة في الواقع المعزّز.