手繪風(fēng)格的設(shè)計在如今的網(wǎng)頁中變得越來越常見,主要有插圖、涂鴉、卡通畫,以及素描等形式。在視覺上,它們通常以可愛或是個性化的形象出現(xiàn),而從用戶體驗上來說,也更美觀且利于瀏覽。
以下是AnyForWeb為大家收集的手繪網(wǎng)頁設(shè)計案例,供評論欣賞。
1.第一個案例是伽然旗下產(chǎn)品CtrlCRM的官方網(wǎng)站。使用手繪風(fēng)格的企業(yè)網(wǎng)站并不多見,因為手繪風(fēng)顯得比較輕松隨意,和企業(yè)必須具備的正式官方相違背,所以很少被運用于企業(yè)網(wǎng)站的網(wǎng)頁設(shè)計中。而CtrlCRM基于公司快樂工作的理念,產(chǎn)品官網(wǎng)都被打造的如此具有親和力,手繪風(fēng)從圖片、圖標、字體中不斷地流露出來,減少了企業(yè)網(wǎng)站的商業(yè)感,更多了一些人文氣息。
2.這是一個純手繪風(fēng)格網(wǎng)站,設(shè)計師用素描將中間部分營造出一種紙張感,這是一種提升網(wǎng)站親和力的好方法。電腦屏幕會令人產(chǎn)生距離感,手繪風(fēng)的網(wǎng)頁設(shè)計也許能很大程度的彌補這一點。
3.這個網(wǎng)站第一眼就能讓人感受到滿滿的童趣和活力。豐富的暖色調(diào)色彩搭配可愛的拼貼手繪設(shè)計,讓用戶在瀏覽時充滿好心情。
4.下午茶本來就是一家愜意享受的事情,這類商家的網(wǎng)站用手繪風(fēng)就再合適不過了。由于手繪風(fēng)格與生俱來的一種親切感,它更適合于一些比較生活化的場景,只要用簡單的線條和色彩搭配在一起,就能產(chǎn)生意想不到的效果。
5.卡通畫的使用也是手繪風(fēng)格的一種體現(xiàn),多見于兒童網(wǎng)站,以此來提升兒童對網(wǎng)站的興趣。卡通畫和插畫也能帶來清新脫俗的感覺,讓網(wǎng)站變得更加與眾不同,在視覺上也會顯得更加舒適。
6.手繪風(fēng)格的設(shè)計算是一種比較百搭的方式,如果覺得純手繪顯得過于清新可人,也可以在其中融入一些寫實的部分。手繪與真實的事物相結(jié)合并不會產(chǎn)生違和感,反而能增添些許現(xiàn)代設(shè)計氣息。
7.這個網(wǎng)站的信紙設(shè)計與手繪風(fēng)相得益彰,并且呈現(xiàn)出極簡主義的設(shè)計風(fēng)格。網(wǎng)站整體看起來俏皮不失優(yōu)雅,讓用戶對它充滿了信任感。
8.這個案例使用了大部分的線條設(shè)計,用線條來體現(xiàn)手繪風(fēng)也是一種比較常見的現(xiàn)象。但線條很多會在視覺上造成復(fù)雜感和壓抑感,所以色彩的運用就變得很重要了。建議盡量避免數(shù)量很多的顏色,在大片暗色中使用小部分亮色就會顯得格外顯眼。
9.有時候線條勾勒出的畫像比真實的圖片看起來更有力量,更能令用戶感同身受,下面的案例就是一個很好的證明。案例中的拳頭能為瀏覽者帶來令人驚喜的細節(jié)遐想,讓網(wǎng)站更加個性化。
10.這是一個涂鴉風(fēng)格的網(wǎng)頁設(shè)計。通常的涂鴉風(fēng)格會使用很豐富的色彩,但在網(wǎng)頁中如果使用很多顏色會造成用戶的視覺疲勞,所以設(shè)計師結(jié)合用戶體驗只選擇了三種顏色,讓頁面更有層次,利于瀏覽。
手繪風(fēng)格憑借自身特點能給人一種獨有的親切感和信任感,與此同時也能更好的轉(zhuǎn)達和反映網(wǎng)站思想的風(fēng)格和理念。