UI Roblox Görsel ID'leri
46331 görsel kimliği
Oyuncular bir oyunun arayüzünü asla övmez ama kötü arayüzlü oyunları terk eder. Kavga ortasında okuyamadıkları bir can barı, tıklanabilir görünmeyen bir düğme, başka bir şeyle karıştırdıkları bir envanter ikonu; bu küçük hatalar zayıf oynanıştan daha fazla oyuncuya mal olur. Bu sayfa bunlardan kaçınmanıza yardımcı olacak UI görsel ID'lerini toplar: ImageLabel'lara ve ImageButton'lara doğrudan yerleştirilmeye hazır düğmeler, ikonlar, imleçler, çerçeveler, can barları, ilerleme göstergeleri ve HUD öğeleri. Her kayıt, tek tıkla kopyalayıp Roblox Studio'daki GUI'nize doğrudan bağlayabileceğiniz sayısal bir ID'dir; bu da onu prototipleme için ideal kılar. Bir öğleden sonra çalışan bir menü kurabilir, sonra özel görsellerle değiştirebilir ya da uyuyorlarsa bu dokuları kalıcı olarak tutabilirsiniz. Buradaki koleksiyonlar işleve ağırlık verir: Bakış boyutunda okunabilen yüksek kontrastlı ikonlar, belirgin basılı durumlara sahip düğme çerçeveleri ve doluluk seviyesini rakamsız anlatan barlar. Arayüz öğeleri telefonlardan monitörlere her boyutta ekranda yaşadığı için popüler satır, çözünürlükler arasında dayanan varlıkları tercih eder. Öğe türüne göre arayın, gerçek GUI ölçeğinde önizleyin ve yayınlamadan önce mobil görünüm alanında test edin.
UI Roblox Image ID Türleri
UI Roblox Image ID'leri Nasıl Kullanılır
Özel görsel sipariş etmeden önce eksiksiz oyun menüleri prototipleme
Envanter sistemlerini net ve tutarlı eşya ikonlarıyla donatma
Savaş arayüzleri için can ve dayanıklılık barları kurma
Nişancı ve hayatta kalma oyunları için özel HUD'lar derleme
Oyuncuların güvenle gezindiği dükkân ve takas arayüzleri tasarlama
Okunabilir bekleme süresi durumlarına sahip yetenek ve beceri düğmeleri oluşturma
Editör rehberi
Arayüz varlıkları okunabilirlikle yaşar ya da ölür; bu yüzden her adayı gerçekte görüntüleneceği boyutta değerlendirin. 512 pikselde sevimli görünen bir ikon 32'de soyut sanata dönüşür. Kontrast ilk filtrenizdir: Öğeler parlak gökyüzlerinin de karanlık mağaraların da üzerinde hayatta kalabilmelidir; hatlı ikonların ve çerçeveli düğmelerin arkasındaki her şeye karışan yalın görselleri geçmesinin sebebi budur. Üslup tutarlılığı ikincisidir. Parlak bir çizgi film düğmesini yalın minimalist ikonlarla karıştırmak, her varlık tek başına iyi olsa bile oyunu yarım kalmış hissettirir; bu yüzden tek bir görsel aile seçin: Yuvarlak ve oyuncu, keskin ve bilim kurgu ya da temiz ve minimal; ve her şeyi ondan temin edin. Çözünürlük davranışına dikkat edin: Roblox GUI'leri telefonlar, tabletler ve monitörler arasında ölçekler; bu yüzden keskin vektör tarzı dokuları tercih edin ve sabit ofsetler yerine Scale tabanlı boyutlandırmayla test edin. Etkileşim durumlarını da aklınızda tutun; bir düğme varlığının belirgin basılı veya devre dışı varyantı yoksa oyuncular ona güvenmez. Aşağıdaki Editör Seçimleri, küçük ekranlarda okunaklı kaldığını doğruladığımız varlıklardır.
Sıkça sorulan sorular
UI görsel ID'leri Roblox oyun geliştirme için kullanışlı mı?
Hem de çok. Geliştiriciler bunları ImageButton dokuları, envanter ikonları, menü çerçeveleri, HUD bileşenleri ve imleç değişimleri olarak kullanır. Prototipleme sırasında özellikle değerlidirler; hazır varlıklarla eksiksiz bir arayüz kurup test edebilir, yerleşimin çalıştığını doğrulayabilir ve sonra koda hiç dokunmadan görselleri değiştirebilirsiniz.
Bu UI dokularını sonra düzenleyebilir miyim?
Evet. Bir ImageLabel veya ImageButton üzerindeki görsel ID'sini değiştirmek Studio'da saniyeler sürer; bu yüzden özgürce deneyebilirsiniz. Değiştirilmiş bir sürüme ihtiyacınız varsa, yeniden renklendirme veya boyutlandırılmış bir ikon gibi, kendi türev görselinizi de yükleyebilirsiniz; yüklenen varlıkların ilgili Roblox içerik üreticilerine ait olduğunu unutmayın.
Ne tür arayüz varlıkları dahil?
Kategori eksiksiz arayüz araç setini kapsar: Düğmeler ve düğme çerçeveleri, araç çubuğu ve envanter ikonları, can ve ilerleme barları, imleçler ve işaretçiler, pencere çerçeveleri ve paneller, rozetler ve dekoratif HUD öğeleri. Üsluplar yalın minimalden parlak çizgi filme kadar uzanır; bu yüzden çoğu oyun estetiğine uyum sağlayabilirsiniz.
UI dokularım mobil ekranlarda neden bulanık görünüyor?
Genellikle doku çözünürlüğü Roblox'un ölçeklediği boyut için çok düşüktür ya da görsel, sıkıştırıldığında bulaşan yumuşak kenar yumuşatmalı (anti-aliased) hatlara sahiptir. Keskin, yüksek kontrastlı varlıklar seçin, ikon boyutunun altında ince detaydan kaçının ve gerçek bir telefon boyutunda görünüm alanında Scale tabanlı GUI boyutlandırmayla test edin.
Bir oyun kaç UI üslubunu karıştırmalı?
Bir. Tek bir görsel aile; aynı köşe yarıçapı, aynı hat kalınlığı, aynı renk mantığı; bir arayüzü derlenmiş değil tasarlanmış hissettiren şey budur. Kaynakları karıştırmanız gerekirse en azından hat rengini ve köşe üslubunu Studio'da standartlaştırın ki ödünç parçalar tek bir set gibi okunsun.