設計的開始:草圖的五種用途

 　　做為一種工具和技巧，草圖在設計過程中扮演著很重要的角色。然而角色卻是根據情況的不同而變化的，如：最終產品的創造，項目的大小和范圍，設計師的風格、經驗、工作流程和客戶的期望值。我們來看一看草圖是如何在各種設計中發揮效用的?

　　在數字藝術中，設計類型的不同，如：網站、名片、插畫、產品概念和其它設計，草圖的功能也不盡相同。草圖在設計插畫和標志時的使用頻率就比網站大的多。在高預算的大項目中，先畫草圖的方式有多種益處。在大量的時間和精力設入到某個方案之前，先畫出草圖呈現給客戶，得到方向上的認可。草圖在一開始畫的時候可以是隨意的，構想出基本概念。然後考慮元素和布局。在方向被確定之後，畫出更詳盡的草圖對概念進行打磨。

　　草圖的五種用途

　　草圖在設計過程中用途很多，以下列出5種類型的用法，並附有案例。

　　1、快速生成概念通過畫草圖可以快速的集成概念。

　　花上一兩個小時隨意畫一畫，得到多種備選方案。這也是設計中非常重要的一步。在用電腦制作之前，在紙上畫一畫能夠節省很多時間。雖然在電腦上也可以畫草圖，但在紙上描繪頭腦中的想法要快的多。在bioTrekker Logo 草圖設計 中，設計師Karley Barrett展示了在logo設計過程中草圖的大量使用。她構思了60多種備選方案，然後從中進行進一步的篩選。Barrett構思圖像、排版和布局的過程是非常有趣的。她將多種想法畫出來，然後尋找最佳的方案。因為logo的草圖是非常小的，因些工作進度很快，可以在較短的時間畫出各種想法。

　　bioTrekker Logo草圖設計產品設計師會花費大量的時間畫草圖。如果你將要設計的產品是運動鞋、家具、或者自行車，那麼你的構思應該是從紙上開始的，而非電腦。在自行車設計這篇博客中，James認為：“把構想迅速畫在紙上，然後評估其是否具備進一步細化的價值，畫草圖是唯一的方式。電腦渲染、CAD制圖、模擬程序包等等這些工具是非常好的，但是用一支老式的鉛筆將想法畫上紙上往往是設計的開始。

　　自行車設計草圖

　　2、設置基本元素或布局

　　畫草圖可以迅速的構建插圖的基本元素。在網頁設計和圖形設計中，通過畫草圖可以快速的進行布局。你可以將想法簡略的勾畫出來，當然也可以畫的更大，只要草圖能夠表現出必要的元素就可以，畫圖功底不是必須的。

　　用Photoshop設計炫酷復古學院 教程中，Fabio向我們展示了在借助於電腦之前，如何快速的畫草圖。如下圖所示，他只將基本的元素描出來。通過與右邊最終圖像的對比，我們可以看出左邊草圖已經基本體現出布局。因此，在借助Photoshop之前，你並不需要精湛的繪畫能力。

　　用Photoshop設計炫酷復古學院

　　從零開始做網站是一個非常有名的網站，提供建站方面的實用性建議。在網站設計全攻略實用指導 這篇文章中，對於用鉛筆畫草圖，作者如是說：“草圖能夠快速的將我腦子裡的想法描繪下來，不容易忘記，並快速用Photoshop繼續創作。這種方法比直接用Photoshop創作高效的多。”如下圖，左邊是是草圖，右邊是最終設計，繪畫功底依然不是必要的。

　　網站設計全攻略實用指導

　　3、用於與客戶交流

　　向客戶顯示設計草圖，可能會節約你大量的時間。項目越復雜，就要越早向客戶確認，得到客戶的認可。如果你打算集中精力完善構想，那麼在推進之前，你最好確保客戶認可你的構想。把草圖拿給客戶看是設計過程中通常的做法，在大型logo設計項目或其它項目中這種做法是普遍的。

　　SOS Factory主要從事吉祥物設計。他們的工作流程與連環漫畫工作室相似，畫草圖通常與後續完成設計的並非同一個人。設計過程中有多種角色參與：設計師、色彩師、藝術指導等等，各種角色以專長來劃分。

　　在這個工作室中，素描人員將創意畫出來，然後客戶與藝術指導和設計師一同進行修正。在原圖進行下一步的上墨和塗色之前，要先取得客戶的認可。這樣能夠節約時間，並沉澱創意。下面這個例子就是與客戶進行溝通的草圖。通常這張草圖被送到客戶手中進行確認，或取得修改建議。一旦草圖方案敲定，設計就移交至下一個流程--線條著墨，人物上色。

　　為用戶做設計

　　在由草圖到矢量圖一文中，GoMedia的比爾說他們盡可能早的去獲得客戶的認可。在畫出更精確的草圖前，他們將一系列粗略的草圖拿給客戶。左下圖是客戶從中挑選出的草圖。在草圖經由電腦制作之前，先畫出如右下圖一般更具體的草圖。

　　從草圖至矢量圖

　　4、視覺探索

　　草圖可以用來記錄設計日志和探索興趣點。在個別項目中，草圖可以用來發現多種選擇。

　　在Coroflot公司，Sherrie Thai 負責的部門專門畫草圖，她保留有一個作品集。這些作品記錄了她在多個領略進行設計時的視覺探索過程。她作品集的主題通常為圖案、身份特征和紋身。

　　Sherrie Thai 的草圖集

　　產品設計一書《設計草圖》，介紹了產品設計整個草圖繪畫流程，有教程、講解和案例。下面的例子展示了設計師是如何通過草圖發現問題並解決問題的。

　　5、精練視覺方案

　　設計過程的最後階段離不開精練。一個作品的整體概念和方向也許是完美的，但其中某個元素也許並不完美。通常這種情形下，會由新一輪的草圖繪畫來修正和完善。當然，有些設計師會直接用電腦來修繕，那麼就進入了電腦流程。

　　A Project with Angel Da??Amico，在此文中你會發現草圖在項目中的重要性，同時也會發現Photoshop也可以解決相同問題。通常隨著客戶更一步的修改要求，設計師喜歡采用數字工具來解決。當然隨著交付期的臨近，設計師會采用讓工作更快完成的工具。

　　A Project with Angel Da??Amico

　　前面講到的從草圖到矢量圖一書，是個很好的參考。比爾通常先精修圖案然後再借助於電腦。他說：“有時作品的某處細節看起來不怎麼樣，一個專業的設計師通常會單獨拿出一頁紙，對某處重新畫草圖，直到它看起來令人滿意。”然後比爾講解了他的設計過程。

　　以上情況中，設計師認為重新畫草圖是有必要的。但有些時候是要根據客戶的要求來做。就像前面的Angel D’Amico。不管什麼原因，你都需要對精細的作品進行雕琢，如下圖。之後比爾用電腦完成作品的設計。

　　總結：

　　也許你跳過在紙上畫草圖，直接用電腦做設計方案並將之稱為電子草圖。這並沒有什麼不對，由個人工作而定。但沒有一種視覺設計方法比畫草圖更能策劃多種視覺方案。你可通過親身實踐來衡量。

　　手繪草圖在數字藝術中至關重要。項目越大，客戶越需要提前對多種方案進行確認，這時候草圖就會大大體現其價值。試著在你的下一個項目中通過畫草圖來組合和布局，或者在你准備啟用Photoshop前迫使自己再畫一組草圖。