設計師必須具備的草稿繪製能力

Design by Jhane Chou

如果你能即使沒有繪畫基礎，仍然會鼓勵你養成手繪的習慣。

設計師大多具備草稿繪製的能力，這項能力的功用並不是要我們變得很會畫畫，而是培養「觀察」與「表現」的能力，藉由這樣的練習，不斷累積視覺經驗及提升捕捉細節的敏銳度。

延伸閱讀：學習素描需要知道的Ｎ件事、適合素描初學者的線條＆排線練習

為什麼要繪製草稿？

草稿是將想法落實的第一步，它以「有效率」的方式進行發想及設計，將腦中的想法落實並記錄下來，也能作為溝通的媒介。

當我們在腦中想到許多的畫面，卻無法轉換成具體的呈現，那多麼可惜！

設計執行流程

很少人在做設計能一次到位，其中會經過幾個流程，再依據經驗的累積、熟練度等等因素，這些流程會越來越簡化。

構想

當想法還在腦中打轉，有時會有非常具體的概念，有時只是模糊的方向，甚至是如同靈感，如果沒好好把握，它只會出現一瞬間，直到我們再次想起。

延伸閱讀：如何保持穩定輸出

草稿

以紙筆或任何能讓我們進行紀錄的工具，將想法落實。與視覺有關的呈現，大多建議以手繪的方式繪製草稿，依據個人習慣及目的，決定草稿的表現。

初稿

當我們有了草稿，得到更具體的方向，可進一步將草稿整理、細化，將細節與內容補足，製作成初稿。初稿的呈現也因應不同需求而變，例如：線稿、灰階稿等等，到這一階段已和最終成品相差不遠。

精稿

經過不斷地調整、細化，最終達到我們所要的成品。

草稿特性及經驗分享

不管是設計還是繪圖，我都會歷經草稿的階段。有的草稿輔助我在短時間安排版面中的元素，而有的草稿則是把核心的概念紀錄出來。

大膽地下筆，不要糾結於細節

草稿擁有試錯的機會，不要糾結於細節，盡可能讓草稿處於彈性的狀態，隨時可調整、覆蓋、增減；至於內容，點到為止即可。

將更多的時間放在思考與嘗試

草稿能避免我們直接跳到製作精稿的階段，放慢我們「直接行動」的節奏，讓我們有更多的時間將概念明確，嘗試更多的可能性。

因應不同用途

我在繪製設計的草稿時，不會花太多時間刻劃細節，這些草稿大多以造型上的變化、布局、核心概念為出發，細節會留到軟體時處理。除非是留給客戶觀看的草稿會稍微整理乾淨，其餘的草稿都會快速帶過，僅作為輔助我釐清及整理想法而已。

我曾經試過在發想插畫時，繪製幾張較貼近初稿的草稿，從中挑選或修改，最後進入軟體直接以草稿墊底，製作成初稿。

由於是課堂的簡易示範，時間很短，故精稿與草稿非常接近，甚至是被草稿定型。

課後我將這張插圖重製，直接在軟體中繪製草稿，在草稿階段聚焦想法與構圖呈現，不做任何的細節刻劃，剩餘的細節全都在軟體中完成。這份插圖的草稿直接在軟體中被覆蓋掉，所以沒有留下。

經過這兩張的插圖繪製，我會認為第一張插圖是第二張插圖的前身，某個層面來說第一張插圖的不完整性，更像是「草稿」的性質。

不僅應證草稿作為試錯及嘗試的特性，也應證練習及實作的重要性。

草稿的溝通對象

在文章一開始有提到，草稿可作為溝通的媒介，因此我們也會將溝通的對象納入考量。

為自己發想所用的草稿

不需與他人溝通時，可以大膽地繪製，不拘泥任何呈現與細節，或許線條凌亂，甚至與最終的精稿大相逕庭，但此類型的草圖是幫助發想的環節，自己能看得懂即可。

