網(wǎng)站手繪的奇思妙想產(chǎn)品視覺設(shè)計

0 評論 7841 瀏覽 1 收藏 13 分鐘

前一段時間非常偶然地找到一本講手繪的書——《手繪的奇思妙想:49位設(shè)計師的創(chuàng)意速寫簿》 翻開它,突然發(fā)現(xiàn)自己被其中的畫作,涂鴉,或?qū)嶒炐曰蚓睦L制的作品所吸引。正如開篇作者所說的:

“每一本速寫簿都是生活的縮影。翻過一張張畫紙,你仿佛能看見時光的飛逝,看見其中閃現(xiàn)的創(chuàng)意,看見作者的種種冒險、經(jīng)驗教訓(xùn)、想法、失誤以及夢想。

在仔細翻看之后,結(jié)合目前網(wǎng)頁視覺的一些特點,隨筆記錄下一些心得與大家分享。

閱讀全文

對于每個設(shè)計師而言,手繪都有不同的意義。通過他們的速寫簿發(fā)現(xiàn)他們的生活,經(jīng)驗從而得到一些新的想法和感觸。下面簡單介紹這5位設(shè)計師的經(jīng)歷以及手繪特點:

  1. 弗朗斯·貝勒維麗(France Belleville)

弗朗斯出生于法國,現(xiàn)居新澤西州紐華克鎮(zhèn)。身為一名高中法語教師,在教七年級之前,還從未上過一堂藝術(shù)課。想要了解更多她的作品,登錄:www.wagonized.typepad.com

214Z02526-1
 

作者還分享了她繪畫時所用的一些工具:

214Z0O02-2
 

  2. 羅伯特·克倫博(Robert Crumb)

羅伯特在美國一軍事基地附近長大。他從小就開始畫畫,但從未上過任何藝術(shù)學(xué)?!,F(xiàn)居法國南部。作為地下卡通創(chuàng)作的先驅(qū)(參與過一些地下卡通雜志的繪制,包括《ZAP》、《奇異》、《神經(jīng)錯亂的貓咪》、《自然先生》等),他的許多速寫簿也幾經(jīng)出版。他最新的創(chuàng)作項目是關(guān)于《書籍起源》譯本的長篇漫畫書。你可以在世界各地的書店中找到他的作品,想更進一步了解他的作品登錄:www.rcrumb.com

214Z05052-3
 

  3.彼得·庫斯塔克(Peter Cusack)

至今為止,彼得一直住在紐約市附近。他曾在安德魯·萊絲(Andrew Reiss)的私人工作室里學(xué)習(xí),和哈維·丁納斯汀(Harvey Dinnerstein)一起在藝術(shù)學(xué)生聯(lián)盟共事,還曾與泰德·賽斯·賈克博思(Ted Seth Jacobs)一同就職于埃爾伯特·迪布瓦(Albert Dufois)學(xué)院。他還取得了錫拉庫扎大學(xué)美術(shù)碩士學(xué)位,現(xiàn)從事插畫、書裝設(shè)計等工作,同時還教授繪畫課程。想要了解更多有關(guān)他的作品,可登錄:www.drawger.com/cusack和www.illoz.com/cusack。

214Z062P-4
 

  4. 布萊斯·懷默(Bryce Wymer)

布萊斯在加利福尼亞州西棕櫚灘地區(qū)長大,如今定居在紐約州布魯克林區(qū)。他在佛羅里達州薩拉索塔市瑞格林藝術(shù)與設(shè)計學(xué)院學(xué)習(xí)插花,并從事插畫和展板設(shè)計的工作。想要了解更多有關(guān)他的作品,可登錄:www.brycewymer.com

214Z01224-5
 

  5. 格雷·克拉艾格(Gay Kraeger)

格雷出生于加利福尼亞州的圣塔克魯斯山區(qū),并在平面設(shè)計專業(yè)取得學(xué)位,現(xiàn)從事設(shè)計及插圖繪制工作。此外,她還和克里斯蒂娜·魯布(Christina Lopp)一起教學(xué)生如何制作插圖雜志。如想了解更多有關(guān)她的作品,可登錄:www.watercolorjournaling.com或www.wildwaysillustrated.com

214Z01293-6
 

手繪插圖在現(xiàn)代美術(shù)史上出現(xiàn)了很久,在那些沒有PS的年代,前輩們都是靠超強的手繪能力為后人留下許都精彩的作品。如今,在手機,電腦網(wǎng)絡(luò)普及的信息時代,手繪作為一種帶有強烈感情色彩和視覺沖擊的表現(xiàn)技法也開始在網(wǎng)頁和手機界面上普及開來。

 下面簡單介紹下手繪在產(chǎn)品中的表現(xiàn)以及相關(guān)的特點。

  1. 拓展傳達信息

設(shè)計師繪制的插圖不僅能夠擺脫真實生活中事物和環(huán)境的束縛,而且還可以添加生活場景中不可能存在的細節(jié),添加設(shè)計師個人對視覺化的闡釋。與攝影照片相比,插圖利用視覺的敏銳性,傳達著情感、詩意、感官、自然的人性。

214Z06412-7
 

