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

2019-05-10 1244 0

做為一種工具和技巧,草圖在設(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í)間和精力設(shè)入到某個(gè)方案之前,先畫出草圖呈現(xiàn)給客戶,得到方向上的認(rèn)可。草圖在一開始畫的時(shí)候可以是隨意的,構(gòu)想出基本概念。然后考慮元素和布局。在方向被確定之后,畫出更詳盡的草圖對概念進(jìn)行打磨。

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

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

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

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

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

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

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

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

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

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

3、用于與客戶交流

  向客戶顯示設(shè)計(jì)草圖,可能會節(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)目中這種做法是普遍的。

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

  在這個(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è)流程--線條著墨,人物上色。

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

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

從草圖至矢量圖

4、視覺探索

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

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

 

Sherrie Thai 的草圖集 

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

5、精練視覺方案 

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

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

A Project with Angel Da??Amico

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

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

總結(jié):

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

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


0
評論區(qū)(0)
正在加載評論...