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

更新於 發佈於 閱讀時間約 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


最後的碎碎唸

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

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


換帳號唷
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
如果你能保持穩定吸收,就能保持穩定輸出。你的靈感總是像曇花一現,來了就走了?還是像枯竭的青春,一去不復返?不管是不是創作者,都會面臨這困境;經過多次的體驗,終於找到了答案「如果你能保持穩定吸收,就能保持穩定輸出」。
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
練習線條&排線的手感,掌握輕重緩急的表現。這些看似簡單的線條,經過安排之後,可作為基本的繪畫練習、創作前的草稿、視覺的紀錄,也能是完整的視覺藝術作品。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
如果你能保持穩定吸收,就能保持穩定輸出。你的靈感總是像曇花一現,來了就走了?還是像枯竭的青春,一去不復返?不管是不是創作者,都會面臨這困境;經過多次的體驗,終於找到了答案「如果你能保持穩定吸收,就能保持穩定輸出」。
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
練習線條&排線的手感,掌握輕重緩急的表現。這些看似簡單的線條,經過安排之後,可作為基本的繪畫練習、創作前的草稿、視覺的紀錄,也能是完整的視覺藝術作品。
你可能也想看
Google News 追蹤
Thumbnail
最近國泰世華CUBE App推出的「美股定期定額」功能,讓使用者可以方便地進行跨境理財(但讀者仍需根據自身需求審慎考量),除了享有美股定期定額的新功能,也同時享有台股定期定額的功能,可以一站滿足我們理財的需求! 透過國泰世華CUBE App線上開台股證券戶+複委託戶,流程最快僅需要5分鐘。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
引言: 相信各位有興趣於設計的朋友,也會經常苦惱於毫無靈感的時候。但只要運用以下幾種方法,相信會令大家茅塞頓開,靈感湧現。 1. 研究和理解目標受眾: 研究和理解目標受眾是設計師成功的關鍵之一。透過深入了解目標受眾的偏好、需求、價值觀和使用習慣,設計師能夠創建出更具吸引力和有效的設計方案。
Thumbnail
在快速設計手繪的過程中,線條的美觀性是決定圖面質量的關鍵因素。線條的品質與握筆姿勢有著密不可分的關係,這直接影響到線條的流暢度以及畫面的整體視覺效果。本文探討了不同長度線條的手部發力點、線條解構、握筆姿勢訓練、以及手眼協調,並提供了相關練習方法和選擇工具和材料建議。
Thumbnail
畫圖的目的應該是為了「溝通」,不需要有比較心態
Thumbnail
建築師考試的學習與考試中,立面圖、剖面圖、平面圖及透視圖對於考生而言,是展現其設計能力和理解深度的關鍵工具。這些圖形不僅幫助考生展示具體的設計想法,也是溝通設計意圖與實現建築概念的基礎。
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
如果你也有創意相關的困惱,或是對創意領域有興趣,想以此為職業想提升自己的腦袋的;或是在藝術領域打滾,但覺得自己空有技術似乎缺少想法的。也包括身在任何領域想要創造新方向,或是想讓傳統產業注入新生命力的人。 今天要分享的主題一定很適合你。
Thumbnail
(點文字可以看到原繪師發布的推文圖片,是參照畫的練習圖) 下午培訓營的老師加開了線上畫圖,線上看別人畫圖一度看到忘記動筆,就好像看哀居短影片裡的人畫圖一樣,很讓人著迷。但別忘了,唯有自己動筆,才會是你的。腦袋、眼睛和手部肌肉才會記得,你畫出每一筆的感覺。 不斷試錯,擦掉重來,反覆練習。 偶爾還
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
繼續閱讀《用夢想設計你的人生》,其中一段提到作者學習以電繪軟體繪圖,並寫下這一句:「你不需要很厲害才能開始,但你要開始才能變得很厲害。」 兩年前我也嘗試學過一陣子電繪,其實比徒手畫容易多了,因為有輔助,畫什麼也容易上手,徒手的話我是完全不行的。我從小最不擅長的事就是畫畫,所以當時能用電繪畫畫,簡直
Thumbnail
最近國泰世華CUBE App推出的「美股定期定額」功能,讓使用者可以方便地進行跨境理財(但讀者仍需根據自身需求審慎考量),除了享有美股定期定額的新功能,也同時享有台股定期定額的功能,可以一站滿足我們理財的需求! 透過國泰世華CUBE App線上開台股證券戶+複委託戶,流程最快僅需要5分鐘。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
引言: 相信各位有興趣於設計的朋友,也會經常苦惱於毫無靈感的時候。但只要運用以下幾種方法,相信會令大家茅塞頓開,靈感湧現。 1. 研究和理解目標受眾: 研究和理解目標受眾是設計師成功的關鍵之一。透過深入了解目標受眾的偏好、需求、價值觀和使用習慣,設計師能夠創建出更具吸引力和有效的設計方案。
Thumbnail
在快速設計手繪的過程中,線條的美觀性是決定圖面質量的關鍵因素。線條的品質與握筆姿勢有著密不可分的關係,這直接影響到線條的流暢度以及畫面的整體視覺效果。本文探討了不同長度線條的手部發力點、線條解構、握筆姿勢訓練、以及手眼協調,並提供了相關練習方法和選擇工具和材料建議。
Thumbnail
畫圖的目的應該是為了「溝通」,不需要有比較心態
Thumbnail
建築師考試的學習與考試中,立面圖、剖面圖、平面圖及透視圖對於考生而言,是展現其設計能力和理解深度的關鍵工具。這些圖形不僅幫助考生展示具體的設計想法,也是溝通設計意圖與實現建築概念的基礎。
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
如果你也有創意相關的困惱,或是對創意領域有興趣,想以此為職業想提升自己的腦袋的;或是在藝術領域打滾,但覺得自己空有技術似乎缺少想法的。也包括身在任何領域想要創造新方向,或是想讓傳統產業注入新生命力的人。 今天要分享的主題一定很適合你。
Thumbnail
(點文字可以看到原繪師發布的推文圖片,是參照畫的練習圖) 下午培訓營的老師加開了線上畫圖,線上看別人畫圖一度看到忘記動筆,就好像看哀居短影片裡的人畫圖一樣,很讓人著迷。但別忘了,唯有自己動筆,才會是你的。腦袋、眼睛和手部肌肉才會記得,你畫出每一筆的感覺。 不斷試錯,擦掉重來,反覆練習。 偶爾還
Thumbnail
有很多人會想要自學平面設計,不管是想要從事相關工作、興趣、協助自己工作等等,雖然網路資源越來越多,但對於剛想入門的人卻因為選擇太多反而不知道該如何入門。 這邊分享我自己詳細學習設計的經驗,希望可以提供給大家一些幫助。
繼續閱讀《用夢想設計你的人生》,其中一段提到作者學習以電繪軟體繪圖,並寫下這一句:「你不需要很厲害才能開始,但你要開始才能變得很厲害。」 兩年前我也嘗試學過一陣子電繪,其實比徒手畫容易多了,因為有輔助,畫什麼也容易上手,徒手的話我是完全不行的。我從小最不擅長的事就是畫畫,所以當時能用電繪畫畫,簡直