草圖工作流程
AI 草圖轉圖片:把粗略線稿變成視覺方向

你負責一家社區花店的社群媒體。週末迷你花束推廣需要一則貼文,而你的起點是在直式版面配置中隨手畫下的三朵花、一些包裝紙和一個標題。這已經足夠開始一場圍繞圖片的有效對話。
本指南會把這個粗略想法發展為一家虛構花店的海報設計稿。我們在 Ciyo 中畫出草圖,請設計助手解讀它,修正理解後再確定活動方向。截圖展示的是實際示範;活動內容是虛構的,文中不宣稱任何銷售結果。
1. 畫出重要的關係
開啟 Ciyo 畫布。先用矩形標出直式貼文的範圍,再用 Pencil 繪製主體。我們的範例是在下方收窄的包裝紙中畫了三朵簡單的花。在上方加上一個粗略標題。你也可以上傳在別處畫好的圖。
任務很具體:吸引想買小禮物的附近居民,並邀請他們透過私訊詢問。先選定目標格式再新增細節;本例採用 4:5 直式構圖。草圖需要呈現閱讀順序和文字空間,不需要精緻花瓣或寫實明暗。

2. 請設計助手生成圖片前,先確認它看到了什麼
把整張草圖放進目前畫面,並放大到能看清的程度。設計助手的視覺畫面會在你傳送訊息時擷取。完成重大編輯或平移後,請在相關區域可見時傳送一則新訊息。開始創作前,從對話模式選單選擇 Plan 討論方向。
我們的首次回覆辨識出了三朵花,並注意到標題越過了海報邊緣。它把包裝描述成了花瓶。我們修正了這一點並調整了標題大小。這正是快速核對解讀很有用的原因:你可以在錯誤假設進入成圖前修正它。
看看我畫布上的草圖。用兩句簡短的話描述你看到了什麼,以及一個版面配置問題。暫時不要生成圖片。3. 將構圖與成品風格分開
寫兩份簡短清單:哪些應保留,哪些可以改變。對這家花店,保留三朵花、包裹花束的輪廓、上方標題和下方清晰的行動呼籲。將粗略線條轉化為更精緻的插畫。
第一次創作請求只聚焦一個視覺方向。我們選擇暖象牙白、珊瑚色和葉綠色,營造親切的本地店鋪感。提供指定使用的英文文案:「WEEKEND BLOOMS」「MINI BOUQUETS」和「DM TO RESERVE」。在商家確認前,不要加入價格和截止日期。
| 貼文元素 | 保留內容 | 可以再調整的部分 |
|---|---|---|
| 構圖 | 4:5 直式;標題在上;花束置中;CTA 在下方 | 替每個元素保留足夠的留白 |
| 主體 | 用包裝紙包住的三朵花 | 描繪清楚的花瓣、花莖與包裝紙摺痕 |
| 外觀 | 簡單又容易辨認的花束 | 暖象牙白、珊瑚色和葉綠色 |
| 資訊 | 指定英文文案:WEEKEND BLOOMS / MINI BOUQUETS / DM TO RESERVE | 發布貼文前檢查每一個字 |
4. 根據已商定的方向製作一張海報設計稿
方向達成一致後,將對話選單切換為 Create,並請求一個海報設計稿。如果 Ciyo 展示帶有 Create from this plan 操作的計畫,也可以點選它開始創作。設計助手負責對話,選定的圖片模型負責渲染結果。
能理解畫布,不代表能逐線描摹原圖。設計助手會解讀草圖,再將理解轉成生成指令;比例、位置與細節仍可能改變。請把結果和草圖放在一起比較。即使提供了正確文案,生成的文字也要逐字核對。

根據我們商定的簡報,為這家虛構花店製作一張精緻的 4:5 Instagram 海報設計稿。保留用包裝紙包住的三朵簡單花朵。使用暖象牙白、珊瑚色和葉綠色,層級清晰且留白充足。只包含以下文字:WEEKEND BLOOMS;MINI BOUQUETS;DM TO RESERVE。不要虛構標誌、價格、取貨日期或截止日期。讓花束成為視覺焦點,並讓行動呼籲容易找到。5. 先修改最大的偏差
按此順序檢查:讓人一眼看懂的內容、閱讀順序、指定文案,最後才是裝飾細節。讀者能看出這是花束活動並找到要採取的行動嗎?如果行動呼籲被遮住,增加紋理無法解決主要問題。
在我們的結果中,三朵花和全部三行提供的文字都可見。最終圖片把簡單筆觸呈現為細節豐富得多的花束。我們在瀏覽器中檢查了實際圖片,為 896 × 1120 畫素;使用前請檢查自己的匯出檔案和目標發布尺寸。
每次提出一項修改,並說明哪些內容應保留。例如:「保留花束和顏色。在插畫下方為 DM TO RESERVE 留出更多空間。」下一則訊息請讓草圖和目前結果保持可見。下方的回饋指南說明如何把籠統意見轉成具體版面配置決策。
為什麼構圖需要明確檢查
在一個 Reddit 提問中,u/Desiaster 詢問如何把自己的草圖轉成照片風格的圖片,同時保留構圖。回覆討論了幾種其他工具和工作流程。這個問題指出了一個有用的區別:圖片是否吸引人,和它是否忠實解讀原圖,是兩件需要分別判斷的事。
我們的花店練習用簡短的保留清單和與草圖的對比,讓這一差異變得可操作。它並不證明能精確保留構圖,也不把貼文的模型推薦當作基準。
2026 年 5 月 27 日:一個關於保留草圖構圖的社群提問。討論涉及其他工具;本 Ciyo 工作流程是獨立練習,並非發布貼文者的結果或背書。
如果設計助手沒有看到草圖,請簡化下一輪
確認草圖沒有被隱藏或放在目前畫面之外。如果線條只佔畫布的一小部分,請放大。如果設計助手提示無法讀取畫布畫面,請在草圖可見時傳送新訊息,或上傳清晰圖片。繼續前請它再次描述主體。
發布前,檢查最終文字、裁剪、活動詳情和詢問管道。如果視覺內容是插畫,可將它用作活動視覺素材;當顧客需要判斷將收到的花束時,應展示準確的產品照片。這裡有價值的結果是一條可以檢查並完成的清晰視覺方向。
常見問題
我需要嫻熟的繪畫技巧嗎?
不需要。清楚標明主體、其大致比例和位置。在訊息中解釋含糊的細節。草圖需要傳達你的意圖,而非看起來已經完成。
不上傳圖片,Ciyo 也能看到手繪草圖嗎?
設計助手可以接收目前顯示的畫布作為圖片,其中包括手繪線稿。傳送時讓相關草圖保持可見。如果無法擷取畫面,設計助手應說明這一點。
生成的圖片會逐一還原每根線條嗎?
不要假定會精確描摹或鎖定幾何形狀。將結果與草圖核對,並修改重要差異。視覺解讀是生成的起點,並不保證輪廓完全相同。
移動畫布會更新正在生成的回覆嗎?
不會。視覺畫面屬於你傳送的那則訊息。重新構圖或編輯草圖後,傳送新訊息討論更新後的畫面。
為你的下一則社群貼文畫草圖
從一個活動主題、一個大致的版面和希望觀眾採取的行動開始。問 Ciyo 看到了什麼,商定方向,再製作一張設計稿來檢查。