1. 首页
  2. PS技巧

【用户体验】手绘在情感化设计中的应用表现

这篇分享是我最近读《情感化设计》的一点小感悟及关注的那些事儿。在这里与大家分享下。欢迎大家多多指教和交流。

如今是数字化时代的天下,我们逐渐习惯并享受由数字营造的现代生活。计算机技术在人们生活与工作中得到广泛的应用。特别是在设计领域,有些设计师变得很依赖于计算机软件所带来的视觉效果,也从中发现了许多前所未见的视觉形象和制作技巧,极大地丰富拓展了想象空间和创作手段。同时它对传统设计手段和思维创意过程的冲击也是巨大的。

我们知道,视觉设计的历史发展由来已久,最早的视觉设计表现为图腾、宗教符号和皇室、军队、家族的徽章标记等。从20世纪初开始,视觉设计领域大大地拓宽了,它的作用已经彻底改变了人们所处的环境,客观的信息被简化或强化,增加了信息传达的有效性。而发展到了现在,计算机技术的应用颠覆了人们的传统审美观念和审视作品的方式,成为了影响和改变人们工作、生活习惯的学科领域。而由于计算机设计软件技术的快速发展,如果对新的技术不能快速跟进就意味着落伍,也使得设计师们更加依赖于计算机软件技术所带来的视觉效果,从而整日沉溺在显示器和鼠标当中。结果导致因设计表达语言和表现手法的单一化,使得大多数设计作品显出僵化雷同的机械意味,缺乏人情味的亲切感。

96a3be3cf272e017046d1b2674a52bd3 手绘在情感化设计中的应用表现

尼古拉兹·特罗塞雷设计的爵士音乐招贴

在视觉设计发展的历史长河中,许多巨匠大师的设计作品都是通过手工绘制完成的。如著名设计大师尼古拉兹·特罗塞雷设计的爵士音乐招贴,时至今日来看,仍能感受到激情四溢和充满鲜活个性色彩的生命张力。视觉设计是一个兼具原创性、实用性和艺术性的领域,它不但需要奇妙的创意构想,也需要能具有迸发出激情和感染力的手段能量,而通过手绘直接创作出来的视觉设计作品与完全使用计算机技术进行创作的视觉设计作品相比,其妙手偶得和无法复制的原创性决定了它是最有魅力、也是最有价值的。相比已经程式化、单一化和麻木化的计算机视觉作品,人们的内心世界也更容易被淳朴的东西所打动而备感亲切。

a2ef406e2c2351e0b9e80029c909242d 手绘在情感化设计中的应用表现

QQ2011 除夕节日banner,这个手绘的画面给用户感觉很淳朴很亲切,很有文化底蕴,勾起了我们儿时的回忆。

e45ee7ce7e88149af8dd32b27f9512ce 手绘在情感化设计中的应用表现

Google首页节日LOGO每次给用户都耳目一新的感觉,很有内涵。

 

7d0665438e81d8eceb98c1e31fca80c1 手绘在情感化设计中的应用表现

Facebook社交网站页面里的一些图标也采用了平面的手绘风格。

手绘风格的表现和应用一定程度上保留了传统绘画之高雅艺术的样式,直接体现了设计师的审美情趣、艺术修养、内心情感。在手绘创作时,由于在其边缘处理上的随意性、涂色的不均匀性,使其表现形式具有原始性。加上设计师对生活感悟、内容理解、观察角度、文化背景不同,都给设计带来了多元化、人性化的特征,也符合了Donald Norman《情感化设计》书中倡导的的情感化设计主题。

751d31dd6b56b26b29dac2c0e1839e34 手绘在情感化设计中的应用表现

QQ邮箱漂流瓶—贴心的情感化设计(界面和瓶子等物件都采用手绘表现)

 

faeac4e1eef307c2ab7b0a3821e6c667 手绘在情感化设计中的应用表现

QQ2011 for iPhone官网 — 功能介绍图标并未采用原来的彩色质感风格图标,而是采用简单的线条手绘风格,感觉很轻盈、很清晰、很干净、很随性、很有亲和力。

 

d72d187df41e10ea7d9fcdc7f5909205 手绘在情感化设计中的应用表现

QQ2011 for iPhone安装后的新功能介绍页面,个人非常喜欢这种轻薄的画风,这里采用有趣生动的手绘漫画风格,比起方方正在实线实面的绚丽图形介绍更有亲和力。

同样的例子还有:

fad6f4e614a212e80c67249a666d2b09 手绘在情感化设计中的应用表现
QQ同步助手for iPhone                                                                                        QQ空间for iPhone

 

0a8005f5594bd67041f88c6196192646 手绘在情感化设计中的应用表现

QQ阅读for iPhone                                                                                       Q拍for iPhone

 

ec8956637a99787bd197eacd77acce5e 手绘在情感化设计中的应用表现

微信及广告宣传banner

 

698d51a19d8a121ce581499d7b701668 手绘在情感化设计中的应用表现

QQ浏览器HD版的小贴士,比起普通的图文帮助介绍,这个手绘的介绍界面更让用户能够接受和有兴趣阅读它。

 

a0a080f42e6f13b3a2df133f073095dd 手绘在情感化设计中的应用表现

WebQQ上的功能介绍

 

65ded5353c5ee48d0b7d48c591b8f430 手绘在情感化设计中的应用表现

QQ电脑管家里的tips小提示,极为简洁的一个手绘的提示小图标。

 

a8baa56554f96369ab93e4f3bb068c22 手绘在情感化设计中的应用表现

QQ电脑管家无线安全助手,极其有趣幽默的漫画风格,因趣味性带动用户的情绪化反映。

 

37a749d808e46495a8da1e5352d03cae 手绘在情感化设计中的应用表现

QQ安全中心官网

 

bd4c9ab730f5513206b999ec0d90d1fb 手绘在情感化设计中的应用表现

QQ安全中心404错误提示页面,采用可爱的拟人化手绘表现手法。让一个错误的页面变得亲切。

 

70efdf2ec9b086079795c442636b55fb 手绘在情感化设计中的应用表现

QQ手机令牌for iPhone,简洁大气的手绘表现手法将画面内容表达的非常明确。

设计师将手绘应用于视觉设计是一种具有亲和力和感染力的表现形式,能够形成有亲和力的沟通语言。应用手绘表现的设计则是通过作者心手相连的真情描绘,好似母亲亲手做的菜,每道菜里都是一份浓浓的亲情,给浏览者带来的是美好的享受。手绘表现是个性的张扬,是人性的回归,它能把更多的感情融入设计中,让用户与产品产生共鸣,“触景生情”,更大的感召和吸引用户,拉近产品与用户的距离。

在计算机技术的影响日益扩大的时候,我们更需要到各个领域去寻找新的灵感,获得新的视觉冲击。传统的手绘涂鸦不仅仅能丰富创作手段,更重要的是它重新唤醒了视觉设计师们对设计中的原创性和艺术性的再认识。有位国际著名的设计师曾经这样说过,“人们总以为设计有三维,美学、技术和经济。然而更重要的是第四维: 人性”。因此,无论我们的视觉环境如何变化,无论是手绘还是计算机技术手段,在视觉设计师的作品当中最宝贵的仍然是设计师们对人性的感悟和关注。人性才是所有艺术作品中亘古不变的主题。

最后附上一个很不错的网站:http://www.brosmind.com/

 

本文转自Tencent CDC Blog

原创文章,作者:admin,如若转载,请注明出处:https://www.ren3.cn/12489.htm

发表评论

电子邮件地址不会被公开。

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code