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