AnyForWeb分享:那些涂涂画画的手绘网页设计

分类栏目:经验 - 设计文章

发布于 暂无评论

手绘风格的设计在如今的网页中变得越来越常见,主要有插图、涂鸦、卡通画,以及素描等形式。在视觉上,它们通常以可爱或是个性化的形象出现,而从用户体验上来说,也更美观且利于浏览。

 

以下是AnyForWeb为大家收集的手绘网页设计案例,供评论欣赏。

 

1.第一个案例是伽然旗下产品CtrlCRM的官方网站。使用手绘风格的企业网站并不多见,因为手绘风显得比较轻松随意,和企业必须具备的正式官方相违背,所以很少被运用于企业网站的网页设计中。而CtrlCRM基于公司快乐工作的理念,产品官网都被打造的如此具有亲和力,手绘风从图片、图标、字体中不断地流露出来,减少了企业网站的商业感,更多了一些人文气息。

 

 

2.这是一个纯手绘风格网站,设计师用素描将中间部分营造出一种纸张感,这是一种提升网站亲和力的好方法。电脑屏幕会令人产生距离感,手绘风的网页设计也许能很大程度的弥补这一点。

 

 

3.这个网站第一眼就能让人感受到满满的童趣和活力。丰富的暖色调色彩搭配可爱的拼贴手绘设计,让用户在浏览时充满好心情。

 

 

4.下午茶本来就是一家惬意享受的事情,这类商家的网站用手绘风就再合适不过了。由于手绘风格与生俱来的一种亲切感,它更适合于一些比较生活化的场景,只要用简单的线条和色彩搭配在一起,就能产生意想不到的效果。

 

 

5.卡通画的使用也是手绘风格的一种体现,多见于儿童网站,以此来提升儿童对网站的兴趣。卡通画和插画也能带来清新脱俗的感觉,让网站变得更加与众不同,在视觉上也会显得更加舒适。

 

 

6.手绘风格的设计算是一种比较百搭的方式,如果觉得纯手绘显得过于清新可人,也可以在其中融入一些写实的部分。手绘与真实的事物相结合并不会产生违和感,反而能增添些许现代设计气息。

 

 

7.这个网站的信纸设计与手绘风相得益彰,并且呈现出极简主义的设计风格。网站整体看起来俏皮不失优雅,让用户对它充满了信任感。

 

 

8.这个案例使用了大部分的线条设计,用线条来体现手绘风也是一种比较常见的现象。但线条很多会在视觉上造成复杂感和压抑感,所以色彩的运用就变得很重要了。建议尽量避免数量很多的颜色,在大片暗色中使用小部分亮色就会显得格外显眼。

 

 

9.有时候线条勾勒出的画像比真实的图片看起来更有力量,更能令用户感同身受,下面的案例就是一个很好的证明。案例中的拳头能为浏览者带来令人惊喜的细节遐想,让网站更加个性化。

 

 

10.这是一个涂鸦风格的网页设计。通常的涂鸦风格会使用很丰富的色彩,但在网页中如果使用很多颜色会造成用户的视觉疲劳,所以设计师结合用户体验只选择了三种颜色,让页面更有层次,利于浏览。

 

 

 

手绘风格凭借自身特点能给人一种独有的亲切感和信任感,与此同时也能更好的转达和反映网站思想的风格和理念。


AnyForWeb和AnyForWeb UDC的官方微博微信现已正式开通,欢迎大家关注!


本文最初由AnyForWebUDC视觉发布。