草圖：設(shè)計(jì)流程的開始 余潮

草圖：設(shè)計(jì)流程的開始

——主講：余潮

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

在數(shù)字藝術(shù)中，設(shè)計(jì)類型的不同，如：網(wǎng)站、名片、插畫、產(chǎn)品概念和其它設(shè)計(jì)，草圖的功能也不盡相同。草圖在設(shè)計(jì)插畫和標(biāo)志時(shí)的使用頻率就比網(wǎng)站大的多。在高預(yù)算的大項(xiàng)目中，先畫草圖的方式有多種益處。在大量的時(shí)間和精力投入到某個(gè)方案之前，先畫出草圖呈現(xiàn)給客戶，得到方向上的認(rèn)可。草圖在一開始畫的時(shí)候可以是隨意的，構(gòu)想出基本概念。然后考慮元素和布局。在方向被確定之后，畫出更詳盡的草圖對(duì)概念進(jìn)行打磨。草圖的五種用途草圖在設(shè)計(jì)過程中用途很多。以下列出5種類型的用法，并附有案例1、快速生成概念通過畫草圖可以快速的集成概念。

花上一兩個(gè)小時(shí)隨意畫一畫，得到多種備選方案。這也是設(shè)計(jì)中非常重要的一步。在用電腦制作之前，在紙上畫一畫能夠節(jié)省很多時(shí)間。雖然在電腦上也可以畫草圖，但在紙上描繪頭腦中的想法要快的多。案例：在bioTrekkerLogo草圖設(shè)計(jì)中，設(shè)計(jì)師KarleyBarrett展示了在logo設(shè)計(jì)過程中草圖的大量使用。她構(gòu)思了60多種備選方案，然后從中進(jìn)行進(jìn)一步的篩選。Barrett構(gòu)思圖像、排版和布局的過程是非常有趣的。她將多種想法畫出來，然后尋找最佳的方案。因?yàn)閘ogo的草圖是非常小的，因些工作進(jìn)度很快，可以在較短的時(shí)間畫出各種想法。如果你將要設(shè)計(jì)的產(chǎn)品是運(yùn)動(dòng)鞋、家具、或者自行車，那么你的構(gòu)思應(yīng)該是從紙上開始的，而非電腦。在自行車設(shè)計(jì)這篇博客中，James認(rèn)為：“把構(gòu)想迅速畫在紙上，然后評(píng)估其是否具備進(jìn)一步細(xì)化的價(jià)值，畫草圖是唯一的方式。電腦渲染、CAD制圖、模擬程序包等等這些工具是非常好的，但是用一支老式的鉛筆將想法畫上紙上往往是設(shè)計(jì)的開始。2、設(shè)置基本元素或布局畫草圖可以迅速的構(gòu)建插圖的基本元素。在網(wǎng)頁(yè)設(shè)計(jì)和圖形設(shè)計(jì)中，通過畫草圖可以快速的進(jìn)行布局。你可以將想法簡(jiǎn)略的勾畫出來，當(dāng)然也可以畫的更大，只要草圖能夠表現(xiàn)出必要的元素就可以，畫圖功底不是必須的。案例：用Photoshop設(shè)計(jì)炫酷復(fù)古學(xué)院教程中，F(xiàn)abio向我們展示了在借助于電腦之前，如何快速的畫草圖。如下圖所示，他只將基本的元素描出來。通過與右邊最終圖像的對(duì)比，我們可以看出左邊草圖已經(jīng)基本體現(xiàn)出布局。因此，在借助Photoshop之前，你并不需要精湛的繪畫能力。從零開始做網(wǎng)站是一個(gè)非常有名的網(wǎng)站，提供建站方面的實(shí)用性建議。在網(wǎng)站設(shè)計(jì)全攻略實(shí)用指導(dǎo)這篇文章中，對(duì)于用鉛筆畫草圖，作者如是說：“草圖能夠快速的將我腦子里的想法描繪下來，不容易忘記，并快速用Photoshop繼續(xù)創(chuàng)作。這種方法比直接用Photoshop創(chuàng)作高效的多?！比缦聢D，左邊是是草圖，右邊是最終設(shè)計(jì)，繪畫功底依然不是必要的。3、用于與客戶交流向客戶顯示設(shè)計(jì)草圖，可能會(huì)節(jié)約你大量的時(shí)間。項(xiàng)目越復(fù)雜，就要越早向客戶確認(rèn)，得到客戶的認(rèn)可。如果你打算集中精力完善構(gòu)想，那么在推進(jìn)之前，你最好確保客戶認(rèn)可你的構(gòu)想。把草圖拿給客戶看是設(shè)計(jì)過程中通常的做法，在大型logo設(shè)計(jì)項(xiàng)目或其它項(xiàng)目中這種做法是普遍的。SOSFactory主要從事吉祥物設(shè)計(jì)。他們的工作流程與連環(huán)漫畫工作室相似，畫草圖通常與后續(xù)完成設(shè)計(jì)的并非同一個(gè)人。設(shè)計(jì)過程中有多種角色參與：設(shè)計(jì)師、色彩師、藝術(shù)指導(dǎo)等等，各種角色以專長(zhǎng)來劃分。在這個(gè)工作室中，素描人員將創(chuàng)意畫出來，然后客戶與藝術(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è)流程--線條著墨，人物上色。`在由草圖到矢量圖一文中，GoMedia的比爾說他們盡可能早的去獲得客戶的認(rèn)可。在畫出更精確的草圖前，他們將一系列粗略的草圖拿給客戶。左下圖是客戶從中挑選出的草圖。在草圖經(jīng)由電腦制作之前，先畫出如右下圖一般更具體的草圖。4、視覺探索草圖可以用來記錄設(shè)計(jì)日志和探索興趣點(diǎn)。在個(gè)別項(xiàng)目中，草圖可以用來發(fā)現(xiàn)多種選擇。

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

設(shè)計(jì)過程的最后階段離不開精練。一個(gè)作品的整體概念和方向也許是完美的，但其中某個(gè)元素也許并不完美。通常這種情形下，會(huì)由新一輪的草圖繪畫來修正和完善。當(dāng)然，有些設(shè)計(jì)師會(huì)直接用電腦來修繕，那么就進(jìn)入了電腦流程。案例：AProjectwithAngel（DaAmico），在此文中你會(huì)發(fā)現(xiàn)草圖在項(xiàng)目中的重要性，同時(shí)也會(huì)發(fā)現(xiàn)Photoshop也可以解決相同問題。通常隨著客戶更一步的修改要求，設(shè)計(jì)師喜歡采用數(shù)字工具來解決。當(dāng)然隨著交付期的臨近，設(shè)計(jì)師會(huì)采用讓工作更快完成的工具。前面講到的從草圖到矢量圖一書，是個(gè)很好的參考。比爾通常先精修圖案然后再借助于電腦。他說：“有時(shí)作品的某處細(xì)節(jié)看起來不怎么樣，一個(gè)專業(yè)的設(shè)計(jì)師通常會(huì)單獨(dú)拿出一頁(yè)紙，對(duì)某處重新畫草圖，直到它看起來令人滿意?！比缓蟊葼栔v解了他的設(shè)計(jì)過程。以上情況中，設(shè)計(jì)師認(rèn)為重新畫草圖是有必要的。但有些時(shí)候是要根據(jù)客戶的要求來做。就像前面的AngelD’Amico。不管什么原因，你都需要對(duì)精細(xì)的作品進(jìn)行雕琢，如下圖。之后比爾用電腦完成作品的設(shè)計(jì)?？偨Y(jié)也許你跳過在紙上畫草圖，直接用電腦做設(shè)計(jì)方案并將之稱為電子草圖。這并沒有什么不對(duì)，由個(gè)人工作而定。但沒有一種視覺設(shè)計(jì)方法比畫草圖更能策劃