很多UI设计师在设计自己的UI作品出来之后都会感到很无聊,原因是UI设计作品细节太少,给人一种敷衍的感觉。所以在UI设计中要增加各种细节,这样才能够设计出一个优秀的作品。


添加动效

从动效进入设计流程到如今,它已经成为设计过程中不可缺少的部分了。无论是基于插画的动画效果,还是基于UI元素的微交互,动效无处不在。

提升 UI 细节和体验的 10 个常用方法

相信大家都知道,人们对于文字更喜欢图片,对于图片更喜欢动态图片。在UI界面中添加动效可以增加用户的留存时间,哪怕你的APP或者网站等有一些不足之处,但界面中添加动态图片,可以让用户忽略你的不足。

在动态图片中加入产品因素也能够让用户对你的产品产生深刻的认识,从而对你的产品感兴趣。


添加图标


在UI设计界面中,添加图标能够让你的设计一目了然,看到放大镜图标,你就会意识到点击这个图标就能够搜索。
提升 UI 细节和体验的 10 个常用方法
也可以在各个栏目中添加图标,让用户能够一眼看出该栏目是什么,同时也吸引用户注意。图标不要使用太多。



插画

现在很多设计都在用插画进行设计,你可以在UI设计中跟随这个浪潮,使用插画也可以轻松地传达复杂信息。

在UI设计界面中添加插画,能够平衡界面,吸引用户注意力,让界面的功能和信息更容易被理解。

提升 UI 细节和体验的 10 个常用方法

但要注意一点:插画需要具有明确的目的性。不能够使用干扰用户操作的插画,同时插画样式与界面应该保持一致。


文案要有趣

在新用户引导流程或者加载信息界面中,我们可以通过文案来提高用户的吸引力。通过将幽默和个性化的文案放入UI设计界面中,能够带来更好的广告效果和内容呈现。

提升 UI 细节和体验的 10 个常用方法

就像下面的加载界面,普通的加载界面是这样的:

该界面是很常见的加载界面,大多数人在看过这个页面之后都会选择离开。如果给这个页面的文案添加一些因素:图片、有趣的文案之后,就能提高用户的留存,就像下面的“加油!你的电子邮件已经安排好了”。

提升 UI 细节和体验的 10 个常用方法

如果有的网站和 APP 本身应该严肃,就最好不要使用幽默的文案。


出错界面

界面出错是UI设计中常出现的问题,页面出错会导致用户对产品产生一种消极情绪,这时我们可以通过在该界面进行各种优化,减少用户的消极情绪。

提升 UI 细节和体验的 10 个常用方法

谷歌浏览器在「网络已断开」报错界面下的设计,它几乎提供了所有的必要信息,包括引导你如何修复网络,以及一个好评不断的小恐龙跑酷小游戏,这会让用户感到很有趣,并仔细观看解决的方法。

增加UI设计细节的方法还有很多,在这里就不一一赘述,大家感兴趣的话可以查看更多的设计作品,增加你的创造力与想象力。


更多推荐:

UI设计如何区分层级

版式设计:如何活用对齐方式

LOGO如何设计?3招让你快速设计LOGO

字体不知道如何设计?5招搞定字体设计

设计LOGO的9大步骤,带你了解LOGO设计