上一篇《从超多大厂案例中，我总结了 2020 年值得关注的 9 个交互设计趋势》分享了技术发展对交互设计的影响和变化。本期我想和大家聊聊设计趋势的第二部分：UI用户界面的应用和最新趋势。创意动画1.品牌加载公众喜欢有趣、可塑的动画。Airbnb和Netflix将品牌标志动画应用到他们的初始页面和加载页面。结合品牌特征、风格和符号，并将其融入产品设计中，以提高视觉一致性，打造富有独特特色的产品界面。△Netflix&Airbnb2。图标动画微交互是移动端基于细微视觉效果的小动画，图标动画是微交互中的一种。其目的是吸引用户，使用户感到顺畅、愉悦。最近让我印象深刻的一个图标动画是Facebook的新消息提醒界面。产品中包含的这些小细节创造了新颖有趣的设计。△Facebook网站以空格分隔。在UI界面中，最常见的分隔方式就是用细线来划分模块。但由于设计的重点趋于简单，强调内容本身，传统的分隔线方式略显多余。根据格式塔亲密度原则，通过空格控制间距可以清晰划分模块层级，界面看起来更透气，更有张力。可以看到QQ、飞信、Gmail、Messenger等应用都是用空格隔开的。△Gmail&Messenger融入插画1.品牌形象插画好的插画能给产品带来极好的辨识度。Snapchat的页面使用了大量的情感设计和品牌形象，包括打开通知引导动画、查找好友登陆页面、下拉刷新页面、照片回忆等等。从品牌的个性化设计上，寻找以插画为主的设计语言，将产品塑造成极具辨识度的ID。△Snapchat2。3D插画随着软件技术的进步，3D插画在近几年变得非常流行。很多应用都使用了3D渲染的产品，比如：星巴克、Keep、毒App等，因为真实、立体，转化率更高。△StarbucksbyWojciech△Keep&PoisonRoundedCorners卡片的圆角代表友好和亲和力，卡片的模块化布局更加清晰、有效和整洁。在上周微信改版《微信 7.0.5 发布：9个细节提升体验》的文章中，我提到订阅号的推送文章去除了标题栏的背景，卡片变得更加简洁。另外，?的详情页由原来的列表型改为圆角卡片型，弹窗也由直角改为圆角。△广播&微信视频背景长期以来，图像在视觉设计中扮演着至关重要的角色，而视频可以更直观地吸引用户，传达主要思想。在移动端，视频主要用于登录页面的背景，一般可以是几秒的循环剪辑视频，可以带来身临其境的体验。△Lyft&NikeToast是一种轻量级提醒，作为用户操作后的反馈。在UI形式上，居中的浮层逐渐趋向于底栏的风格。这样设计的好处是不会挡住当前界面的内容。举个反例，iOS的音量调节提示覆盖界面面积很大，尤其是对于正在玩游戏的用户来说。直到iOS13才修改设计。△GoogleEarth&Spotifycolortiling随着扁平化设计和MaterialDesign进一步占据主流趋势，简洁的界面、明亮大胆的色彩一直是越来越流行的趋势。拼色已经成为清新、酷炫、数字时代的代名词。△Snapchat&Spotify重内容轻UI，将注意力引向重要的内容和功能。像Facebook、Instagram这样主打图片社交的App有一个特点，就是文字是黑白灰，颜色交给图片来传达，让用户关注内容。△FacebookforAndroidAR增强现实技术已经出现在Web和App等多个领域。许多平台开发人员也将增强现实技术融入到他们的开发工具中，我们可以期待越来越多的此类应用程序。1.地图引导界面Map+AR，让你不再盯着二维平面上的蓝点，而是现实世界中的箭头告诉你该转哪个路口。△谷歌地图2。Emoji贴纸Instagram、Snapchat、Messenger和其他平台都可以使用AR过滤器创建。表情贴纸可以帮助用户更直接有效地表达自己，获得关注。△SparkAR车载系统界面随着5G、车联网、人工智能、自动驾驶的发展，车载界面越来越受到关注。在今年的谷歌I/O开发者大会上，为车载系统AndroidAuto引入了一种新的设计语言，具有更好的可扩展性。在UI上，导航栏已完全重新设计，以便更轻松地访问应用程序、通知和Google智能助理，帮助驾驶员最大限度地减少分心并专注于道路。△AndroidAutoUI另外开发了一个新的系统widget，在使用地图导航时，仍然可以一键控制音乐应用，或者正在进行的电话通话，同时保持地图上的全貌屏幕。总结UI设计的趋势，除了注重内容和情感，还会根据不同的设备载体和新技术（3D、AR）而变化。但说到底还是以人为本。借用Adob??e设计副总裁JamieMyrold的话：今天，设计师必须考虑的不仅仅是设计应用程序、网站或设计工具。我们需要思考的是人的需求，用户的需求，创造真正人性化、多元包容的设计。
