Jhane
Jhane

UI / UX 設計師&自由接案設計師&雜食設計師 不定期分享設計領域的相關經驗 〘 完整內容請展開介紹〙 | 所有文章:https://reurl.cc/N6Q2Kp 設計作品:https://deerlight.design/ 原創主題:https://reurl.cc/g84djN

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

即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣
Design by Jhane Chou
設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。

本文推薦至 Medium 閱讀。

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


為什麼要繪製草稿?

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

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


設計執行流程

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

構想

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

如何保持穩定輸出

草稿

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

初稿

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

精稿

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


草稿特性及經驗分享

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

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

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

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

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

因應不同用途

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

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

Design by Jhane Chou
Design by Jhane Chou

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

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

Design by Jhane Chou

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

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

Design by Jhane Chou

Unfold|插圖設計-抹茶紅豆


草稿的溝通對象

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

為自己發想所用的草稿

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

Design by Jhane Chou

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

Design by Jhane Chou

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

Design by Jhane Chou

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

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

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

Design by Jhane Chou

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

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

提升草稿的質量

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

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

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

Design by Jhane Chou
2. 細節、簡化、層級

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

Design by Jhane Chou

✦|細節/增加

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

細節|Design by Jhane Chou

✦|簡化/減少

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

簡化|Design by Jhane Chou

✦|層級/排序

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

層級|Design by Jhane Chou
Design by Jhane Chou
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


最後的碎碎唸

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

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

Design by Jhane Chou

訂閱作者 ✶ SUBSCRIPTION

透過此連結訂閱我( Medium 帳號限定)每當我在 Medium 發布新文章,將同步發送通知至你的信箱,邀請你參與我的每一刻!也歡迎閱讀文章導覽,更了解本專欄及我:)

文章首次發布於 Medium,目前閱讀的版本為同步版。


感謝你的閱讀及支持,任何問題都歡迎來信交流|imjhanemi@gmail.com

MediumInstagramFacebookDeerlightGumroad

CC BY-NC-ND 2.0 版权声明

喜欢我的文章吗?
别忘了给点支持与赞赏,让我知道创作的路上有你陪伴。

第一个支持了这篇作品
加载中…
加载中…

发布评论