欢迎光临智唯网络,我们是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

咨询热线:0757 81089123
广州建站微信号
返回旧版
网站设计News
公司网站建设

UI插画设计如何提升用户体验

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
08Sep
2017
人是高度视觉化的生物,能够即时处理大量的视觉信息,据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此,在许多情况下,静

人是高度视觉化的生物,能够即时处理大量的视觉信息,据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此,在许多情况下,静态的图片能够传达出相当复杂多样的想法,尤其是在进行大范围展示的时候,它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。

长期以来,图片都作为UI界面中最具有表现力的元素而存在,而最近几年,插画在UI中出现的比例越来越高,在许多地方都有替代图片的趋势。其实原因并不复杂,插画比起图片可控性更强,更容易发挥创意,营造氛围,传递信息。从内容到技术细节,插画都在某种程度上超过现成的图片。

在今天的文章当中,我们聊聊插画在UI设计中的运用,探讨一下它是怎么提升用户体验的。

插画的特点

实际上,现在我们所说的插画(illustration)的词根 illustrate 原本的含义是“澄清,,说明”。在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息,更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的,易于识别的,并且能够被不同的用户轻松理解的。

想要让插画最大化地为用户创造价值,你可以参考下面的四个范例:

1、首页插画


UI插画设计如何提升用户体验

好的网页设计设计对于潜在用户的影响是巨大的。许多用户在判断一个企业、团队或者品牌的优劣的时候,他们的网站的优劣是一个重要的判据。这也是为什么现如今网页设计师们都在想尽一切办法提升网页的用户体验。这一点,网页和现实世界是一样的,好的第一印象往往源自于优秀的视觉效果。吸引用户,激发想象力,这样才能和用户构建起紧密的关联。独特而传神的插画的价值就在这里,尤其是当这些独特的插画呈现在打开率最高的网页首页上的时候。和品牌气质所匹配的插画不仅能够帮网站筛选用户,而且能够强化品牌属性。

2、吉祥物


UI插画设计如何提升用户体验

品牌所传递的感受、气质最好的落脚点就是品牌代言人和品牌吉祥物。吉祥物能够让虚拟的品牌调性更加真实,作为品牌的外化表现,吉祥物能够让品牌给人更加值得信赖的感觉,让品牌更加富有吸引力。吉祥物的呈现形式很多,在网页上,它通常是以插画的形式出现的。吉祥物在UI界面中出现,能够赋予界面交互以生命力,保持用户持续的注意力,成为整个用户体验中无法忽略的重要元素,提升整体的参与度。

目前,电子邮件服务供应商 Mailchimp 可能是借助吉祥物来提升用户体验最成功的案例。Mailchimp 每个页面上都有黑猩猩吉祥物 Freddie 扮演不同的角色,搞笑,甚至替代某个元素来强化互动,它的存在让Mailchimp 的体验和用户黏度都有了不小的提升。

优秀的吉祥物是积极用户体验的基础。

3、新手教程和新用户引导流程


UI插画设计如何提升用户体验

插画还有一个重要功能,就是提供视觉引导。插画能够将复杂的概念简化为易于理解的视觉信息,图片比文字的呐喊更加响亮,这也是为什么插画会常常运用到新手教程和新用户引导流程中来。

新手教程和新用户引导流程常常会介绍应用或网页的主要功能、优点,插画以图形化的形式为用户提供上下文环境,让界面所要传递的信息更加明朗,帮助用户明白如何执行当前步骤,怎么进入下一步。当页面或者APP采用极简设计的时候,界面搭配一幅简单的插画来传递关键性的信息,不需要太多的文本就可以了。

富有吸引力的插画和强互动性的功能让刚刚进入新用户引导流程的用户对APP产生兴趣,从中感到快乐的用户会更加渴望使用APP。到了现在这个时间点,插画和动效往往会搭配起来使用,达到最大化的效果。

使用插画能将一个漫长无聊的教程变为一段有趣的旅程。相比于复杂的文本解释,图像、插画和动效能让用户更轻松吸收和理解。即使你不会绘制复杂的插画,简单的漫画也能够达到类似的效果。

4、奖励界面插画


UI插画设计如何提升用户体验

对于游戏我们这代人应该有所接触,甚至非常熟悉。几乎每个游戏在达成成就、闯过关卡之后,都会出现奖励界面,“解锁成就”这个词就是由此而来的。解锁成就为什么对于用户这么重要呢?一方面,紧张的游戏过程带来的成就感让用户感到快感,另一方面,解锁成就的奖励界面能够给用户一种屏幕背后有个真实的人在为他们庆贺。这是一种情感上的交互。

关于网站制作,看看客户怎么说
***(匿名) 评价文章 建设网站制作网页你应该懂得的九件大事

A5创业网是国内领先的创业资讯和服务平台,提供权威的创业资讯和精准的品牌营销服务。以创业融资动态、创业学院、产品经理、人物访谈为内容驱动,与互联网创业者共同进...

***(匿名) 评价文章 广州建设网站制作公司哪里好?

广州建设网站制作公司 建站的资讯在哪里 消费者对于广州建设网站制作公司进行建设的咨询还是比较关注的,希望能够通过一些比较正规的方式来进一步的了解一下最近所做的...

***(匿名) 评价文章 网站建设—网站制作流程

网站制作流程是网站建设的关键内容,网站建设要经过一系列的制作流程,最终建成客户满意的网站,网站制作有以下的流程。一、网站整体策划1、动态程序语言的选择。一般的...

公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询