干货：app用户插画设计

插画的合理应用能够很好地帮助用户了解你的产品，实现差别化设计。本文做者但愿这篇文章能够给各位同行在将来的插画设计中提供一些帮助。

在互联网产品刚刚兴起的阶段，app对于用户来讲更多意味着一种工具，界面设计讲究“专业性”，用户要求也不是过高，看懂能用就行。可是随着手机与用户之间的联系变得愈来愈紧密，如今咱们早晨醒来，作的第一件事情就是打开手机，晚上也常常是手机伴咱们入眠。手机不只仅是工具，它开始变成了咱们身体的一部分，或者说是身体的延伸。

用户对于app的要求也水涨船高起来，对于新时期的用户来讲，app不只仅是功能的集合，还要知足他们的情感需求。网站也面临一样的挑战。如何让产品知足用户的情感需求进而与之创建联系开始成为了设计师们的一个共同的课题。插画的合理应用或许能够帮助到咱们。

人性化处理

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

一样的，咱们能够看到宁波银行直销银行，其图标每一个季度都会更换。按期更换的图标/插画打破了传统的一成不变，更能得到用户的好感。

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

高效的信息传达

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

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

以Intercom为例，该网站的几乎每一个页面都配有了Quentin Vijoux的插画。其不拘一格，异想天开的风格使人着迷。固然这里的插画可不只仅是为了好看，每幅插画都是与其页面内容相关联起来的。用户甚至不用看文字，经过插画上所描绘的场景就能够知道该页面的大体内容。插画在这里能够说替代了传统意义上“标题”的做用，不过这种“标题”更加的高效。

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

增长产品趣味性

Know Lupus是一个旨在向人们科普狼疮这种疾病的网站。咱们都知道医学知识都是比较晦涩难懂的，因此学习过程比较枯燥。为了改变这个窘境，设计师们将学习过程作成了一个卡片问答游戏。寓教于乐，而且引入了插画和动效，使整个学习过程充满了趣味性。

插画or图像

具象元素不只能够更好的完成信息的传达，更能吸引用户的注意力。那么插画可以作的事情图片(摄影图)也能作到吗?并不彻底能。

这是一个大学生就业网站页面，左边是一些重要的就业信息，右边是一张两个大学生的配图。蓝色的小点表明了用户注意力所分布的区域，研究代表在有更为重要内容的前提下或者图像自己不具备任何意义，图像仅做为一个装饰物的存在很容易被用户忽视。

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

在下面这个页面中，用户能够看到团队中团员信息，咱们发现用户的注意力都会集中团员的头像上。为何一样是图像，所得到的待遇就差的那么多呢?由于这里的图像(头像)是有意义的，具备功能性，而不是一个装饰物。用户经过头像能够迅速准确的获知组员身份，这比一个个去看组员姓名要快得多，因此用户会更多的将注意力放在图像上。

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

此外，插画比图像应用更普遍的一个缘由是插画在UI设计中更具备实际意义。由于不管是插画仍是图像都是为了让用户更好的的接受页面中内容，而如今页面中的内容正在变的愈来愈抽象，图像很难直接来表现。

Dropbox Carousel是一个为Dropbox用户管理照片和视频的app。即便这款app管理的主要都是摄影图，可是设计师在进行UI设计的时候仍是摒弃了摄影图。由于他们认为，用户看到一张照片，只要主角不是本人，他们就很难产生关联感。好比图中的那个过生日场景，这里采用插画会给咱们一种很舒适的感受。若是是真人出镜这种感受就会减弱，由于那我的不是我啊。相比于图片，用户对于插画更具备代入感。

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

总结

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

文章来源：http://www.haitaoit.com/