草圖工作流程

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

一條炭筆線在象牙色表面向上延展成抽象花朵,帶有紙質葉片和琥珀色陶瓷花心。
為本指南製作的 AI 抽象主題插畫。

你負責一家社區花店的社群媒體。週末迷你花束推廣需要一則貼文,而你的起點是在直式版面配置中隨手畫下的三朵花、一些包裝紙和一個標題。這已經足夠開始一場圍繞圖片的有效對話。

本指南會把這個粗略想法發展為一家虛構花店的海報設計稿。我們在 Ciyo 中畫出草圖,請設計助手解讀它,修正理解後再確定活動方向。截圖展示的是實際示範;活動內容是虛構的,文中不宣稱任何銷售結果。

1. 畫出重要的關係

開啟 Ciyo 畫布。先用矩形標出直式貼文的範圍,再用 Pencil 繪製主體。我們的範例是在下方收窄的包裝紙中畫了三朵簡單的花。在上方加上一個粗略標題。你也可以上傳在別處畫好的圖。

任務很具體:吸引想買小禮物的附近居民,並邀請他們透過私訊詢問。先選定目標格式再新增細節;本例採用 4:5 直式構圖。草圖需要呈現閱讀順序和文字空間,不需要精緻花瓣或寫實明暗。

真實 Ciyo 畫布的裁剪圖:Weekend Blooms 標題下方有三朵用包裝紙包裹的粗略花朵。
虛構花店貼文的工作草圖,已縮小標題。先畫好排布,再選擇最終風格。

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 操作的計畫,也可以點選它開始創作。設計助手負責對話,選定的圖片模型負責渲染結果。

能理解畫布,不代表能逐線描摹原圖。設計助手會解讀草圖,再將理解轉成生成指令;比例、位置與細節仍可能改變。請把結果和草圖放在一起比較。即使提供了正確文案,生成的文字也要逐字核對。

真實 Ciyo 畫布對比:左側是粗略的三花草圖,右側是珊瑚色、象牙白和綠色的 Weekend Blooms 海報,並寫有 DM TO RESERVE。
示範的實際結果,與草圖並列展示。概念保留了三朵花和提供的文字內容,進一步豐富了包裝、花朵和排版。
提示詞:製作花店社群貼文
根據我們商定的簡報,為這家虛構花店製作一張精緻的 4:5 Instagram 海報設計稿。保留用包裝紙包住的三朵簡單花朵。使用暖象牙白、珊瑚色和葉綠色,層級清晰且留白充足。只包含以下文字:WEEKEND BLOOMS;MINI BOUQUETS;DM TO RESERVE。不要虛構標誌、價格、取貨日期或截止日期。讓花束成為視覺焦點,並讓行動呼籲容易找到。

5. 先修改最大的偏差

按此順序檢查:讓人一眼看懂的內容、閱讀順序、指定文案,最後才是裝飾細節。讀者能看出這是花束活動並找到要採取的行動嗎?如果行動呼籲被遮住,增加紋理無法解決主要問題。

在我們的結果中,三朵花和全部三行提供的文字都可見。最終圖片把簡單筆觸呈現為細節豐富得多的花束。我們在瀏覽器中檢查了實際圖片,為 896 × 1120 畫素;使用前請檢查自己的匯出檔案和目標發布尺寸。

每次提出一項修改,並說明哪些內容應保留。例如:「保留花束和顏色。在插畫下方為 DM TO RESERVE 留出更多空間。」下一則訊息請讓草圖和目前結果保持可見。下方的回饋指南說明如何把籠統意見轉成具體版面配置決策。

為什麼構圖需要明確檢查

在一個 Reddit 提問中,u/Desiaster 詢問如何把自己的草圖轉成照片風格的圖片,同時保留構圖。回覆討論了幾種其他工具和工作流程。這個問題指出了一個有用的區別:圖片是否吸引人,和它是否忠實解讀原圖,是兩件需要分別判斷的事。

我們的花店練習用簡短的保留清單和與草圖的對比,讓這一差異變得可操作。它並不證明能精確保留構圖,也不把貼文的模型推薦當作基準。

如果設計助手沒有看到草圖,請簡化下一輪

確認草圖沒有被隱藏或放在目前畫面之外。如果線條只佔畫布的一小部分,請放大。如果設計助手提示無法讀取畫布畫面,請在草圖可見時傳送新訊息,或上傳清晰圖片。繼續前請它再次描述主體。

發布前,檢查最終文字、裁剪、活動詳情和詢問管道。如果視覺內容是插畫,可將它用作活動視覺素材;當顧客需要判斷將收到的花束時,應展示準確的產品照片。這裡有價值的結果是一條可以檢查並完成的清晰視覺方向。

常見問題

我需要嫻熟的繪畫技巧嗎?

不需要。清楚標明主體、其大致比例和位置。在訊息中解釋含糊的細節。草圖需要傳達你的意圖,而非看起來已經完成。

不上傳圖片,Ciyo 也能看到手繪草圖嗎?

設計助手可以接收目前顯示的畫布作為圖片,其中包括手繪線稿。傳送時讓相關草圖保持可見。如果無法擷取畫面,設計助手應說明這一點。

生成的圖片會逐一還原每根線條嗎?

不要假定會精確描摹或鎖定幾何形狀。將結果與草圖核對,並修改重要差異。視覺解讀是生成的起點,並不保證輪廓完全相同。

移動畫布會更新正在生成的回覆嗎?

不會。視覺畫面屬於你傳送的那則訊息。重新構圖或編輯草圖後,傳送新訊息討論更新後的畫面。

為你的下一則社群貼文畫草圖

從一個活動主題、一個大致的版面和希望觀眾採取的行動開始。問 Ciyo 看到了什麼,商定方向,再製作一張設計稿來檢查。