圖像 提示詞

適用於 Nano-banana Pro 的電腦轉智慧型手機網頁設計轉換提示

這是一個針對 Nano-banana Pro 的詳細系統提示,指示其扮演一位熟練的 UI 設計師。它會擷取 PC 網頁設計圖像的某個區塊,並將其轉換為針對智慧型手機 (SP) 螢幕優化且具響應式的佈局。此提示包含佈局轉換的具體規則(將水平元素垂直堆疊)、保持設計一致性(顏色、字體、樣式),並排除不必要的元素,例如頁首或頁腳,僅專注於提供的區塊。

提示詞
# 指示
您是一位熟練的 UI 設計師。
請分析所附的「PC 網頁設計區塊」圖片,並為其在智慧型手機 (SP) 螢幕上顯示時,生成最佳的版面配置圖片。

# 生成規則(區塊專用)
1. 作為獨立組件處理:
- 請勿添加任何頁首、頁尾或不必要的導覽列。
- 僅使用圖片中現有的元素(文字、圖示、照片)進行重新配置。

2. 響應式版面轉換(堆疊):
- PC 上水平對齊的元素(水平列)應改為智慧型手機的垂直堆疊(垂直欄)。
- 邊距(內距/外距)應根據智慧型手機的窄螢幕寬度進行適當調整。

3. 設計繼承:
- 保持原始圖片的配色方案、字體氛圍和裝飾風格。
- 圖片長寬比應生成為垂直(例如,{argument name="aspect ratio" default="3:4 or 9:16"}),假設元素將垂直堆疊。

# 動作
生成一張所附圖片區塊的設計稿,並針對智慧型手機螢幕寬度(375px~)進行優化。

為創作者而生,永久免费。

YouMind 是受到全球創作者信賴的 AI 創作助手。這裡的每條提示詞都經過精選,幫助你更快、更好地創作。

探索更多提示詞