在我還沒放上精稿之前，藉由想像力可看出上圖左邊為花瓶、手、花朵；右邊是一顆波蘿麵包、通心粉、香腸。但偏向具象表現的人，可能就只能看出線條、塗鴉，無法理解表達的內容。

上圖草稿及精稿似乎還有點關聯，花朵與手的概念還在，只是增加破格的編排呈現，營造空間感。

上圖草稿及精稿的關聯只剩下物件擺放的位置相似。曾經的波蘿麵包、通心粉、香腸，已經變成月亮吊飾及舞動的貓。

需要與他人溝通或展示的草稿

當草稿的責任多了「溝通」時，就需要繪製的更明確，我甚至會讓草稿的完整性更高。與客戶提案或溝通時，草稿能提升彼此的共識，更能讓客戶看見概念的過程轉變，設計是經過許多思考及嘗試的。

有太多人忽略草稿的重要，認為草稿這麼粗略，沒必要讓客戶看到。

將草稿整理好，明確地表現、看起來順眼，讓客戶能快速理解，也是專業的一部分。

提升草稿的質量

作為設計的草稿繪製，可提升觀察能力，這是很好的練習。在繪製設計的草稿時，我會注意以下重點：

1. 比例與尺度
2. 細節、簡化、層級
3. 俐落與乾淨

1. 比例與尺度

一般人想像的草稿是潦草、迅速，甚至是呈現「隨意」的感覺。想優化草稿的呈現，精準地繪製出腦內的構思，需要優先注意的是草稿的「比例與尺度」。可觀察不同比例的方塊或造型，試著在紙上繪製其草圖。

2. 細節、簡化、層級

此階段是反覆練習及嘗試，將以過去專案案例作為練習，在所有草稿繪製的過程中，都須注意上一段提及的「比例與尺度」。

✦｜細節／增加

一開始練習時，盡可能將想像或臨摹的細節繪製出來，給自己一段時間，在時間構圖、下筆，多次繪製草稿，畫錯或沒處理好細節，都沒關係；這階段是經由短時間內反覆觀察、練習，訓練自己觀察細節的能力。

✦｜簡化／減少

再重新繪製草稿，這次我們不限定時間、不追求細節，而是將畫面中的資訊以視覺區域進行分組，思考如何將這些內容，轉化為「點、線、面」的視覺單元，使我們觀看草圖不被過多的細節影響，並從中注意到重點。

✦｜層級／排序

上一步我們練習將草圖簡化，使我們觀看草圖不被過多的細節影響。接著進一步觀察這些資訊所佔的層級，以及視覺的特點。例如這張名片的特點是上方有大面積的底色色塊，底色上的物件為反白，於是我將草圖中的上半段鋪上底色，將物件留白，使整體的層級更貼近名片的精稿。

3. 俐落及乾淨

保持畫面的整潔，必要的時候我會檢視草稿的整潔度，甚至進行整理，以提升專業度，更重要的是，觀看的人也會比較舒適，不會被凌亂且不確定的線條影響。

草稿與精稿的落差

為何草稿看起來有模有樣，做成精稿就走樣？

相信草稿的作用在文章中已提及，再加上大多以輪廓、概念為主，沒有太多細節，自然就不會注意到內容，乍看下令人感覺良好，甚至是想像精稿也能如此完美。

然而精稿的內容是精確的，完整性較高，當細節與內容一多時，馬上就能發現不理想及現實很骨感的問題。

回到「提升設計的草稿質量」段落所述，繪製設計的草稿時，會注意「比例與尺度」、「細節、簡化、層級」、「俐落與乾淨」。這些形、比例與層級的掌握，使得草稿看起來雖然草，卻不會偏離最終的精稿太遠。

手繪草槁練習

透過觀察其他設計師所製作的設計，進行草稿繪製的練習。

最後的碎碎唸

設計師大多具備草稿繪製的能力，這項能力的功用並不是要我們變得很會畫畫，而是培養「觀察」與「表現」的能力，藉由這樣的練習，不斷累積視覺經驗及提升捕捉細節的敏銳度。

至於進步的訣竅？只要方向對了，多畫多練就會進步！