top of page

小V小教室:〈草稿比成品更重要:設計師的思考,是從線開始的〉第二堂課(8/14)

作家相片: 薇朵莉亞(小V)
薇朵莉亞(小V)
8月14日
讀畢需時 2 分鐘

已更新:6天前

两位动漫风设计师在明亮工作室里讨论草图,一人指向桌上线框稿,另一人拿笔微笑;背景白板写着草稿思考流程,桌面散放便签和图纸。

嗨,我是小V。

今天的小V小教室想帶你走進設計師的桌面 — 那個永遠散落著鉛筆、便條紙、線框、構圖草稿的地方。

很多人以為設計是從「成品」開始的。 但其實,設計真正開始的地方,是草稿。

草稿不是隨便畫畫, 草稿是設計師的 思考過程。

✦ 小V小教室:草稿,是設計師的「大腦外接硬碟」

當我們在做設計時,腦袋裡會同時跑很多線: 資訊層級、視覺節奏、排版邏輯、使用者動線、品牌語氣……

這些東西如果只放在腦中,很容易混亂。 所以我們會把它們「畫」出來。

草稿不是為了好看, 草稿是為了 把混亂變成清楚。

✦ 為什麼草稿能讓方向更清楚?

因為草稿能做到成品做不到的事:

  • 它能快速測試想法

  • 它能讓你看到資訊的優先順序

  • 它能讓你發現視覺的問題

  • 它能讓你在正式設計前就找到方向

  • 它能讓你跟客戶更快對焦

草稿是「方向」, 成品才是「結果」。

如果方向不對,成品再漂亮都沒有用。

教室风插画中,红发蓝眼女子拿铅笔微笑指向设计主题;左侧大字写小V的观察:草稿常见的三种形式,周围有白板、便签、线框图和笔记本。

✦ 小V的觀察:草稿常見的三種形式

設計師的草稿其實有很多種類,但最常見的有三種:

① 線框(Wireframe)

用最簡單的線條,決定版面架構。 像是建築的骨架,沒有裝潢,但能看出空間。

② 構圖草稿(Composition Sketch)

決定視覺重心、元素位置、畫面節奏。 像是攝影師在按下快門前的取景。

③ 資訊架構(Information Structure)

把內容拆成層級:標題、重點、補充、行動。 像是把故事的段落先排好,再開始寫文章。

這三種草稿不是為了美,而是為了「清楚」。

✦ 小V的筆記:如何用草稿快速跟客戶對焦?

很多設計專案會卡住,是因為大家一開始就討論成品。 但成品太複雜,容易誤解、容易偏離方向。

所以我會建議:

先用草稿對焦,再做成品。

你可以用這三步驟:

  1. 先畫線框,確認版面邏輯

  2. 再畫構圖草稿,確認視覺重心

  3. 最後整理資訊架構,確認內容順序

這樣客戶能更快理解你的想法, 你也能更快找到正確方向。

草稿不是「前置作業」, 草稿是「設計的一部分」。

✦ 最後,小V小教室想說一句話:

成品是設計的外表, 草稿是設計的靈魂。

如果你願意,我會在每個星期五, 陪你一起把這些靈魂的線條,畫得更清楚。

留言


bottom of page