網(wǎng)站手繪的奇思妙想產(chǎn)品視覺設(shè)計(jì)
![](http://image.woshipm.com/wp-files/img/95.jpg)
前一段時(shí)間非常偶然地找到一本講手繪的書——《手繪的奇思妙想:49位設(shè)計(jì)師的創(chuàng)意速寫簿》 翻開它,突然發(fā)現(xiàn)自己被其中的畫作,涂鴉,或?qū)嶒?yàn)性或精心繪制的作品所吸引。正如開篇作者所說的:
“每一本速寫簿都是生活的縮影。翻過一張張畫紙,你仿佛能看見時(shí)光的飛逝,看見其中閃現(xiàn)的創(chuàng)意,看見作者的種種冒險(xiǎn)、經(jīng)驗(yàn)教訓(xùn)、想法、失誤以及夢(mèng)想。
在仔細(xì)翻看之后,結(jié)合目前網(wǎng)頁視覺的一些特點(diǎn),隨筆記錄下一些心得與大家分享。
閱讀全文
對(duì)于每個(gè)設(shè)計(jì)師而言,手繪都有不同的意義。通過他們的速寫簿發(fā)現(xiàn)他們的生活,經(jīng)驗(yàn)從而得到一些新的想法和感觸。下面簡(jiǎn)單介紹這5位設(shè)計(jì)師的經(jīng)歷以及手繪特點(diǎn):
1. 弗朗斯·貝勒維麗(France Belleville)
弗朗斯出生于法國(guó),現(xiàn)居新澤西州紐華克鎮(zhèn)。身為一名高中法語教師,在教七年級(jí)之前,還從未上過一堂藝術(shù)課。想要了解更多她的作品,登錄:www.wagonized.typepad.com
![214Z02526-1 214Z02526-1](https://image.woshipm.com/wp-files/2012/09/214Z02526-1.jpg)
作者還分享了她繪畫時(shí)所用的一些工具:
![214Z0O02-2 214Z0O02-2](https://image.woshipm.com/wp-files/2012/09/214Z0O02-2.jpg)
2. 羅伯特·克倫博(Robert Crumb)
羅伯特在美國(guó)一軍事基地附近長(zhǎng)大。他從小就開始畫畫,但從未上過任何藝術(shù)學(xué)?!,F(xiàn)居法國(guó)南部。作為地下卡通創(chuàng)作的先驅(qū)(參與過一些地下卡通雜志的繪制,包括《ZAP》、《奇異》、《神經(jīng)錯(cuò)亂的貓咪》、《自然先生》等),他的許多速寫簿也幾經(jīng)出版。他最新的創(chuàng)作項(xiàng)目是關(guān)于《書籍起源》譯本的長(zhǎng)篇漫畫書。你可以在世界各地的書店中找到他的作品,想更進(jìn)一步了解他的作品登錄:www.rcrumb.com
![214Z05052-3 214Z05052-3](https://image.woshipm.com/wp-files/2012/09/214Z05052-3.jpg)
3.彼得·庫(kù)斯塔克(Peter Cusack)
至今為止,彼得一直住在紐約市附近。他曾在安德魯·萊絲(Andrew Reiss)的私人工作室里學(xué)習(xí),和哈維·丁納斯汀(Harvey Dinnerstein)一起在藝術(shù)學(xué)生聯(lián)盟共事,還曾與泰德·賽斯·賈克博思(Ted Seth Jacobs)一同就職于埃爾伯特·迪布瓦(Albert Dufois)學(xué)院。他還取得了錫拉庫(kù)扎大學(xué)美術(shù)碩士學(xué)位,現(xiàn)從事插畫、書裝設(shè)計(jì)等工作,同時(shí)還教授繪畫課程。想要了解更多有關(guān)他的作品,可登錄:www.drawger.com/cusack和www.illoz.com/cusack。
![214Z062P-4 214Z062P-4](https://image.woshipm.com/wp-files/2012/09/214Z062P-4.jpg)
4. 布萊斯·懷默(Bryce Wymer)
布萊斯在加利福尼亞州西棕櫚灘地區(qū)長(zhǎng)大,如今定居在紐約州布魯克林區(qū)。他在佛羅里達(dá)州薩拉索塔市瑞格林藝術(shù)與設(shè)計(jì)學(xué)院學(xué)習(xí)插花,并從事插畫和展板設(shè)計(jì)的工作。想要了解更多有關(guān)他的作品,可登錄:www.brycewymer.com
![214Z01224-5 214Z01224-5](https://image.woshipm.com/wp-files/2012/09/214Z01224-5.jpg)
5. 格雷·克拉艾格(Gay Kraeger)
格雷出生于加利福尼亞州的圣塔克魯斯山區(qū),并在平面設(shè)計(jì)專業(yè)取得學(xué)位,現(xiàn)從事設(shè)計(jì)及插圖繪制工作。此外,她還和克里斯蒂娜·魯布(Christina Lopp)一起教學(xué)生如何制作插圖雜志。如想了解更多有關(guān)她的作品,可登錄:www.watercolorjournaling.com或www.wildwaysillustrated.com
![214Z01293-6 214Z01293-6](https://image.woshipm.com/wp-files/2012/09/214Z01293-6.jpg)
手繪插圖在現(xiàn)代美術(shù)史上出現(xiàn)了很久,在那些沒有PS的年代,前輩們都是靠超強(qiáng)的手繪能力為后人留下許都精彩的作品。如今,在手機(jī),電腦網(wǎng)絡(luò)普及的信息時(shí)代,手繪作為一種帶有強(qiáng)烈感情色彩和視覺沖擊的表現(xiàn)技法也開始在網(wǎng)頁和手機(jī)界面上普及開來。
下面簡(jiǎn)單介紹下手繪在產(chǎn)品中的表現(xiàn)以及相關(guān)的特點(diǎn)。
1. 拓展傳達(dá)信息
設(shè)計(jì)師繪制的插圖不僅能夠擺脫真實(shí)生活中事物和環(huán)境的束縛,而且還可以添加生活場(chǎng)景中不可能存在的細(xì)節(jié),添加設(shè)計(jì)師個(gè)人對(duì)視覺化的闡釋。與攝影照片相比,插圖利用視覺的敏銳性,傳達(dá)著情感、詩(shī)意、感官、自然的人性。
![214Z06412-7 214Z06412-7](https://image.woshipm.com/wp-files/2012/09/214Z06412-7.jpg)
google doodles(上圖):在某些特殊的紀(jì)念日,如公共假期、著名人物誕辰、大型活動(dòng),Google的首頁會(huì)展示一些為這些事件特別制作的Google徽標(biāo),這些Logo被稱作為Google Doodles。藝術(shù)家們通過在LOGO上重新繪制個(gè)性化的圖形,使之在更具生活化的同時(shí),也擺脫了一些現(xiàn)實(shí)環(huán)境的束縛,更多的添加了個(gè)人的視覺化語言,使得這些LOGO變得更加生動(dòng),人性。
![214Z015Q-8 214Z015Q-8](https://image.woshipm.com/wp-files/2012/09/214Z015Q-8.jpg)
支付寶登錄框插圖(上圖):支付寶登錄框的插圖現(xiàn)在以一種統(tǒng)一化的手繪風(fēng)格來呈現(xiàn),形式和色調(diào)多給人以溫暖、信賴的感受,從視覺感受上很好的傳達(dá)情感、詩(shī)意、人性化。從而使支付寶知托付的品牌主旨更能貼近用戶。
2. 直觀統(tǒng)一
手繪圖像的直觀效果都具有很強(qiáng)的感染力。利用單色或者彩色的圖像,設(shè)計(jì)師激發(fā)起觀眾自己的創(chuàng)造意識(shí),再將它融通到非常個(gè)人化的層面。
一幅成功的插圖,在于它的風(fēng)格適合于構(gòu)思的主題?!c外界資源(使用素材)相比,設(shè)計(jì)師就有可能構(gòu)思出更適合于其他元素相互整合的設(shè)計(jì)圖像。
![214Z0GN-9 214Z0GN-9](https://image.woshipm.com/wp-files/2012/09/214Z0GN-9.jpg)
移動(dòng)APP的新手引導(dǎo)畫面(上圖),目前都較多的使用手繪圖形來表達(dá)。這些單色或彩色的手繪圖像使這個(gè)界面在用戶面前都能呈現(xiàn)出一種統(tǒng)一直觀卻又非常個(gè)性化的層面。
![214Z05304-10 214Z05304-10](https://image.woshipm.com/wp-files/2012/09/214Z05304-10.jpg)
網(wǎng)頁產(chǎn)品也不例外的運(yùn)用了許多手繪的元素。(上圖)
3. 寫實(shí)及其他
插圖可以是具象描述,利用某種方式,再現(xiàn)這個(gè)經(jīng)驗(yàn)性的世界。插圖也可以是探索抽象藝術(shù)的 、平面化的圖像。在具象和抽象兩極之間,每種形態(tài)都存在著多元素混雜的各種各樣的可能性。
![214Z033Q-11 214Z033Q-11](https://image.woshipm.com/wp-files/2012/09/214Z033Q-11.jpg)
上圖截取了四個(gè)網(wǎng)站的一部分,很多的網(wǎng)頁設(shè)計(jì)師都喜歡利用手繪感十足的場(chǎng)景來襯托出實(shí)際的產(chǎn)品,一方面手繪的畫面更輕量級(jí),可以很好的襯托出實(shí)物產(chǎn)品的質(zhì)感和功能;另一方面手繪化的場(chǎng)景更富有人情味兒。也有的設(shè)計(jì)師喜好用更為抽象的線條,形狀等來表現(xiàn)一些抽象的概念,這在某些概念化,口號(hào)式的主題頁面中較多的得到展現(xiàn)(如做下圖)。
4. 材質(zhì)的信息
無論是素描還是水彩,或是其他繪制工具和上色方式,都能生成具有自身特點(diǎn)的筆觸,為設(shè)計(jì)師提供特殊的視覺語言,這種語言,在插圖 的確切含義中具有強(qiáng)烈的傳達(dá)效果。設(shè)計(jì)師用于制作插圖的材料本身也承載著意義。
![214Z051c-12 214Z051c-12](https://image.woshipm.com/wp-files/2012/09/214Z051c-12.jpg)
上圖左側(cè)的頁面通過使用一些水彩筆觸的控制,使整個(gè)頁面在有涂鴉的趣味的同時(shí),呈現(xiàn)出一種與之產(chǎn)品相適應(yīng)的自然的感覺。右圖使用了黑板,粉筆字畫的筆觸效果,使人對(duì)其中的介紹一目了然。兩種不同材質(zhì)承載的意義各不相同。
5. 拼貼技法
在隨意的繪畫構(gòu)圖中組合運(yùn)用各種平面元素的技法稱為“拼貼”,它算是插圖藝術(shù)比較新的發(fā)展形式。拼貼技法最初用于向畫面添加印刷的或者現(xiàn)成的平面素材,比如標(biāo)簽、織物、報(bào)紙碎片、木片等。它是一種高度依賴直覺的插圖形式,不僅需要考慮材料自身的特點(diǎn)還要兼顧組合元素之間的關(guān)系。
![T1xD_IXixmXXaHvGbX T1xD_IXixmXXaHvGbX](https://image.woshipm.com/wp-files/2012/09/T1xD_IXixmXXaHvGbX.jpeg)
設(shè)計(jì)師創(chuàng)作的照片拼貼,是20世紀(jì)20年代隨著攝影照片的發(fā)展開始產(chǎn)生的。
![214Z0M12-13 214Z0M12-13](https://image.woshipm.com/wp-files/2012/09/214Z0M12-13.jpg)
實(shí)際上,拼貼技法在頁面上的運(yùn)用還是很多的,從專題頁面到品牌海報(bào),甚至最基本的banner都會(huì)用到這一技法。
以上就是對(duì)于手繪的一點(diǎn)小小心得,關(guān)于手繪的一些特點(diǎn)及表現(xiàn)手法隨著各種新藝術(shù)形式的發(fā)展,還會(huì)有很多新的方式出來,需要大家慢慢去發(fā)掘。
總之,手繪只是記錄的一種方式,是利用自己個(gè)性化的表現(xiàn)形式來記錄所見所聞所想。我們需要關(guān)注的是如何將這種有趣的表達(dá)方式運(yùn)用在我們的產(chǎn)品之中,如何使之延續(xù)和發(fā)展。
參考書目:
《手繪的奇思妙想——49位設(shè)計(jì)師的創(chuàng)意速寫簿》 作者: 丹尼·格雷戈里
《設(shè)計(jì)元素——平面設(shè)計(jì)樣式》 作者: [美] 蒂莫西·薩馬拉 (Timothy Samara)
來源:一淘
- 目前還沒評(píng)論,等你發(fā)揮!