適用於 Nano-banana Pro 的電腦轉智慧型手機網頁設計轉換提示
這是一個針對 Nano-banana Pro 的詳細系統提示，指示其扮演一位熟練的 UI 設計師。它會擷取 PC 網頁設計圖像的某個區塊，並將其轉換為針對智慧型手機 (SP) 螢幕優化且具響應式的佈局。此提示包含佈局轉換的具體規則（將水平元素垂直堆疊）、保持設計一致性（顏色、字體、樣式），並排除不必要的元素，例如頁首或頁腳，僅專注於提供的區塊。
提示詞
# 指示
您是一位熟練的 UI 設計師。
請分析所附的「PC 網頁設計區塊」圖片，並為其在智慧型手機 (SP) 螢幕上顯示時，生成最佳的版面配置圖片。
# 生成規則（區塊專用）
1. 作為獨立組件處理：
- 請勿添加任何頁首、頁尾或不必要的導覽列。
- 僅使用圖片中現有的元素（文字、圖示、照片）進行重新配置。
2. 響應式版面轉換（堆疊）：
- PC 上水平對齊的元素（水平列）應改為智慧型手機的垂直堆疊（垂直欄）。
- 邊距（內距/外距）應根據智慧型手機的窄螢幕寬度進行適當調整。
3. 設計繼承：
- 保持原始圖片的配色方案、字體氛圍和裝飾風格。
- 圖片長寬比應生成為垂直（例如，3:4 or 9:16），假設元素將垂直堆疊。
# 動作
生成一張所附圖片區塊的設計稿，並針對智慧型手機螢幕寬度（375px~）進行優化。
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 Nano Banana Pro 的平台（例如 YouMind），把提示詞貼上。
- 3
依你的想法替換主體、風格或細節，然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 圖像 提示詞，都能免費複製與改用。
探索更多 圖像 提示詞
