Adaptif tasarım kılavuzları

Adaptif tasarım, Roblox oyunlarınızın çeşitli ekran boyutları, yönlendirmeler ve giriş türleri arasında harika görünmesini ve hissettirmesini garanti eder. Mobil, masaüstü ve konsol gibi geleneksel cihaz kategorilerinin ötesine geçen günümüz cihazları, farklı giriş ve görüntülemeler arasında sorunsuz geçiş sağlayarak çok daha dinamik yetenekler sunar. Çoklu yönlendirmeleri (yatay ve dik) destekleyen, çoklu giriş türlerini (dokunmatik, oyun kumandası, fare ve klavye) ve çoklu ekran boyutlarını (yerel ekran ve büyük bir TV'ye uzanan) destekleyen bir tablet düşünün.

Bu kılavuzlar, herhangi bir cihaz ve giriş türüne akıllıca uyum sağlayan, en iyi sınıf oyunlar sunmanıza yardımcı olacak. Bu kılavuzları uygulamanıza yardımcı olacak iş akışları ve API'ler hakkında daha fazla ayrıntı için çapraz platform geliştirme kılavuzuna bakın.

Temel ilkeler

Her oyun benzersizdir, ancak birkaç önemli ilkeye uymak, her oyuncuya, her cihazda sezgisel ve pürüzsüz bir oyun sunmanıza yardımcı olacaktır.

1. Giriş akışkanlığı — Kullanıcı arayüzünüzün oyun kumandası, dokunmatik, klavye ve VR kontrol cihazları gibi çeşitli giriş türleriyle çalıştığından emin olun. Bu, giriş türüne bağlı olarak kullanıcı arayüzü düzeninizi değiştirmeniz ve yardımcı ipuçları sağlamanız anlamına gelir.
2. Duyarlı düzen — Kullanıcı arayüzünüzün otomatik olarak farklı ekran boyutlarına ve yönlerine uyum sağlayacak şekilde düzenlenmesi için tasarlayın.
3. Dinamik boyutlandırma — Farklı ekran boyutlarına uyacak şekilde kullanıcı arayüzü öğelerini gerektiğinde ölçeklendirin.
4. Okunabilirlik ve görsel netlik — Tüm kullanıcı arayüzü bileşenlerinin, metin ve düğmeler de dahil olmak üzere, kolayca okunabilir ve görsel olarak net olmasını sağlayın.

Giriş akışkanlığı

Oyun kumandaları, fare/klavye, dokunmatik ve VR gibi çeşitli giriş cihazlarında oyununuzun doğal hissettirdiğinden emin olun.

• Birden fazla giriş için kontroller ve kısayollar tasarlayın — Oyununuzdaki her eylemin, oyun kumandası butonları/D-pad, klavye kısayolları ve dokunmatik ile tetiklenebildiğinden emin olun. Kontrollerin yön pad veya çubuk navigasyonu için görsel ve işlevsel olarak odaklanabilir olması gerekir. Her giriş modunu test edin, böylece temel oyun, menüler ve kullanıcı arayüzü cihaza bakılmaksızın erişilebilir ve doğal olur.
• Giriş türüne göre görsel geri bildirim sağlayın — Aktif giriş yöntemine göre kullanıcı arayüzü etiketlerini, istemlerini ve ipuçlarını güncelleyin, örneğin oyun kumandası için A'ya Basın, dokunmatik için Sıkıştırın veya klavye için ShiftA gösterin. Her platformun oyuncularına aşina olan simgeler ve diller kullanın.

Duyarlı düzen

Oyun kullanıcı arayüzünüzün düzeni, farklı ekran boyutlarına ve yönlerine uyum sağlamalıdır. Büyük bir bilgisayar monitöründe, tüm butonları bir anda göstermek için çok fazla alanınız var. Ancak küçük bir telefon ekranında, tüm bu düğmeler sıkışık ve karmaşık görünecektir.

• Düzeni ekran boyutu ve yönüne uyarlayın — Kullanıcı arayüzünüzün uygun bir şekilde yeniden düzenlenmesini veya yoğunlaşmasını sağlamak için duyarlı desenler kullanın. Örneğin, önemsiz düğmeleri küçük ekranlarda katlanabilir bir menüye ("hamburger"/menü düğmesi) taşırken, masaüstlerinde tam olarak gösterin. Oyun kullanıcı arayüzünüz, destekliyorsa hem yatay hem de dikey yönlendirmelere uyum sağlamalıdır.
• Ana boyuta tepki veren düzen bileşenlerini uygulayın — Ebeveyn konteynırına göre boyut veya konumu ayarlayan kullanıcı arayüzü panelleri ve araçlar oluşturun. Örneğin, dar ekranlarda yan panellerin çökmesine ancak daha geniş ekranlarda genişlemesine izin veren bölünmüş görünüm düzenleri kullanın.

Dinamik boyutlandırma

Bu, kullanıcı arayüzü öğelerinizin boyutu ile ilgilidir, sadece konumlarıyla değil. Kullanıcı arayüzünüz, ekranla birlikte yukarı veya aşağı ölçeklenmelidir, böylece her şey doğru boyutta kalır ve etkileşim kurmak her zaman kolay olur.

• İçerik odaklı boyutlandırmayı ve otomatik sarma desteğini destekleyin — Otomatik boyutlandırma davranışlarını uygulayın: metin kutularının içerikle büyümesine veya küçülmesine izin verin ve ekran boyutu değiştikçe etiketlerin taşmamasını veya okunamaz hale gelmemesini sağlamak için otomatik satır sarma desteği sağlayın.
• Erişilebilirlik / kullanıcı tercihlerine saygı gösterin ve bunları açığa çıkarın — Kullanıcı arayüzünüzün kullanıcı tarafından belirlenen metin veya kullanıcı arayüzü ölçeklendirme ayarlarına tepki vermesine izin verin, bu ayarları doğrudan kullanıcı arayüzü öğesi boyutlandırmasına bağlayarak, artırılmış erişilebilirlik tercihlerinin her zaman daha büyük, daha okunabilir kullanıcı arayüzüne dönüşmesini sağlayın.

Okunabilirlik ve görsel netlik

Oyuncular, küçük bir telefon ekranında veya onlardan uzakta olan daha büyük bir TV'de metninizi gerçekten okuyabiliyorlar mı? Düğmeleriniz, 3D dünyanızın arka planına karşı görünmesi kolay mı?

• Küçük ekranlar için font boyutlarını ve stillerini seçin — Her zaman mobil cihazlarda okunabilir olan font boyutlarını seçin, sadece masaüstünde değil. Gerçek cihazlarda test edin ve metnin en küçük beklenen boyutta okunabilir olduğunu doğrulayın. Aşırı dekoratif veya ince fontlardan kaçının.
• Yüksek kontrast ve net görsel hiyerarşi sağlamak — Metin ve arka planlar için, farklı oyun içi aydınlatma koşullarında okunabilir olmak için yeterli kontrast sağlayan renkleri kullanın. Güçlü bir görsel hiyerarşi uygulayın ve ana eylemler ve etiketlerin boyut, renk veya yerleştirme yoluyla öne çıkmasını sağlayın.

Son düşünceler

Uyum, oyuncuları bulundukları yerde karşılama ile ilgilidir; ister ellerinde, ister masalarında, ister büyük ekranda olsun. Bu kılavuzlarla inşa eden Roblox yaratıcıları, anlamlı, erişilebilir ve eğlenceli çapraz platform oyunları sunar. Bugün uyum sağlamaya başlayın ve yaratıcılığınızın gelişmesine izin verin!