NanoBanana

NanoBanana 使用教學

文章列表

Nano Banana :用做 UI 設計

Nano Banana 2 (nanobanana2) 透過將線框或粗略草圖轉變為精美的佈局、闡明深色模式層次結構以及改進中文 UI 中的清晰文本來幫助 UI 設計。本指南涵蓋 nanobanana 提示、實用工作流程和 nanobanana 條目 連結。

Nano Banana UI設計範例

UI 任務 nanobanana2 處理得很好

任務筆記
線框 → 高保真新增品牌顏色和組件清單
遊戲/工具UI強烈風格關鍵字+對比
電商英雄玻璃、液體、產品標籤
行銷登陸英雄 + 格紋 + 空白

提示結構

  1. 輸入類型:線框/螢幕截圖/草圖。
    2.目標風格:深色SaaS、玻璃、極簡儀表板。
  2. 組件:導覽、英雄、卡片、表格、按鈕。
  3. 文字:如需要中文,請說「簡體中文UI文案,清晰易讀」。
  4. 限制:保留資訊架構;僅視覺拋光。

遊戲與企業 UI

遊戲UI需要主題、材質、FX;管理 UI 需要密度和對齊。不要在一個提示中混合相互衝突的目標。

中文排版

指定無襯線色調層次結構行距。如果字形很弱,請要求僅重新渲染文字圖層,佈局不變。

使用 Nano Banana Pro

使用 nanobanana2 進行探索;當您需要整個系列之間更緊密的一致性時,請切換到 Nano Banana Pro