إرشادات التصميم التكيفي

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

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

المبادئ الأساسية

كل لعبة فريدة من نوعها، لكن اتباع بعض المبادئ الرئيسية سيساعدك في تقديم لعبة بديهية ومرموقة لكل لاعب، على كل جهاز.

1. سيولة الإدخال — تأكد من أن واجهة المستخدم الخاصة بك تعمل مع أنواع الإدخال المختلفة مثل جهاز التحكم، اللمس، لوحة المفاتيح، ووحدات التحكم في الواقع الافتراضي. يشمل ذلك تغيير تخطيط واجهة المستخدم الخاصة بك وتوفير تلميحات مساعدة اعتمادًا على نوع الإدخال.
2. تخطيط استجابة — صمم تخطيطات واجهة المستخدم التي تتكيف تلقائيًا مع أحجام الشاشات المختلفة والاتجاهات.
3. حجم ديناميكي — قم بتغيير حجم عناصر واجهة المستخدم حسب الحاجة لتناسب أبعاد الشاشة المختلفة.
4. وضوح ومظهر بصري — اجعل جميع مكونات واجهة المستخدم، بما في ذلك النصوص والأزرار، سهلة القراءة وذات وضوح بصري جيد.

سيولة الإدخال

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

• صمم عناصر التحكم والاختصارات للمدخلات المتعددة — تأكد من أنه يمكن تنفيذ كل إجراء في لعبتك باستخدام أزرار جهاز التحكم/لوحة الاتجاهات، اختصارات لوحة المفاتيح، واللمس. يجب أن تكون عناصر التحكم مركزة بصريًا ووظيفيًا للتحكم باستخدام لوحة الاتجاهات أو عصا التحكم. اختبر كل وضع إدخال بحيث تكون طريقة اللعب الأساسية والقوائم وواجهة المستخدم متاحة وطبيعية، بغض النظر عن الجهاز.
• وفر ردود فعل بصرية حسب نوع الإدخال — قم بتحديث تسميات واجهة المستخدم، التوجيهات، والنصائح لتعكس طريقة الإدخال النشطة، على سبيل المثال عرض اضغط على A عند استخدام جهاز التحكم، ائتلاف عند اللمس، أو ShiftA عند استخدام لوحة المفاتيح. استخدم الرموز واللغة المألوفة للاعبين في كل منصة.

تخطيط استجابة

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

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

حجم ديناميكي

يتعلق الأمر بـ حجم عناصر واجهة المستخدم الخاصة بك، وليس فقط موقعها. يجب أن تتوسع واجهة المستخدم لديك لأعلى أو لأسفل مع الشاشة بحيث يبقى كل شيء بالحجم الصحيح وسهل التفاعل معه.

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

وضوح & مظهر بصري

هل يمكن للاعبين قراءة نصك على شاشة هاتف صغيرة أو تلفاز كبير بعيد منهم؟ هل أزرارك واضحة بما يكفي مقابل خلفية عالمك ثلاثي الأبعاد؟

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

الأفكار النهائية

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