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

更新於 發佈於 閱讀時間約 7 分鐘
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。

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

延伸閱讀:學習素描需要知道的N件事適合素描初學者的線條&排線練習


為什麼要繪製草稿?

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

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


設計執行流程

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

構想

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

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

草稿

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

初稿

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

精稿

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


草稿特性及經驗分享

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

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

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

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

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

因應不同用途

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

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

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

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


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

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



草稿的溝通對象

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

為自己發想所用的草稿

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

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


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


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


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

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

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

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

提升草稿的質量

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

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


1. 比例與尺度

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


2. 細節、簡化、層級

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


✦|細節/增加

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


✦|簡化/減少

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



✦|層級/排序

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



3. 俐落及乾淨

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


草稿與精稿的落差

為何草稿看起來有模有樣,做成精稿就走樣?

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

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

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


手繪草槁練習

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

Garalien Portfolio by Dhea Metanasti

Garalien Portfolio by Dhea Metanasti

島語學海報 by Ada Kang

島語學海報 by Ada Kang

The Cosmic Race by Jaeha Kim

The Cosmic Race by Jaeha Kim

新市毛豆節 by Postergram

新市毛豆節 by Postergram

infographic-Ice company 冰品產業大調查 by luby su

infographic-Ice company 冰品產業大調查 by luby su


最後的碎碎唸

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

至於進步的訣竅?只要方向對了,多畫多練就會進步!


留言
avatar-img
留言分享你的想法!
avatar-img
Deerlight Design 曝鹿設計
68會員
45內容數
換帳號唷
你可能也想看
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
寫文章作為學習和個人成長的重要方法。自己學習寫作的經驗,寫作對於表達觀點和了解社會的重要性。
Thumbnail
寫文章作為學習和個人成長的重要方法。自己學習寫作的經驗,寫作對於表達觀點和了解社會的重要性。
Thumbnail
這篇文章我將藉由「點子就要秀出來」這筆書,節選出創意的10個撇步。正在創作的你,看完後一定會有很大的收獲。
Thumbnail
這篇文章我將藉由「點子就要秀出來」這筆書,節選出創意的10個撇步。正在創作的你,看完後一定會有很大的收獲。
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
這篇文章剖析瞭如何創作一張極簡風格的閱讀心得圖片,突顯閱讀的智慧和成長。同時還介紹瞭如何融合自然元素和明亮色彩,打造出具有不同風格的閱讀心得圖片。
Thumbnail
這篇文章剖析瞭如何創作一張極簡風格的閱讀心得圖片,突顯閱讀的智慧和成長。同時還介紹瞭如何融合自然元素和明亮色彩,打造出具有不同風格的閱讀心得圖片。
Thumbnail
寫作從來不是為了繳交作業,或是應付成績而寫的,求學的時候,學作文或許是為了通過學測或統測,但等到了長大之後,才知道,寫作是為了培養一份「梳理」、「整理」的能力。 
Thumbnail
寫作從來不是為了繳交作業,或是應付成績而寫的,求學的時候,學作文或許是為了通過學測或統測,但等到了長大之後,才知道,寫作是為了培養一份「梳理」、「整理」的能力。 
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
作者用常見的生活模式為底,分享所見所聞,提供自己對於這些情況的建議。詞彙的使用跟實力培養絕對是需要時間的,也非常需要靠別人的作品來當作自己的養分來源,多閱讀別人的書籍、文字、而且是有意識的學習,然後再加上實踐,相信慢慢就能寫出吸引人的文字、甚至發展出自己的風格。
Thumbnail
作者用常見的生活模式為底,分享所見所聞,提供自己對於這些情況的建議。詞彙的使用跟實力培養絕對是需要時間的,也非常需要靠別人的作品來當作自己的養分來源,多閱讀別人的書籍、文字、而且是有意識的學習,然後再加上實踐,相信慢慢就能寫出吸引人的文字、甚至發展出自己的風格。
Thumbnail
寫字的人大概都有這樣的經驗,功力到什麼地方,寫出來的字就是什麼樣子,再努力也不會更好。 不過這樣的經驗,應該是要有一定功力的人才能體會,初學者或功力不深的人,倒是會經常感受到「有努力就有進步」。 書法能力的累積,有一定的成長曲線,到了高階的功力,要更上層樓就很困難,甚至很容易退步。古
Thumbnail
寫字的人大概都有這樣的經驗,功力到什麼地方,寫出來的字就是什麼樣子,再努力也不會更好。 不過這樣的經驗,應該是要有一定功力的人才能體會,初學者或功力不深的人,倒是會經常感受到「有努力就有進步」。 書法能力的累積,有一定的成長曲線,到了高階的功力,要更上層樓就很困難,甚至很容易退步。古
Thumbnail
寫作對我們的生活和情感有著深遠的影響,練習寫作需要規律的練習和對當下的珍惜,同時寫作也是一種技巧,可以幫助我們更好地表達和記錄生活中的點滴,並影響我們保持年輕心靈的積極態度。
Thumbnail
寫作對我們的生活和情感有著深遠的影響,練習寫作需要規律的練習和對當下的珍惜,同時寫作也是一種技巧,可以幫助我們更好地表達和記錄生活中的點滴,並影響我們保持年輕心靈的積極態度。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News