Penguji Stres Aksesibilitas UI Game

Inspeksi tangkapan layar UI game secara lokal dengan simulasi buta warna, pengukur kontras HUD, efek kabur, pemfokusan visual, dan peta panas tepi.

Muat satu tangkapan layar UI game Anda, pilih lensa simulasi, lalu bandingkan dua sinyal visual yang harus dibedakan oleh pemain.

Analisis lokal. Gambar tidak diunggah ke server.

Letakkan tangkapan layar game di area kerja

Tarik gambar ke sini atau pilih dari perangkat Anda. Gunakan momen permainan nyata dengan latar belakang asli.

PNG, JPEG, atau WebP hingga 16 MB. Gambar besar disesuaikan hingga 1600 px.
Lensa simulasi
Sinyal visual asli
Sinyal simulasi stres

Pilih tangkapan layar untuk memulai. Gambar Anda tetap berada di perangkat ini.

Kontrol stres sinyal

Sampel sinyal penting

Pilih A atau B lalu klik pada gambar asli untuk mengambil sampel warna.

Heuristik
Menunggu gambar
Menunggu gambar
Kontras asli--Pengukuran
Kontras simulasi--Pengukuran
Pemisahan tersisa--Heuristik
Status tinjauanBelum ada analisis

PengukuranPengukuran kontras menggunakan rumus rasio kontras relative luminance WCAG.

HeuristikPemisahan tersisa membandingkan jarak warna sebelum dan sesudah simulasi.

Panduan tinjauan UI

  1. Bisakah pemain mengenali elemen tanpa hanya mengandalkan warna?
  2. Apakah teks tetap terbaca di atas latar belakang yang terang atau bergerak?
  3. Apakah ikon peta dibedakan dengan bentuk atau pola selain warna?
  4. Apakah status aktif, nonaktif, dan cooldown terlihat jelas?
  5. Apakah ada ikon atau suara yang memperkuat sinyal warna?

