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.
- 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 tra | Lỗi thường gặp |
|---|---|---|
| 1 | Thiế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 |
| 2 | Mọi ngôn ngữ đang chạy trên màn hình chính + popup | Tiế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ũ |
| 4 | Số, bộ đếm thời gian, tiền tệ khớp bảng thiết kế | Placeholder, sai định dạng |
| 5 | Bản Dev / Release mỗi bản tải UI chính một lần | Addressables / asset thiếu trong build |
| 6 | UI bản test khớp Prefab trong repo | Chỉ 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ứng | Cách xử lý |
|---|---|
| Cắt trên thiết bị, lệch layout | Sử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 tiếp
Các bài hướng dẫn bạn có thể thích
Thiết kế UI game: quy trình truyền thống vs AI + tách lớp VberAI Studio
So sánh cắt layer thủ công bằng PS/Figma với VberAI Studio: nhập hoặc AI tạo UI, tự động tách layer, xuất PSD phân lớp hoặc bộ ảnh. Hiệu ứng, các bước và video demo.
- game-ui-design
- game-ui-designer-flow
- ui-slicing
- AIGC
VberAI Giao Diện Một Cú Nhấp Chuột: Thay Đổi Chủ Đề Trò Chơi Mà Không Di Chuyển Bố Cục
VberAI Studio thay đổi giao diện toàn màn hình chỉ với một cú nhấp chuột bằng preset hoặc ảnh tham chiếu. Bố cục giữ nguyên. Ví dụ Gothic→Halloween và hoạt hình→Giáng sinh.
- vberai
- ai-studio
- ui-reskin
- game-ui
Figma đến Godot: So sánh quy trình thủ công và AI với AI Studio
So sánh xuất Figma sang Godot thủ công với VberAI Studio—thời gian, Control nodes, phông chữ, và khi nào mỗi quy trình phù hợp cho màn hình UI.
- vberai
- ai-studio
- godot
- figma