Web&App中的UX设计热点小结
结合个人所接触到的一些具有代表性的案例（包括部门，公司，以及公司之外的），小结了4项当下在UX设计中的热点。
UX design trends that prevail lately in web & app
（共1500字，阅读时长约5分钟）
UX设计趋势每年都在进化和演变。大量的交互、视觉、体验设计师等，也不论国内国外的，每天都在尝试着新的方式来让他们的作品拥有更好的使用体验。同样的，用户，这一群体，在过去的几年里，他们的“口味”也是越来越挑，而唯有“高效”与“愉快”两个体验兼得，才会被他们乐于接受，否则...就马上关掉。
自设计师开始接触到UI、UX的相关设计项目始，就已经诞生了不计其数的设计趋势。有些随着时间和用户的检验就慢慢隐退，甚至是完全消失了。（比如,你应该还记得以前国内的很多网站，为了引导用户点击入某个页面而在窗口设置的漂浮小banner，很讨人厌，不点八叉就不会消失的那种。现在是很难找到了，为啥，因为用户体验太差，惹恼了用户，最终的访问量和用户忠诚度都会下降，自然企业也就不再用了。）
大多数设计师们都有能力想出酷炫的配色、精致的动效、大胆的转场效果等等。但这些一切花里胡哨的设计想法和执行都不能以糟糕的用户体验为代价。所以，在目前时代的用户体验中，唯有很好平衡了【审美】【效率】【可用性】这三点元素的，才可能被用户愉快地接受和使用。
以下，我结合个人所接触到的一些具有代表性的案例（包括部门，公司，以及公司之外的），小结了4项当下在UX设计中的热点。
_________________________________________
（一）强调无缝感的单页空间
Sayonara，那些硬切的页面跳转和不断的加载。单页设计能够给到用户更具沉浸感和连贯的良好体验。通常，这些内容的数据会在进入网页伊始就预加载完毕，这样，在后面的交互流程中，便极大的减少了用户每次点开一个新内容的加载等待时间。（相信随着未来5g网络的普及，网页内容再大都不再是事）
（△逆水寒官网——来自雷火事业群·媒体中心）
（△冰岛之爱——来自Veinti Dos Grados）
（二）具有引导目的性的动效与动画设计
具有引导目的性的动效与动画正在成为众多app以及web ux设计中必不可少的一部分，精心设计的动画动效能够起到帮助用户专注于某部分关键内容，促进完成业务事先预定好的目标与标准。同时，恰到好处的动效也能在用户印象中建立一个精致、有细节的良好品牌形象。
值得注意的是，这些动效，在UI层面上还帮助了那些在完全静止的视觉设计中，无法充分表达的“信息层级”与“流程逻辑”的建立。
（△风云岛行动国内官网——来自雷火事业群·媒体中心）
（△新闻平台动效设计——来自Zhenya Rynzhuk）
（△立体翻转卡片动效——来自Gleb Kuznetsov）
但是也要注意，也千万不能为了时髦而时髦。就比如，浪费用户时间去看你的一些可有可无的动效，这样反而回导致用户的不耐烦和沮丧。
（三）中性的矢量化插图
在UX作品中，能看到的一个比较明显的倾向是，在视觉配图上，更多的开始使用比较中性的（不是指男女性别之间的中性）矢量插画来搭配设计和内容。相比以前的摄影图以及数码创意图来说明内容，矢量插图拥有更好的延展性（不论是风格、还是尺寸方面），比如它们可以在不同的屏幕尺寸上更好的进行适配，而这一点在现在的移动设备时代显得是至关重要。
矢量的插图风格还能够表现出更多的“个性化”特质，更多的“亲近感"，在冰冷的数字化的时代给用户带来一些温情的人文关怀。
（△雷火wiki主页——来自雷火事业群·媒体中心）
（△直邮设计——来自有道事业部）
（△弹窗设计——来自Mozilla火狐浏览器）
（四）小而美的微动效
一些小微、subtle的动效设计如果执行得当，能够为用户体验带来质的提升效果。
例如点击和输入文本时会产生的与用户呼应的微动效能让用户在使用的过程中获得更丰满的反馈感。为正在执行的动作配以幽默和精致的动态呼应，也能瞬间提升用户对整个产品的“友好情感”。但一定要记得，反对单纯地为了“秀”动效而去画蛇添足。
（△超激斗梦境世界观——来自雷火事业群·媒体中心）
（△人机交互 Nomi Mate——来自NIO）
（△登录页动效，一个我个人十分喜欢的案例——来自Darin）
（△滑块细节动效——来自 Virgil Pana）
·
·
·
·
文
章
结
束
