做為一種工具和技巧，草圖在設(shè)計(jì)過(guò)程中扮演著很重要的角色。然而角色卻是根據(jù)情況的不同而變化的，如：最終產(chǎn)品的創(chuàng)造，項(xiàng)目的大小和范圍，設(shè)計(jì)師的風(fēng)格、經(jīng)驗(yàn)、工作流程和客戶的期望值。我們來(lái)看一看草圖是如何在各種設(shè)計(jì)中發(fā)揮效用的?在數(shù)字藝術(shù)中，設(shè)計(jì)類型的不同，如：網(wǎng)站、名片、插畫(huà)、產(chǎn)品概念和其它設(shè)計(jì)，草圖的功能也不盡相同。草圖在設(shè)計(jì)插畫(huà)和標(biāo)志時(shí)的使用頻率就比網(wǎng)站大的多。在高預(yù)算的大項(xiàng)目中，先畫(huà)草圖的方式有多種益處。在大量的時(shí)間和精力設(shè)入到某個(gè)方案之前，先畫(huà)出草圖呈現(xiàn)給客戶，得到方向上的認(rèn)可。草圖在一開(kāi)始畫(huà)的時(shí)候可以是隨意的，構(gòu)想出基本概念。然后考慮元素和布局。在方向被確定之后，畫(huà)出更詳盡的草圖對(duì)概念進(jìn)行打磨。

草圖的五種用途草圖在設(shè)計(jì)過(guò)程中用途很多。以下列出5種類型的用法，并附有案例和鏈接。

1、快速生成概念通過(guò)畫(huà)草圖可以快速的集成概念。花上一兩個(gè)小時(shí)隨意畫(huà)一畫(huà)，得到多種備選方案。這也是設(shè)計(jì)中非常重要的一步。在用電腦制作之前，在紙上畫(huà)一畫(huà)能夠節(jié)省很多時(shí)間。雖然在電腦上也可以畫(huà)草圖，但在紙上描繪頭腦中的想法要快的多。在bioTrekker Logo 草圖設(shè)計(jì) 中，設(shè)計(jì)師Karley Barrett展示了在logo設(shè)計(jì)過(guò)程中草圖的大量使用。她構(gòu)思了60多種備選方案，然后從中進(jìn)行進(jìn)一步的篩選。Barrett構(gòu)思圖像、排版和布局的過(guò)程是非常有趣的。她將多種想法畫(huà)出來(lái)，然后尋找最佳的方案。因?yàn)閘ogo的草圖是非常小的，因些工作進(jìn)度很快，可以在較短的時(shí)間畫(huà)出各種想法。

bioTrekker Logo草圖設(shè)計(jì)產(chǎn)品設(shè)計(jì)師會(huì)花費(fèi)大量的時(shí)間畫(huà)草圖。如果你將要設(shè)計(jì)的產(chǎn)品是運(yùn)動(dòng)鞋、家具、或者自行車，那么你的構(gòu)思應(yīng)該是從紙上開(kāi)始的，而非電腦。在自行車設(shè)計(jì)這篇博客中，James認(rèn)為：“把構(gòu)想迅速畫(huà)在紙上，然后評(píng)估其是否具備進(jìn)一步細(xì)化的價(jià)值，畫(huà)草圖是唯一的方式。電腦渲染、CAD制圖、模擬程序包等等這些工具是非常好的，但是用一支老式的鉛筆將想法畫(huà)上紙上往往是設(shè)計(jì)的開(kāi)始。

自行車設(shè)計(jì)草圖

2、設(shè)置基本元素或布局

畫(huà)草圖可以迅速的構(gòu)建插圖的基本元素。在網(wǎng)頁(yè)設(shè)計(jì)和圖形設(shè)計(jì)中，通過(guò)畫(huà)草圖可以快速的進(jìn)行布局。你可以將想法簡(jiǎn)略的勾畫(huà)出來(lái)，當(dāng)然也可以畫(huà)的更大，只要草圖能夠表現(xiàn)出必要的元素就可以，畫(huà)圖功底不是必須的。

用Photoshop設(shè)計(jì)炫酷復(fù)古學(xué)院 教程中，F(xiàn)abio向我們展示了在借助于電腦之前，如何快速的畫(huà)草圖。如下圖所示，他只將基本的元素描出來(lái)。通過(guò)與右邊最終圖像的對(duì)比，我們可以看出左邊草圖已經(jīng)基本體現(xiàn)出布局。因此，在借助Photoshop之前，你并不需要精湛的繪畫(huà)能力。

用Photoshop設(shè)計(jì)炫酷復(fù)古學(xué)院 

從零開(kāi)始做網(wǎng)站是一個(gè)非常有名的網(wǎng)站，提供建站方面的實(shí)用性建議。在網(wǎng)站設(shè)計(jì)全攻略實(shí)用指導(dǎo) 這篇文章中，對(duì)于用鉛筆畫(huà)草圖，作者如是說(shuō)：“草圖能夠快速的將我腦子里的想法描繪下來(lái)，不容易忘記，并快速用Photoshop繼續(xù)創(chuàng)作。這種方法比直接用Photoshop創(chuàng)作高效的多?！比缦聢D，左邊是是草圖，右邊是最終設(shè)計(jì)，繪畫(huà)功底依然不是必要的。

網(wǎng)站設(shè)計(jì)全攻略實(shí)用指導(dǎo)

3、用于與客戶交流

