← Về blog

Kiểm tra UI trước khi phát hành: Cần xác minh gì trước khi ship

Sau khi Prefab và logic đã xong: lượt kiểm tra UI cuối trên thiết bị, ngôn ngữ, bản Release và skin sự kiện—mở rộng bàn giao thiết kế và nghiệm thu MCP engine kèm cách khắc phục.

Đăng ngày
  • game-ui-design
  • game-dev-ai
  • ui-to-engine
  • ui-localization
  • ui-reskin
  • unity
  • godot
  • cocos
  • vberai
  • qa
  • 2026

Prefab đã nằm trong dự án và logic đã được nối, nhưng bản test vẫn có thể trượt kiểm tra UI: Editor trông ổn nhưng Safe Area bị cắt trên thiết bị; tiếng Anh vừa nhưng tiếng Đức tràn; màn hình chính có skin sự kiện nhưng popup vẫn dùng art cũ.

Danh sách kiểm tra bàn giao thiết kế bao quát khâu bàn giao. Danh sách kiểm tra import engine + MCP bao quát lần Play đầu tiên. Bài này chỉ bổ sung các mục trước khi ship—không lặp lại Raycast, draw call hay Canvas Scaler; kiểm tra lại những gì đã đạt ở bước import theo luồng chính.


6 mục kiểm tra trước khi ship

#Kiểm traLỗi thường gặp
1Thiết bị luồng chính: tỉ lệ dọc mục tiêu + các tỉ lệ khung phổ biến (ví dụ 19.5:9); test xoay màn hình nếu có hỗ trợEditor chỉ 16:9; bị notch cắt, lệch điểm chạm
2Mọi ngôn ngữ đang chạy trên màn hình chính + popupTiếng Đức / Tây Ban Nha tràn, chữ trên nút bị cắt
3Đổi skin sự kiện / mùa trên tất cả điểm vào (popup, lớp badge)Skin màn hình chính mới, skin popup cũ
4Số, bộ đếm thời gian, tiền tệ khớp bảng thiết kếPlaceholder, sai định dạng
5Bản Dev / Release mỗi bản tải UI chính một lầnAddressables / asset thiếu trong build
6UI bản test khớp Prefab trong repoChỉ sửa trong Scene, build không cập nhật

Ví dụ Unity UGUI; Godot Control / Cocos UI ánh xạ tương tự.


Sửa ở đâu

Triệu chứngCách xử lý
Cắt trên thiết bị, lệch layoutSửa Prefab, hoặc xuất lại có cấu trúc từ AI Studio
Tràn ngôn ngữDịch UI / lớp văn bản; chừa khoảng trống Auto Layout trong thiết kế
Skin sự kiện không nhất quánĐổi skin toàn cây và xuất lại từ AI Studio
Chữ hiển thị / số sát thương bị mờBitmap font hoặc TMP

Các vấn đề logic và binding thuộc danh sách kiểm tra import engine + MCP—không mở rộng ở đây.


FAQ

Có trùng với “10 mục kiểm tra engine” không?
Danh sách engine = lần Play đầu tiên. Danh sách này = thiết bị, ngôn ngữ, bản Release, skin sự kiện.

Chia việc trong nhóm nhỏ thế nào?
Kỹ thuật: 1, 5, 6. Thiết kế/producer: 2, 4. QA (nếu có): 1–5. Designer kiểm tra nhanh: 3. Khoảng 30 phút smoke trên thiết bị theo luồng chính; ngôn ngữ: 2–3 ngôn ngữ dài nhất + màn hình chính và các popup chính.

Hotfix UI trong bản Release chỉ với hình ảnh?
Dùng hotfix Prefab / asset và commit—đừng để thay đổi chỉ nằm trên một Scene test.

Các bài hướng dẫn bạn có thể thích