2021年UI/UX设计流行趋势（技术篇）

来源： 草莓设计说

随着科技的不断发展，智能硬件的性能上限也不断在刷新，未来在互联网技术应用上也会给我们带来更多的可能性。

接下来我将通过以下五个部分内容，来分析技术应用领域的趋势，包括终端3D应用技术、增强现实与混合现实技术、陀螺仪技术、隐私保护技术以及多屏协同技术。

一. 终端3D应用技术

随着终端设备的技术性能不断增强以及3D技术的不断优化普及，3D技术在终端应用的案例越来越多，同时也越来越普及，给用户带来更好的使用体验和更多的便利性。

目前3D技术要在终端上应用主要有两种，一是通过后期建模渲染实现；二是依靠强大的设备性能通过扫描实现。

1.1 Case One 得物3D空间

得物通过3D空间展示，用户可以通过翻转、放大、缩小等操作，实现720°全方位查看球鞋的材质、图案细节，通过3D技术与潮流的结合，实现可交互式互动，给用户沉浸式购物体验。而它的实现方式就是前面介绍的，先通过扫描建模，然后再导入App里渲染，利用引擎来实现人机交互。

1.2 Case Two 3D扫描应用程序Canvas

3D扫描应用canvas，它是利用iPad Pro的激光雷达扫描仪扫描室内空间，然后会自动渲染生成整个空间的3D图，实现操控交互。随着智能硬件的不断升级，未来3D技术的应用，会为我们带来更多的可能性。

二. 增强现实与混合技术现实技术

增强现实与混合现实技术。增强现实是将虚拟信息叠加到真实世界，而混合现实则是在虚拟环境中引入现实场景，这是他们的区别。看到这项技术趋势，可能会感觉比较遥远陌生，但是现在这项技术应用已经挺广泛的，相信未来也会继续探索升级。

2.1 Case One 支付宝AR抢红包

支付宝利用春节这个重要节日契机，用抢红包的方式来达到营销目的。AR抢红包活动是利用AR技术，通过手机摄像头扫码现实场景来寻找红包。它就是将红包的虚拟信息叠加在我们生活场景上显示出来。

2.2 Case Two Google裸眼3D成像视频通话

谷歌在2021开发者大会上发布的裸眼3D成像视频通话技术，被称为魔镜。通过光场显示屏，让屏幕另一边的人看起来有体积、有深度和阴影，就像坐在你的面前一样真实。

那么这个技术如果成熟的话，未来的应用场景可能就是像远程办公会议或者跟身处异地的亲人朋友进行通话，相比于传统视频通话更加真实、有温度。

三. 陀螺仪技术

陀螺仪的原理是基于自由空间移动和手势定位的控制系统，最开始陀螺仪技术是应用在直升机模型上的，让它可以保持稳定平衡，现在被广泛应用在手机等移动设备上。陀螺仪技术应用在终端App上，可以探索更多功能领域，不管是给产品本身还是给用户，都能带来很好的使用体验感，增加可交互的趣味性。

3.1 Case One 支付宝蚂蚁森林

在蚂蚁森林功能界面水平方向上，通过不同角度的移动，可以看到左右两边隐藏的更多内容。通过“ 陀螺仪 ”的交互方式来实现横向场景的用户感知，增加画面的纵深感，让用户有更加真实的视觉感受。

3.2 Case Two 自如动态banner与夸克浏览器

自如比较有意思的创新点是将常规静态的banner，加入陀螺仪技术，实现可以交互的banner，给用户的视觉感受以及可玩性是更强。

夸克浏览器，这是世界表情日的主题，通过手机的摇晃，容器里的表情球也会跟方向着滚动，更有趣味性。

四. 隐私保护技术

随着科技的发展，我们的数据很容易被各种应用收集，个人隐私变得更加透明了。同时，用户对于自己的个人隐私保护意识也日益加强，更加关注隐私保护。所以，未来用户所关注的隐私保护技术也注定会成为技术发展的趋势。最近发生的滴滴数据安全事件就是关于数据安全保护。

4.1 Case One MIUI隐私增强保护系统

MIUI 12.5发布的剪切板保护、基于差分隐私的模糊位置处理、文件沙盒机制等功能，能够限制APP自动读取剪贴板里的内容，还能对精确的地理位置定位进行适时模糊化处理，提升用户隐私安全的防护等级。

4.2 Case Two iOS隐私安全技术

由于iOS生态系统属性，也决定了它的安全性能比安卓系统更强。从iOS14系统版本开始，苹果加强了信息安全技术，当iOS状态栏显示绿点时，代表你的摄像头权限正在被调用；当状态栏显示橙点时，代表你的麦克风录音权限被调用，这种可视化的信息安全让用户更容易感知。

五. 多屏协同技术

未来随着终端设备的扩展，多屏幕协同技术就显得尤为重要了，相信也是未来技术的发展趋势。多屏协同功能一种分布式技术，可以实现跨系统、跨设备协同，将手机与电脑、平板连接后，即实现资源共享，协同操作。

5.1 Case One 折叠屏设计

除了折叠屏，还有OPPO的伸缩屏，其展示方式都是一样的，将正常的手机尺寸通过物理变形，扩展出屏幕更大的设备。

折叠屏设计原则

在界面设计中需要考虑更多的是跨设备分布式交互，对于设计师来说就需要做好多终端界面的适配交互工作，以实现多终端无缝衔接应用。通过以下6个适配原则，可以很好地进行多屏适配应用。

5.2 Case Two 华为鸿蒙系统 HarmonyOS

鸿蒙系统通过万物互联的特性，不管是移动端设备还是智能家电设备，都可以实现互联交互。