Nano Banana cho thiết kế UI

Nano Banana 2 (nanobanana2) hỗ trợ thiết kế UI bằng cách biến wireframe hoặc phác thảo thành bố cục tinh chỉnh hơn, làm rõ phân cấp dark mode và cải thiện khả năng đọc chữ trên giao diện. Hướng dẫn này gồm nanobanana prompts, quy trình thực tế và liên kết nanobanana entry.

Tác vụ UI nanobanana2 làm tốt

Tác vụ	Ghi chú
Wireframe → hi-fi	Thêm màu thương hiệu và danh sách component
UI game / công cụ	Từ khóa phong cách mạnh + độ tương phản
Hero e-commerce	glass, liquid, nhãn sản phẩm
Landing marketing	hero + lưới + khoảng trắng

Cấu trúc prompt

1. Loại đầu vào: wireframe / screenshot / sketch.
2. Phong cách đích: dark SaaS, glass, minimal dashboard.
3. Thành phần: nav, hero, cards, table, buttons.
4. Chữ: ngôn ngữ và độ rõ (ví dụ “chữ UI tiếng Việt, sắc nét”).
5. Ràng buộc: giữ kiến trúc thông tin; chỉ tinh chỉnh hình ảnh.

UI game và UI doanh nghiệp

UI game cần chủ đề, vật liệu, FX; UI admin cần mật độ và căn chỉnh. Đừng trộn mục tiêu mâu thuẫn trong một prompt.

Chữ và typography

Nêu tone sans-serif, phân cấp và giãn dòng. Nếu chỉ chữ yếu, hãy yêu cầu render lại chỉ lớp chữ mà không đổi layout.

Với Nano Banana Pro

Dùng nanobanana2 để thử nhiều hướng; chuyển sang Nano Banana Pro khi cần đồng nhất chặt trên một chuỗi ảnh.