在UI设计中使用插图的4种智能方式。

俗话说,一幅画胜过千言万语。人类是高度视觉的生物,能够处理视觉信息,几乎是我们所感知到的所有信息的百分之九十,并传送到我们的大脑是视觉的。一个单一的图像可以向观察者传递更多的信息,而不是一个复杂的文本。此外,在很多情况下,一个相当复杂的想法可以很容易地用一个静止的图像来表达。这是因为人类大脑能够识别和理解图像的速度比文本复制快。

长期以来,照片一直是良好界面的伙伴,但最近有可能注意到使用插图的兴趣增加了。这是有原因的:插图让设计师有更多的自由来创作,更多的是对图像选择的控制,包括内容和技术细节。

在本文中,我们将定义"说明"在用户界面设计中的含义,以及如何使用它来改善用户体验。

数字插画的本质

历史上,动词"举例说明"用来表示"澄清"。在现代平面设计中,插图成为一个工作的功能元素。插图成为交流的工具。插图的目的是启发,阐明,以视觉元素传递信息。语言可以告诉你一些事情;插图可以给你展示一些东西。为了使插画功能,图像应该易于识别,而且它传输的信息也应该被不同的观众以同样的方式解码。

这里有一些例子插图设计和用户能够带来价值…

1.工作主页上的插图

好的网页设计对潜在客户有很大的影响。人们根据网站的质量来判断一个公司,不管这是否公平。用户感知才是真正重要的。因此,设计师们不断尝试寻找新的方法来提高游客的体验。就像在现实世界中,第一印象严重依赖于视觉效果。这就是插图进入场景的地方。

主页插画可以为整个网站创造更有艺术性的感觉。他们呼吁用户的想象力与用户建立更紧密的个人联系。使用独特的定制插画可以将你与人群区分开来,并创造出更好的品牌召回。

在UI设计中使用插图的4种智能方式(图1)

插图帮助Intercom与用户建立一个非常私人的联系。

2.吉祥物

吉祥物是那些能让你的产品更真实、更可靠、更吸引人的小角色。吉祥物在用户与app /网站之间建立了联系:他们将生活带入互动过程,让用户保持注意力,成为用户体验中令人难忘的元素。这是让人们订婚的好方法。

关于吉祥物如何帮助改善用户体验的最流行的例子可能是电子邮件通讯服务Mailchimp。弗莱迪是Mailchimp的友好的chimp,在每一页上都出现了不同的角色,要么把注意力吸引到某个元素上,要么为了让用户感觉更好,而去开一个玩笑。

在UI设计中使用插图的4种智能方式(图2)

优秀的吉祥物为积极的用户体验提供了坚实的基础

3.项目关于Onboarding和教程的插图

插图提供视觉辅助。他们能够通过将概念分解成容易理解的视觉效果来阐明信息。图片比文字更有说服力,而且让体验更快。这就是为什么插图如此受欢迎的原因。

Onboarding屏幕向用户介绍应用程序的关键特性或好处。在onboarding中使用的插图提供了上下文,增加了清晰度,或者引导用户进入下一步。当结合一个最小的接口时,插图可以真正帮助传递关键信息而不需要太多副本。

在UI设计中使用插图的4种智能方式(图3)

一个迷人的交互式的onboarding在最初的步骤中自动调用用户对应用程序的兴趣。它让用户感到快乐,并且渴望开始使用这个应用程序。动画和插图总是手拉手的。

使用说明,你可以将一个长而枯燥的教程转换成有趣而快乐的体验。与冗长的解释相比,使用图像的操作手册更容易理解。即使应用程序/网站在整个过程中不包含绘制风格,也可以使用动画来指导和指导。

4.插图为奖励屏幕

我们都熟悉视频游戏的有益经验:几乎每个电子游戏都有一系列的成就或奖杯,这些都是通过完成一套标准而获得的。"成就解锁"这个短语几乎已经成为进展或成功完成的同义词。但为什么奖励对我们如此有价值呢?答案很简单:它使界面体验感觉就像在另一端有一个人,而不是一台计算机。

奖励是一种真正的情感互动:积极的情感刺激建立了与用户的接触感。当你用积极的情绪奖励他们时,人们会原谅这款应用的缺点。

在UI设计中使用插图的4种智能方式(图4)

Foursquare上的市长徽章。这种插图创造了喜悦和愉悦的体验

成功状态是一个展示你关心你的用户的好地方。当用户完成个人目标时,奖励他们一个动画。例如,当用户到达收件箱为0时,使用动画创建更深入的应用程序功能。

结论

插图是增强用户体验和使界面既美观又高效的一个强大而重要的工具。虽然在你的设计中没有使用插图的硬性规定,但重要的是要记住一件事:保持插图有用。最后,任何插图都应该对你的产品或品牌有更深的了解。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217897.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月14日 01:40
下一篇 2023年2月14日 01:40

相关推荐

  • 万字干货!详细讲述场景化设计思维。

    编者按:本文从《无界面交互》一书说起,总结了场景化设计思维的知识点,帮读者掌握场景化设计。 一、从《无界面交互》开始 最近又翻了翻《无界面交互》这本书,不过与上次阅读却有了些不一样的反思与收获,这本书…

    2023年3月2日 SEO操作
    05
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-6)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的六篇,原文最早发布于 marcandre…

    2023年3月1日 SEO操作
    02
  • 大屏数据可视化界面UI设计要点技巧。

    把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化,数据可视化是为了更形象地表达数据内在的信息和规律。为什么数据可视化设计非常重要?数据可视化的目的是以一种用户…

    2023年2月20日 SEO操作
    03
  • 折叠屏如何设计?从理论到实战解决折叠屏手机适配问题。

    写在前面近年来,三星、华为等手机厂商陆续发布 Galaxy Fold、Mate X 等折叠屏手机。其普及速度似乎超过了人们的想象。2021 年 12 月 2 日,根据屏幕机构 DSCC 公布的一份最新研究报告指出:2022年第三季度,折叠屏…

    2023年3月7日 SEO操作
    013
  • UI设计教程:分享有关下拉菜单的使用方法

    虽然下拉菜单在UI设计领域中经常饱受争议(没办法,因为下拉菜单设计得不好,会让整个网站和APP的操作变得繁琐),但不可否认,下拉菜单的确是UI设计中最基础的控件之一。 那麽,UI设计什麽时候需要用到下拉菜单?通常…

    2022年6月25日 建站资讯
    0324
  • 网页设计师的UI设计工具。

    2019年网页设计师最感兴趣的发展之一是UI设计工具的爆炸式增长,这些应用程序标志着我们在创建现代用户界面方面的一个转变,在Photoshop中创建PSD模型的日子可能就要结束了。不相信吗?在过去的几年里,Sketch和Fig…

    2023年2月20日 SEO操作
    01
  • UI设计技巧:如何为UI选择正确的颜色?

    如何为UI选择正确的颜色?颜色在UI设计中拥有着神奇的力量,既能改变图片的基调,起到增强、减轻、突出、说服、呼吁等作用;还能和文字相互辅助,使它们更有力量;更可以在没有任何文字情况下,向用户传达自己的情感。…

    2022年6月25日 建站资讯
    0243
  • B端设计太复杂?从5个方面聊聊我的思考。

    编者按:B端设计由于功能众多,产品设计较为复杂。设计师面对这类产品该如何入手?作者总结了自己的思考。最近在设计一个 B 端系统的间隙,偶然间拿起了很多年前看过的一本书,唐纳德·诺曼的《如何管理复杂》,有一…

    2023年3月2日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息