Belum ada catatan tertulis.

    Proses simulasi dan analisis berjalan 100% di peramban Anda.

    Alat ini membantu proses desain dan bukan pengganti pengujian dengan pemain.

    Menunggu gambar

    Zoom 100%
    Studio Utilitas

    Ingin utilitas ini di situs Anda?

    Sesuaikan warna dan mode gelap untuk WordPress, Notion, atau situs Anda sendiri.

    Mulai Sekarang

    Pertanyaan yang Sering Diajukan

    Apakah alat ini menyertifikasi aksesibilitas UI game saya?

    Tidak. Alat ini menggabungkan simulasi buta warna, pengukuran kontras warna, dan panduan tinjauan visual. Gunakan hasilnya untuk panduan desain dan pengujian pemain.

    Apakah gambar saya diunggah ke server?

    Tidak. Gambar diproses dan dianalisis sepenuhnya di dalam peramban Anda. Hanya pengaturan tampilan yang disimpan secara lokal.

    Apa yang harus diukur dengan dua sampel warna?

    Pilih dua warna yang memiliki arti berbeda seperti penanda kawan dan lawan, status aktif dan nonaktif, atau tingkat kelangkaan item.

    Mengapa rasio kontras yang baik masih memerlukan peninjauan manual?

    Pasangan warna mungkin memiliki rasio baik, tetapi ikon kecil, teks tipis, latar belakang bergerak, atau penggunaan warna tunggal tetap bisa membingungkan.

    Apa yang ditampilkan oleh peta panas?

    Peta panas menyorot area di mana pemisahan warna menurun drastis setelah simulasi diterapkan.

    # Inspeksi aksesibilitas UI game secara lokal tanpa mengunggah gambar

    Antarmuka game sering kali harus terbaca dalam kondisi visual yang cepat dan penuh efek. Alat ini memungkinkan Anda menguji tangkapan layar game secara langsung di peramban menggunakan simulasi persepsi warna.

    # Pengukuran, heuristik, dan evaluasi desain

    Jenis Bukti Yang Disediakan Alat Ini Yang Tidak Bisa Disimpulkan
    PengukuranRasio kontras dan luminansi relatif untuk dua warna sRGBKepatuhan otomatis seluruh elemen dalam game
    SimulasiTransformasi matrik visual untuk protanopia, deuteranopia, dan tritanopiaPengalaman visual pasti dari setiap individu
    HeuristikEfek kabur, pemfokusan visual, dan deteksi tepi warnaPenilaian kualitas desain secara menyeluruh
    Tinjauan ManualDaftar periksa dan laporan yang dapat dieksporPengganti untuk pengujian dengan pengguna langsung

    # Gunakan sampel warna yang mempengaruhi keputusan pemain

    Pilih pasangan warna yang menentukan aksi pemain, seperti penanda kawan dan lawan atau indikator kesehatan. Jika kontras menurun pada kondisi simulasi, pertimbangkan untuk menambahkan indikator bentuk atau ikon.
    Gunakan tangkapan layar saat gameplay intens
    Gunakan gambar dari momen permainan yang penuh efek visual untuk mendapatkan hasil pengujian yang realistis.

    # Manfaatkan laporan ekspor untuk komunikasi tim

    Ekspor laporan JSON dan gambar perbandingan PNG dapat dilampirkan langsung pada tiket pengembangan untuk mempermudah perbaikan antarmuka.

    # Mendokumentasikan temuan secara konsisten

    Catat adegan, resolusi, dan pasangan warna yang diperiksa. Temuan yang berguna menjelaskan sinyal yang terlihat, kondisi yang terdampak, serta perbaikan dengan bentuk, ikon, pola, atau suara.Simulasi membantu menemukan masalah desain lebih awal, tetapi tidak mengukur seluruh aksesibilitas game. Ulangi pemeriksaan dengan adegan nyata, beberapa layar, dan pemain dengan kondisi penglihatan yang beragam.

    Referencias Bibliográficas

    Alat lainnya dari Alat untuk pengembangan game

    Generator Kapsul dan Pratinjau Gambar Steam

    Potong, pratinjau, dan format kapsul toko dan pustaka resmi Steam dengan verifikasi area aman secara langsung.

    Gunakan Alat

    Itch.io Pemeriksa Game Web dan Pengoptimal Resolusi Langsung

    Unggah file ekspor HTML5 atau arsip ZIP untuk menguji viewport secara langsung, memperbaiki scrollbar, memeriksa build Godot dan Unity WebGL, serta menghasilkan pengaturan embed Itch.io.

    Gunakan Alat

    Pembuat dan Ekstraktor Sprite Sheet

    Optimalkan performa game 2D dengan menggabungkan frame animasi ke atlas tekstur atau mengekstrak sprite dari sprite sheet.

    Gunakan Alat

    Pencari Titik Loop Audio Game dan Penginjeksian Metadata

    Temukan titik loop audio yang akurat, sejajarkan ke persilangan nol untuk menghilangkan bunyi klik, dan ekspor WAV dengan metadata LOOPSTART dan LOOPEND.

    Gunakan Alat

    Editor dan Obfuskator File Simpan Game

    Dekripsi, inspeksi, edit payload JSON, dan enkripsi ulang file simpanan game menggunakan Base64, XOR masking, atau teks polos 100% lokal di browser Anda.

    Gunakan Alat

    Pembersih CSV dan JSON Lokalisasi Godot dan Unity

    Periksa file terjemahan CSV atau JSON untuk menemukan sel kosong, kunci duplikat, dan baris rusak, lalu ekspor salinan bersih yang siap diimpor ke engine.

    Gunakan Alat

    Konverter BBCode Steam, Markdown dan HTML

    Konversi antara BBCode Steam, Markdown, dan HTML ke segala arah dengan deteksi sintaks otomatis dan pratinjau langsung.

    Gunakan Alat

    Pembuat Efek Suara Retro untuk Game

    Buat efek suara game retro singkat langsung di peramban Anda dengan preset instan, kontrol bentuk gelombang, dan ekspor WAV.

    Gunakan Alat

    Penukar Palet Piksel Art

    Kurangi warna sprite dan spritesheet ke palet konsol klasik atau warna hex kustom langsung di peramban Anda.

    Gunakan Alat

    Animator Hitbox dan Hurtbox Sprite

    Buat lapisan tabrakan pada setiap bingkai sprite, pratinjau animasi dengan fitur onion skin, sesuaikan koordinat piksel, dan ekspor JSON terstruktur.

    Gunakan Alat

    Kalkulator Formula Damage Game dan Grafik TTK

    Bandingkan formula damage game secara langsung melalui kurva interaktif, peta panas serangan dan pertahanan, pembulatan nilai, serta Time to Kill (TTK).

    Gunakan Alat

    Laboratorium Delta Time dan Timestep Tetap Game

    Bandingkan loop game delta variabel dan timestep tetap dengan spike frame berulang, gerakan simulasi, langkah pengejaran, dan selisih waktu yang terlihat.

    Gunakan Alat