google doodles(上圖):在某些特殊的紀(jì)念日,如公共假期、著名人物誕辰、大型活動,Google的首頁會展示一些為這些事件特別制作的Google徽標(biāo),這些Logo被稱作為Google Doodles。藝術(shù)家們通過在LOGO上重新繪制個性化的圖形,使之在更具生活化的同時,也擺脫了一些現(xiàn)實環(huán)境的束縛,更多的添加了個人的視覺化語言,使得這些LOGO變得更加生動,人性。

214Z015Q-8
 

支付寶登錄框插圖(上圖):支付寶登錄框的插圖現(xiàn)在以一種統(tǒng)一化的手繪風(fēng)格來呈現(xiàn),形式和色調(diào)多給人以溫暖、信賴的感受,從視覺感受上很好的傳達情感、詩意、人性化。從而使支付寶知托付的品牌主旨更能貼近用戶。

  2. 直觀統(tǒng)一

手繪圖像的直觀效果都具有很強的感染力。利用單色或者彩色的圖像,設(shè)計師激發(fā)起觀眾自己的創(chuàng)造意識,再將它融通到非常個人化的層面。

一幅成功的插圖,在于它的風(fēng)格適合于構(gòu)思的主題。——與外界資源(使用素材)相比,設(shè)計師就有可能構(gòu)思出更適合于其他元素相互整合的設(shè)計圖像。

214Z0GN-9
 

移動APP的新手引導(dǎo)畫面(上圖),目前都較多的使用手繪圖形來表達。這些單色或彩色的手繪圖像使這個界面在用戶面前都能呈現(xiàn)出一種統(tǒng)一直觀卻又非常個性化的層面。

214Z05304-10
 

網(wǎng)頁產(chǎn)品也不例外的運用了許多手繪的元素。(上圖)

  3. 寫實及其他

插圖可以是具象描述,利用某種方式,再現(xiàn)這個經(jīng)驗性的世界。插圖也可以是探索抽象藝術(shù)的 、平面化的圖像。在具象和抽象兩極之間,每種形態(tài)都存在著多元素混雜的各種各樣的可能性。

214Z033Q-11
 

上圖截取了四個網(wǎng)站的一部分,很多的網(wǎng)頁設(shè)計師都喜歡利用手繪感十足的場景來襯托出實際的產(chǎn)品,一方面手繪的畫面更輕量級,可以很好的襯托出實物產(chǎn)品的質(zhì)感和功能;另一方面手繪化的場景更富有人情味兒。也有的設(shè)計師喜好用更為抽象的線條,形狀等來表現(xiàn)一些抽象的概念,這在某些概念化,口號式的主題頁面中較多的得到展現(xiàn)(如做下圖)。

  4. 材質(zhì)的信息

無論是素描還是水彩,或是其他繪制工具和上色方式,都能生成具有自身特點的筆觸,為設(shè)計師提供特殊的視覺語言,這種語言,在插圖 的確切含義中具有強烈的傳達效果。設(shè)計師用于制作插圖的材料本身也承載著意義。

214Z051c-12
 

上圖左側(cè)的頁面通過使用一些水彩筆觸的控制,使整個頁面在有涂鴉的趣味的同時,呈現(xiàn)出一種與之產(chǎn)品相適應(yīng)的自然的感覺。右圖使用了黑板,粉筆字畫的筆觸效果,使人對其中的介紹一目了然。兩種不同材質(zhì)承載的意義各不相同。

  5. 拼貼技法

在隨意的繪畫構(gòu)圖中組合運用各種平面元素的技法稱為“拼貼”,它算是插圖藝術(shù)比較新的發(fā)展形式。拼貼技法最初用于向畫面添加印刷的或者現(xiàn)成的平面素材,比如標(biāo)簽、織物、報紙碎片、木片等。它是一種高度依賴直覺的插圖形式,不僅需要考慮材料自身的特點還要兼顧組合元素之間的關(guān)系。

T1xD_IXixmXXaHvGbX
 

設(shè)計師創(chuàng)作的照片拼貼,是20世紀(jì)20年代隨著攝影照片的發(fā)展開始產(chǎn)生的。

214Z0M12-13
 

實際上,拼貼技法在頁面上的運用還是很多的,從專題頁面到品牌海報,甚至最基本的banner都會用到這一技法。

以上就是對于手繪的一點小小心得,關(guān)于手繪的一些特點及表現(xiàn)手法隨著各種新藝術(shù)形式的發(fā)展,還會有很多新的方式出來,需要大家慢慢去發(fā)掘。

總之,手繪只是記錄的一種方式,是利用自己個性化的表現(xiàn)形式來記錄所見所聞所想。我們需要關(guān)注的是如何將這種有趣的表達方式運用在我們的產(chǎn)品之中,如何使之延續(xù)和發(fā)展。

  參考書目:

《手繪的奇思妙想——49位設(shè)計師的創(chuàng)意速寫簿》 作者: 丹尼·格雷戈里

《設(shè)計元素——平面設(shè)計樣式》 作者: [美] 蒂莫西·薩馬拉 (Timothy Samara)

來源:一淘

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!