Nano Banana สำหรับออกแบบ UI

Nano Banana 2 (nanobanana2) ช่วย ออกแบบ UI โดยเปลี่ยน wireframe หรือสเก็ตช์หยาบ เป็น เลย์เอาต์ที่ขัดเกลากว่า ทำให้ ลำดับชั้นในโหมดมืด ชัดขึ้น และ ปรับปรุงความอ่านง่ายของข้อความ บนอินเทอร์เฟซ คู่มือนี้ครอบคลุม nanobanana prompts เวิร์กโฟล์ปฏิบัติ และลิงก์ nanobanana entry

งาน UI ที่ nanobanana2 ทำได้ดี

งาน	หมายเหตุ
Wireframe → hi-fi	สีแบรนด์ + รายการคอมโพเนนต์
UI เกม / เครื่องมือ	คีย์เวิร์ดสไตล์แรง + คอนทราสต์
Hero อีคอมเมิร์ซ	glass, liquid, ป้ายสินค้า
Landing การตลาด	hero + กริด + ช่องว่าง

โครงสร้างพรอมป์ต์

1. ประเภทอินพุต: wireframe / screenshot / sketch
2. สไตล์เป้าหมาย: dark SaaS, glass, minimal dashboard
3. คอมโพเนนต์: nav, hero, cards, table, buttons
4. ข้อความ: ภาษาและความชัด (เช่น “ข้อความ UI ภาษาไทย คมชัด”)
5. ข้อจำกัด: รักษาโครงสร้างข้อมูล; แต่งภาพอย่างเดียว

UI เกมกับ UI องค์กร

UI เกมต้องการ ธีม วัสดุ เอฟเฟกต์; แอดมินต้องการ ความหนาแน่นและการจัดแนว อย่าผสมเป้าหมายขัดแย้งในพรอมป์ต์เดียว

ตัวอักษร

ระบุ โทน sans-serif ลำดับชั้น และ ระยะบรรทัด หากตัวอักษรอ่านยาก ขอ เรนเดอร์เฉพาะชั้นข้อความ โดยไม่เปลี่ยนเลย์เอาต์

กับ Nano Banana Pro

ใช้ nanobanana2 สำรวจไอเดีย; สลับเป็น Nano Banana Pro เมื่อต้องการ ความสอดคล้องต่อเนื่อง ในชุดภาพ