首页>新闻>UI设计>详情
杭州UI设计插画培训
预约试听

发布时间:编辑:佚名

在互联网产品刚刚兴起的阶段,app的UI设计非常简陋甚至直接就是网页端的另一种打开方式,用户对app的期望也不高,只需要看懂即可。但是随着手机与人们生活联系日益紧密,如今我们清晨醒来,做的**件事情就是打开手机,或是晚上让手机伴我们入眠。手机不仅仅是工具,它开始变成了我们身体的一部分,或者说是身体的延伸。用户对于app的UI设计要求也水涨船高起来,对于他们而言,app不仅仅是功能的集合,还要满足他们的情感需求。网站也面临同样的挑战。如何让产品满足用户的情感需求进而与之建立联系开始成为了UI设计师们的一个共

杭州UI设计中的插画


在互联网产品刚刚兴起的阶段,app的UI设计非常简陋甚至直接就是网页端的另一种打开方式,用户对app的期望也不高,只需要看懂即可。但是随着手机与人们生活联系日益紧密,如今我们清晨醒来,做的**件事情就是打开手机,或是晚上让手机伴我们入眠。手机不仅仅是工具,它开始变成了我们身体的一部分,或者说是身体的延伸。用户对于app的UI设计要求也水涨船高起来,对于他们而言,app不仅仅是功能的集合,还要满足他们的情感需求。网站也面临同样的挑战。如何让产品满足用户的情感需求进而与之建立联系开始成为了UI设计师们的一个共同的课题。UI设计中,插画的合理应用或许可以帮助到我们。


UI设计:人性化处理

用户对于传统互联网产品一大吐槽就是过于“机械感”,对此设计师们对产品进行了人性化处理。拿谷歌日历举例,一般的日历类应用界面可以做的很简单,直接给用户展示一个“日历”就行了,用户同样可以看懂。但是谷歌日历很聪明的使用了插画,而且每一个月份都会更换,这可以很好的拉近用户与产品之间的距离。

同样的,我们可以看到宁波银行直销银行,其图标背后的插画每个季度都会更换。定期更换的图标/插画打破了传统的一成不变,不断带来新鲜感更能获得用户的好评。

谷歌日历对于插画的偏爱不止于此,我们发现在用户的个人日程中,比如你添加了一项活动安排“晚上8点和同事Jimmy喝咖啡”,那么这个活动背景就会配上很俏皮可爱的咖啡插画。用户的情绪能够被调动起来,特别是对于低年龄段和女性用户来说,她们很喜欢这种趣味性插画。


UI设计:高效的信息传达

此外UI设计用户对于具象元素(插画,icon,图像或摄影图等)的感知能力远比文字要强得多。所以同样的一个日程安排,使用了插画了以后,用户可以在极短时间内明白,这个是和同事的咖啡约会,那个是要去牙医那里看病。

根据尼尔森的一项统计显示,用户平均只读每页文本内容的28%。这意味着,面对大段文字,用户很少去读,他们更多的是“扫描”。

以Intercom为例,该网站几乎每个UI设计页面都配有Quentin Vijoux的插画。其不拘一格,异想天开的风格令人着迷。当然这里插画可不仅仅是好看,每幅插画都是与其UI设计页面内容紧密联系。UI设计用户甚至不用看文字,**插画上所描绘的场景就可以知道该页面的大致内容。换言之插画在这里替代了传统意义上“标题”的作用,不过这种象形结合的“标题”更加高效。

Intercom中插画的应用更可以帮助其品牌树立形象。目前市场上有大量功能相近且UI设计相类似的产品,用户**终选择使用的是哪款产品可能就是因为他觉得有个页面中那副长颈鹿插图很好看。


UI设计:增加产品趣味性

Know Lupus是一个旨在向人们科普狼疮这种疾病的网站。众所周知医学知识晦涩难懂,并且学习过程漫长又枯燥乏味。为了改变这个窘境,设计师们将学习过程做成了一个卡片问答游戏。寓教于乐,并且引入了插画和动效,使整个学习过程充满了趣味性。


UI设计:插画or图像

具象元素不仅可以更好的完成信息的传达,更能吸引UI设计用户的注意力。那么插画能够做的事情图片(摄影图)也能做到吗?并不完全能。

这是一个大学生就业网站页面,左侧是一些重要的就业信息,右侧为大学生讨论时的照片。蓝色的小点代表了用户注意力所分布的区域,研究表明在有更为重要内容的前提下或者图像本身不具有任何意义,图像仅作为一个装饰物的存在很容易被用户忽视。

当然这并不意味着,我们需要把UI设计页面中所有的图像全部给删掉,图像依旧是一个重要的UI设计元素,我们要学会的是如何正确的去使用。

在下面这个UI设计页面中,UI设计用户可以看到团队中团员信息,我们发现UI设计用户的注意力都会集中团员的头像上。为什么同样是图像,所获得的待遇就差的那么多呢?因为这里的图像(头像)是有意义的,具有功能性,而不是一个装饰物。用户**头像可以迅速准确的获知组员身份,这比一个个去看组员姓名要快得多,所以用户会更多的将注意力放在图像上。

在上面这个例子中,图像成为了传递信息的载体,它们不再只是内容的装饰物,它们本身就是内容。

此外,插画比图像应用更广泛的一个原因是插画在UI设计中更具有实际意义。因为无论是插画还是图像都是为了让用户更好的接受页面中内容,而现在内容在页面中正在变的越来越抽象,图像很难直接来表现。

Dropbox Carousel是一个为Dropbox用户管理照片和视频的app。即使这款app管理的主要都是摄影图,但是设计师在进行UI设计的时候还是摒弃了摄影图。因为他们认为,用户看到一张照片,只要主角不是本人,他们就很难产生关联感。比如图中的那个过生日场景,这里采用插画会给我们一种很温馨的感觉。如果是真人出镜这种感觉就会减弱,因为那个人不是我啊。相比于图片,UI设计用户对于插画更具有代入感。


此外还有我之前上面说到的Konw Lupus网站采用插画的原因之一就是,如果直接给用户展示现实生活中狼疮病人的照片可能会引起他们的不适。插画可以对病人进行卡通化处理,这里还特意省略了病人的面部表情。



UI设计:总结

我们一直常说要给UI设计用户好的体验,但是究竟什么才是好的体验呢。我认为好的体验应该超出用户预期,并且让UI设计用户有所感知。我相信插画的合理应用可以很好的帮助用户了解你的产品,实现差异化UI设计。希望这篇文章可以给各位同行在未来的插画UI设计中提供一些帮助。




咨询联系方式:17706505315  詹老师  或者QQ:1379180685 还可以直接在线咨询

更多UI设计课程推荐:杭州UI设计用户界面   UI设计师哪家机构好   杭州Ui设计师价格如何

阅读全文
热门机构推荐
<上一篇:杭州UI界面设计师培训 >员工商务礼仪培训下一篇:
1V1课程咨询 免费试听课程

编辑推荐