卡片化设计和微交互是 2017 年 UI 设计当中最重要的趋势

无论哪家设计媒体，还是个人设计自媒体，都会在年末的时候，发布一下来年最新的一些设计趋势和潮流。今年也不例外。

比如，现在很多设计媒体已经疯狂转载和宣传《2017年UI设计的10大趋势》或者是《2016年-2017年移动端UI设计趋势》等等博人眼球的文章。

而25学堂的小编只想告诉大家，2017年整个APP UI设计不会发生太大的变化。

卡片化设计和微交互，还将会是2017年UI设计当中最重要的趋势。

第一个设计趋势：卡片（More cards）

卡片的设计模式的好处很多，如果还不清楚卡片化设计的好处，大家可以继续阅读：

1、 [Android界面设计使用卡片化布局的标准和规范]

2、 [APP设计风格对比：扁平化、极简、Material Design]

3、 [移动端卡片化设计，成就经典设计模型]

卡片的模式不是一个新突破性的趋势，但对于UI设计，它们是一个功能性很强的设计方式。在移动UI设计方面的成功以及被融入到 Google’s Material Design 中 ，卡片一直在网页设计中获得突出地位。

同时，卡片形式是一种广泛适用的UI设计方法，可以在各种平台上适用，从较小屏幕的设备一直到较大的。他们是一个很棒的方式在屏幕上同时组织和显示大量的数据，允许用户快速筛选可用的信息并选择查看。 Facebook，Twitter，Netflix和Pinterest都是强大的数字平台，它们都选择了使用卡片的形式。

所以，这样的设计趋势不会暂行消退，在2017年将会涉及更多移动终端的UI界面设计上。

比如智能电视、移动车载系统、智能家居等等UI界面设计。卡片化的设计潮流还会继续火下去。

你肯定会问为什么？

原因是卡片提供了一个有效的解决方案，允许用户快速浏览可用的内容并迅速找到他们需要的信息方式。

卡片是组织短片短信息的好方法，它们的灵活性在组织和消费内容的较小屏幕上是无价的。 卡片是一种可以显示文字、图像、视频和其间所有内容的解决方案，可以从最小的屏幕设备扩展到最大屏幕的设备。 卡片提供无尽的适用性，允许设计师翻转、旋转、堆叠和过滤他们的所有方式的UX功能 – 更多的功能将通过微交互来解释。

以上就是卡片化设计的优势。

第二个设计趋势：微交互

看到微交互这个，有没有想起25学堂之前跟大家分享的 微渐变 微波纹等设计小趋势呢？

如：

1、 [最近APP设计中流行起来的动感视觉：水波纹设计]

2、 [现在流行的APP视觉设计风格：微渐变来了]

3、 [APP微渐变设计实例欣赏，非常棒的UI设计]

什么是微交互，或者又叫微互动。看下图所示：

上图是如何实现微交互以显示菜单UI中的状态变化的一个很好的微交互设计案例。

通常小屏幕上的动画形式的微交互在UI和UX设计中起着至关重要的作用，尤其是在移动端和小屏幕设备上。

从用户体验的角度来看，微交互不仅是小的、有趣的屏幕上的动画或转换，同时也是对于用户及其动作的视觉反馈的形式。微交互让用户知道与UI交互时正在发生什么，已经发生了什么，以及将要发生什么。

使用Facebook的著名的“like”按钮作为例子：当用户点击竖起的图标表示喜欢某些东西，这个按钮会变大，并变成蓝色，然后返回到其原始大小，以上这些动作都在一个流畅的动画中完成，通知用户，他们的“like”已经完成。

上图的案例 清楚地向用户指示他们的动作已经实现，因为它们在可用状态之间切换。

聪明的设计师通过将功能以有趣的方式实现来让用户高兴。从有趣的加载动画，到顺滑的图标转换，有效的微互动能够同时起到吸引和通知用户的作用。

所以，微互动提供有用的人性化反馈，以一种周到和有趣的方式让用户知道做什么和正在发生什么。 他们可以将简单平凡的过程变得有趣，以及提供最积极的关键反馈。

让APP UI探索之旅充满期待和好奇性。

以上两大设计趋势，就是25学堂跟大家着重分享的2017年UI设计当中最重要的趋势。

或者当你去面试APP UI设计师的时候，面试官问你2017年的设计趋势和潮流。你都可以回答是卡片化设计和微交互。

文|25学堂

关键字：UI设计, 设计, 卡片

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！