全国统一服务热线:18021770366

站内公告:

淮安市嘉瑞广告有限公司主要提供广告设计制作安装服务以及网站制作,是一家经验丰富的广告设计制作公司,拥有十几年广告设计制作经验!

联系我们CONTACT

地址:淮安市翔宇大道1009号
热线:0517-8588 1663
Q Q:34665706
邮箱:34665706@qq.com

18021770366

新闻中心

当前位置:主页 > 新闻中心 >

用户界面中加入插图,10大理设计由告诉你如何靠它增强用户体验

2020-01-15 点击量:

过去的几年中,用户界面中加入插图一直是最受欢迎也最稳固的设计趋势之一。今天,摹客的小伙伴将带领大家一起讨论设计师在网页或移动APP的UI设计,尤其是核心视觉元素中使用插图的原因。

 

什么是插图?

基本上,插图是对特定概念,文本或过程的视觉解释。这是一个旨在支持、澄清甚至扩展人们从其他信息来源获得的想法的图像,通常以文本的形式给出。这个词本身就意味着“为某些事物投光”,因此它的主要目的是帮助用户理解或想象更好的东西。

多年来,插图已被整合到各种印刷品中,如书籍,杂志,报纸,海报,传单,教育材料。后来,动画和视频制作为插画带来了新的气息。最近,新的技术和工具推动了数字插画时代的发展。

随着网站和移动应用程序的不断增长,插画的需求和应用也不断飙升。由于其美观性和创造性,插画也是作为提高可用性、情感和视觉吸引力的界面之一。但是在UI设计中有哪些功能是可以通过插图来说明的呢?

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验

 

界面设计中使用插图的方法

和其他界面元素一样,插画的功能性多于装饰性,可以使信息或交互变得更清晰明了,也更加时尚。所以,何乐而不为?以下是我总结的可以使用插图的地方:

•主页横幅

•主题图片

•吉祥物和人物

•博客文章图片

•引导流程和工具提示

•奖励和其他游戏化图形

•通知和系统消息

•贴纸(特别适用于Messenger应用程序)

•讲故事

•信息图表

•营销材料和广告横幅

•内容类别的可视标记

•支持网站或应用的社交网络页面。

以下是插图在界面设计中深受欢迎的十大理由 – 也许你可以考虑在下一个设计项目中使用它们。

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验

 

界面设计中使用插图的十大理由

1. 自定义插图为原创性和艺术和谐奠定了坚实的基础

图形为界面、印刷品或品牌相关的东西增添了一丝风格和创意。在竞争激烈的世界中,脱颖而出至关重要。否则,人们甚至可能不会尝试你的产品,更不用说了解它的好处了。

顺便说一下,这就是为什么许多公司将插图用作博客文章、评论和登陆页面的主页横幅的原因。在这种情况下,设计师可以根据目标受众偏好对作品进行微调,并将其与特定项目或主题背后的业务目标或想法进行平衡。这样可以找到充满趣味的隐喻、配色方案、角色和环境,从而有效地吸引特定的读者群或观众。

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验

看看这副关于UI动画的文章的隐喻标题插图。智能手机扮演幕墙或屏幕的角色,就像在木偶剧院中使用的那种,设计师充当演员,每个演员都展示了特定的动作表现模型。

 

2. 插图充当可视触发器,可快速传输必要的消息

绝大多数人对图像的感知能力超过文字。这是一个无关好坏的事实,只是设计师可以利用这一点来增加网页或移动布局的视觉效果。一般来说,人们具有非常广泛的能力来感知视觉标记,识别和处理数据,甚至转换为高级抽象的图像。

事实例证:

•心理学家声称人们需要大约1/10秒来获得视觉场景或元素的一般感知(文本项目的速度确实不可能)

•视觉效果能更快地传递到大脑。重要的信息通常被大脑固定为视觉图像,即使它们是通过文本感知获得的

•与背景和周围元素相结合,图像不易受到影响,而文本则高度依赖于可读性

•图像有助于保留长期记忆。这意味着处理界面的用户不需要处理和记住比实际需要更多的数据,因此交互变得更快

•当来自不同国家/地区的人使用应用或网站时,界面中的视觉效果可以使其更加通用

•图片突出了具有文本识别自然问题的用户的感知极限,例如阅读障碍或非阅读学龄前儿童。

所有上述内容构成了与插图建立强大而快速视觉联想的坚实理由:字符、颜色、构图、可识别的细节将快速通知用户并支持文本形式中给出的消息。

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验

这是一个数字代理商的登陆页面,通过一个由篮球运动员代表的主页横幅形象迅速传递其准备迎接最高的商业挑战和目标的信息。

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验

用户界面中加入插图,10大理由告诉你如何靠它增强用户体验