干货分享!手绘在情感化设计中的应用表现

分享到:更多 ()

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

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

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

最美ui 干货分享!手绘在情感化设计中的应用表现

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

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

最美ui 干货分享!手绘在情感化设计中的应用表现

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

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

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

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

同样的例子还有:

最美ui 干货分享!手绘在情感化设计中的应用表现
QQ同步助手for iPhone                                                                                        QQ空间for iPhone

 

最美ui 干货分享!手绘在情感化设计中的应用表现

QQ阅读for iPhone                                                                                       Q拍for iPhone

 

最美ui 干货分享!手绘在情感化设计中的应用表现

微信及广告宣传banner

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

WebQQ上的功能介绍

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

QQ安全中心官网

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

 

最美ui 干货分享!手绘在情感化设计中的应用表现

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

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

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

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

 

本文转自Tencent CDC Blog

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 干货分享!手绘在情感化设计中的应用表现

0
分享到:更多 ()