【翻译】2017热门界面设计趋势回顾（上）

以下是uxplanet整理出来的2017设计趋势，供参考。此篇为上半部分。

功能极简化

很大一部分的手机应用程序和网站沿袭和传承了极简主义的法则，简约的界面使得那些重要的视觉元素能被很清晰地传达给用户，表达明确的含义。

极简功能主要有以下几个特点：

简单

清晰

传递视觉层级

关注元素构成和相互之间的比例关系

每个元素都有自己的功能性

大量留白

关注核心内容的细节

把文字排印作为重要的设计元素使用

减少无意义的装饰元素

当然，这个列表还可以继续写下去，但无外乎都是一个目的——让界面设计变得更加友好。如果把这些特点合理地规划实践，可以帮助用户聚焦于界面的核心内容、让用户体验的过程更有目的性。再者，简洁的界面通常看上去整洁而精致，给人以审美上的满足感，这也是用户体验理论中满足感的来源之一。

野兽派风格

野兽派的数字设计趋势在去年就已急速上升，今年持续升温。“野兽派”一词用来形容那些旨在突破传统标准、使用创新技术的设计风格，用这种方式创立的网站有悖于一般审美的“标准”站点（工整、协调，有着复杂的布局层次，把精力放在视觉审美表现上），它们显得颇为简单，外表看上去不加修饰，不会加载过多的视觉细节，甚至有的页面看上去就像一个简陋的HTML页面。考虑你的设计目的和用户，慎重地选择和使用它可以让你的数字产品看上去与众不同，这种“原始”意味的风格有可能会招一些用户的反感，但绝不会被忽视。

排字嵌图

加大加粗的字体一直都在网站和移动端布局里保有一席之地，今年，这种风格有了新的表现——使用页面中的视觉元素把标题文字切割或者刻印分离开。这种设计形式加强了元素之间的整体感和协调感，使文字和界面紧密地联系在一起。

hero banner动画化

网站设计中，hero banner一般是引人注目的大型图片，通常担负起网站内容的视觉呈现的重责，有助于传达信息、表达情绪。再者，相比起页面里其他有吸引力的图像，动画化的hero banner在信息和情绪的传递上更有感染力。优秀的hero banner一般需要满足以下几个目的：

吸引用户的注意力

通过视觉方式传递信息

能适应大部分样式内容

根据主题建立情绪和气氛

有效地表达核心观念、介绍物件

主题定制版插画

无边框布局

今年，网站界面也频繁地使用了大背景图或者纹理+无边框这一设计样式，这样的排版视觉上看上去更有呼吸感、空间感，不会被页面的边界而打扰，影响交互的进行。

种类丰富的交互动画

友好度高的品牌UI设计

单色UI

为了把最多的功能精简为最小的设计表达，单色UI的解决方案逐渐进入了大家的视线。这类UI的样式通常看上去很时髦，配色协调，但又不抢眼。当然，设计师们如果想要设计出这样的样式风格，需要花很大功夫让设计看上去不显得单调，同时核心元素又必须一目了然。

背景色趋暗

移动端应用及网站界面越来越多地使用暗色作为背景色来搭配，在那些着重视觉效果的数码应用上尤为明显。以传统的观念来说，暗色背景往往为优雅或者威严的对象服务，深色基调能让用户不容易被分散注意力，更快进入到不同的内容气氛中。现在，很多APP提供了深色模式，为很多喜欢这种调调的用户提供了设置选择，满足他们的需求。

内容色趋浅

由于深色背景主题的广泛流行，另一个趋势也愈渐明显：关键数据块或者内容使用浅色背景的方块或者留白凸显出来，使用柔和简洁的对比来解决可读性的问题。