向客戶顯示設(shè)計(jì)草圖，可能會(huì)節(jié)約你大量的時(shí)間。項(xiàng)目越復(fù)雜，就要越早向客戶確認(rèn)，得到客戶的認(rèn)可。如果你打算集中精力完善構(gòu)想，那么在推進(jìn)之前，你最好確?？蛻粽J(rèn)可你的構(gòu)想。把草圖拿給客戶看是設(shè)計(jì)過(guò)程中通常的做法，在大型logo設(shè)計(jì)項(xiàng)目或其它項(xiàng)目中這種做法是普遍的。

SOS Factory主要從事吉祥物設(shè)計(jì)。他們的工作流程與連環(huán)漫畫(huà)工作室相似，畫(huà)草圖通常與后續(xù)完成設(shè)計(jì)的并非同一個(gè)人。設(shè)計(jì)過(guò)程中有多種角色參與：設(shè)計(jì)師、色彩師、藝術(shù)指導(dǎo)等等，各種角色以專長(zhǎng)來(lái)劃分。

在這個(gè)工作室中，素描人員將創(chuàng)意畫(huà)出來(lái)，然后客戶與藝術(shù)指導(dǎo)和設(shè)計(jì)師一同進(jìn)行修正。在原圖進(jìn)行下一步的上墨和涂色之前，要先取得客戶的認(rèn)可。這樣能夠節(jié)約時(shí)間，并沉淀創(chuàng)意。下面這個(gè)例子就是與客戶進(jìn)行溝通的草圖。通常這張草圖被送到客戶手中進(jìn)行確認(rèn)，或取得修改建議。一旦草圖方案敲定，設(shè)計(jì)就移交至下一個(gè)流程--線條著墨，人物上色。

為用戶做設(shè)計(jì) 

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

從草圖至矢量圖

4、視覺(jué)探索

草圖可以用來(lái)記錄設(shè)計(jì)日志和探索興趣點(diǎn)。在個(gè)別項(xiàng)目中，草圖可以用來(lái)發(fā)現(xiàn)多種選擇。 

在Coroflot公司，Sherrie Thai 負(fù)責(zé)的部門專門畫(huà)草圖，她保留有一個(gè)作品集。這些作品記錄了她在多個(gè)領(lǐng)略進(jìn)行設(shè)計(jì)時(shí)的視覺(jué)探索過(guò)程。她作品集的主題通常為圖案、身份特征和紋身。

Sherrie Thai 的草圖集 

產(chǎn)品設(shè)計(jì)一書(shū)《設(shè)計(jì)草圖》，介紹了產(chǎn)品設(shè)計(jì)整個(gè)草圖繪畫(huà)流程，有教程、講解和案例。下面的例子展示了設(shè)計(jì)師是如何通過(guò)草圖發(fā)現(xiàn)問(wèn)題并解決問(wèn)題的。  

5、精練視覺(jué)方案 

設(shè)計(jì)過(guò)程的最后階段離不開(kāi)精練。一個(gè)作品的整體概念和方向也許是完美的，但其中某個(gè)元素也許并不完美。通常這種情形下，會(huì)由新一輪的草圖繪畫(huà)來(lái)修正和完善。當(dāng)然，有些設(shè)計(jì)師會(huì)直接用電腦來(lái)修繕，那么就進(jìn)入了電腦流程。

A Project with Angel Da??Amico，在此文中你會(huì)發(fā)現(xiàn)草圖在項(xiàng)目中的重要性，同時(shí)也會(huì)發(fā)現(xiàn)Photoshop也可以解決相同問(wèn)題。通常隨著客戶更一步的修改要求，設(shè)計(jì)師喜歡采用數(shù)字工具來(lái)解決。當(dāng)然隨著交付期的臨近，設(shè)計(jì)師會(huì)采用讓工作更快完成的工具。

A Project with Angel Da??Amico

前面講到的從草圖到矢量圖一書(shū)，是個(gè)很好的參考。比爾通常先精修圖案然后再借助于電腦。他說(shuō)：“有時(shí)作品的某處細(xì)節(jié)看起來(lái)不怎么樣，一個(gè)專業(yè)的設(shè)計(jì)師通常會(huì)單獨(dú)拿出一頁(yè)紙，對(duì)某處重新畫(huà)草圖，直到它看起來(lái)令人滿意?！比缓蟊葼栔v解了他的設(shè)計(jì)過(guò)程。

以上情況中，設(shè)計(jì)師認(rèn)為重新畫(huà)草圖是有必要的。但有些時(shí)候是要根據(jù)客戶的要求來(lái)做。就像前面的Angel D’Amico。不管什么原因，你都需要對(duì)精細(xì)的作品進(jìn)行雕琢，如下圖。之后比爾用電腦完成作品的設(shè)計(jì)。

總結(jié)：

也許你跳過(guò)在紙上畫(huà)草圖，直接用電腦做設(shè)計(jì)方案并將之稱為電子草圖。這并沒(méi)有什么不對(duì)，由個(gè)人工作而定。但沒(méi)有一種視覺(jué)設(shè)計(jì)方法比畫(huà)草圖更能策劃多種視覺(jué)方案。你可通過(guò)親身實(shí)踐來(lái)衡量。

手繪草圖在數(shù)字藝術(shù)中至關(guān)重要。項(xiàng)目越大，客戶越需要提前對(duì)多種方案進(jìn)行確認(rèn)，這時(shí)候草圖就會(huì)大大體現(xiàn)其價(jià)值。試著在你的下一個(gè)項(xiàng)目中通過(guò)畫(huà)草圖來(lái)組合和布局，或者在你準(zhǔn)備啟用Photoshop前迫使自己再畫(huà)一組草圖。