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

原文：《Review of Popular Interface Design Trends in 2017》

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

字体对比之精巧 

字体数量以爆炸式增长，给交互设计师的创造性提供了很大的空间。现在我们说的字体排版，不仅仅只是用来给用户传递信息，它也是整体设计效果的一部分。因此，专业的设计师会在字体选择和组合使用上花很大功夫，让我们见识到了衬线和非衬线字体在强化视觉层级上的作用，同时又能保持一定的美感。

The Gourmet Website

实验性网格设计

每天都有成千上万的网站投入运营，设计师们必须花很大精力在创新性上，提升设计吸引力的基础上保持自己的原创性。由此而来的实验性网格设计在今年登顶设计趋势的宝座，自定义网格能在保持布局协调感的同时，又能赋予布局元素以很高的灵活性和独创性。当然，这种类型的创新设计非常需要较为全面的调研，从反复测试和分析中得出对于提高可用性和视觉感知有价值的结果。

登录页面组

毫无疑问，登录页面被赋予了新的生命，有了新的发展和演变。商务和社交类产品常常使用登录页面组来展示某些特殊服务、营销广告或者重要事件，以吸引用户的关注。在本地应用程序的推广上，登录页也能起到不错的营销效果。基于对用户和市场的调研结果来看，登录页面确实是一个比较友好的设计趋势，在提供必要的信息和清晰的交互操作同时，也不会耽误用户的时间。从商务角度考虑，它投放效果好，针对性强。

Digital Agency Landing Page

创意视差动画

着眼于优化动态设计的软件不断涌出，滑动动画在网页端和移动端广泛应用，依然占据着举足轻重的地位。视差效果带来的创意性和独创性加强了感官刺激，很容易吸引用户的眼球。

参考图例：Bakery Website（gif演示）

网络营销宣传视频

不同类型的营销类视频井喷式地占据着大家的屏幕，毫无疑问，它们能有效且出色地达到市场营销的目的，提高品牌认知。利用引人注目的宣传视频可以很方便地吸引用户的眼球、快速清晰地传递信息。视频可以从视听上多方位地刺激和加强故事叙述的能力，通过高品质的图像和动画设计使展示效果更容易让人记住。用户每天都被各类成吨的信息轰炸着，所以大多数人都不愿意花太多功夫去了解那些新的产品或者服务。这样一来，引人注目又包含一定信息量的视频成为了更佳的传播方式。当然，不同设备上的网页加载速度不会一样，需要谨慎测试。

参考示例：Promo Video design for Binned（视频演示）

游戏化交互体验

今年游戏化的交互理论也开始应用于大量的界面设计上，娱乐类、工具类、商业类产品均有涉足。技术领域里，“游戏化”一词代表着把游戏理论运用在非游戏的场景中，如网站、移动应用程序等等。设计师把挑战、奖励、得分、徽章、排行榜等等游戏因素与产品结合起来，可以有效地推动和鼓励用户的参与。

Upper App

盒型/卡片型布局元素

2017年还有个设计趋势是倾向于使用卡片或者盒状元素来布局，它们不仅能帮助用户建立视觉层级，也能使信息很快速地被浏览到，并且，这样的元素在视觉上跟屏幕搭起来也很协调。

StarDust Biker Website

把几何图形作为页面样式的一部分

基于上一个趋势，几何元素的运用在界面设计中逐渐兴起。多种多样的图形，无论是复杂的、简单的，亦或是图案、直线或曲线，都可以在很多风格设计里看到它们的身影，既不失传统风味，又有着创新的表达。

Wedding Theme

实验性色彩组合

色彩的搭配永远不会过时，2017年又有了新的趋势。毋庸置疑，色彩是通过界面传递信息、传达情感最有效的手段之一，好的色彩搭配能很好地吸引用户的目光。无论如何，具有实验性的色彩搭配不仅仅只是随意的创新，即使是最跳跃的配色也是按照用户界面设计色彩理论、色彩逻辑等等理论知识而来的。

Book Swap App

不使用Lorem Ipsum（假文）

内容的质量和表现依然是大家关注的焦点，在界面设计中，内容和设计有着内在的联系：创作者不得不根据设计把内容充实，让用户能准确建立之间的联系。这就是为什么越来越多的设计师即使在设计概念产品时，也都会倾向于使用真实内容填充，而非Lorem Ipsum这类假文——这样能让设计师、客户能对于设计有更真实的感受。

Dating App Landing Page

2017年的界面设计可以是近几年来最关注用户友好度的一年。全世界有上百万的用户，每个人有着各自的品味和偏好，喜欢的风格和个性特征也不一样。产品功能和设计效果的变化一多，那么多用户就总能找到满足自己的需求的一款，萝卜白菜，各投所爱。让我们期待2018年又有哪些新的挑战在等待着交互设计师吧~