2017年设计流行趋势——界面设计

前两天在behance上读了一篇关于2017年设计流行趋势分析的文章，现在分三期翻译，本文也会结合一些我的个人观点，在这里跟大家一起分享。

设计流行趋势会受到媒介、技术、时尚业和最近可用性的影响。流行趋势是逐渐缓慢出现的，进而扩散到其他设计分支，然后又会以同样的方式消失。基本上一种设计趋势的生命力大概是1-2年。2017年将会继续延续2016年的流行趋势，同时会增加一些新的变化，但是这种感觉我们都众所周知和熟悉，而且你在过去的几年里也见到过。主要的影响者仍然是谷歌的Material design。

1.半扁平化设计

在过去的几年里，扁平化设计几乎统治了界面设计（网页与移动端APP界面），但是现在受material design的影响而变得更加多维度。这种转变伴随着一些光线，阴影，从而成为了半扁平设计。扁平设计依然存在，但是他经历了一些改进。从极简主义风格的扁平化设计演变适应新技术的发展，平滑的阴影增加了深度和复杂性，而又不会破坏扁平设计的感觉。

2.动态静图

动态静图不同于我们在网站上常见的传统GIF图片。这种图里只有一个元素是动的，其他都是静态。这种技术使得简单的照片更加真实的出现在我们的生活中。

3.更多的3D

3D绝对是我们的方向，我们将看到它在所有设计领域的影响力。随着VR / AR革命迅速建立势头，这个领域正在演变相当快。

4.动画

动画是去年网页设计流行趋势最大的事情之一，GIF/svg/Web GL ss或者是视频，越来越多的出现在web与移动端的设计中。

5.loading页面

潜在的营销目的和为更好的针对用户体验产品，2017年我们会看到更多的loading页面设计。

6.几何图形，图案，线条和圆

这种始于去年的流行趋势在今年将会继续的延续，我们可以看到个性化的网站设计都会加入一些图形，不管是平面的还是带有一些平滑阴影。

7.鲜艳的颜色

使用鲜艳的颜色来表现，material design和flat design通过鲜艳的颜色完美的结合，你可以使用谷歌提供的调色板，来选择和配对你想要的颜色。

8.创新滚动和视差

这个视觉的想法是非常棒的，添加一个独特的元素到任何网站。从多层视差到视频视差，一切变得皆有可能。

在WordPress插件中，允许你用一个或者更多图层创建漂亮的视差。用你想要的方式合并和创建图层。我们创建了12中不同的例子来引导你从第一步到美丽的多层世界。来玩图层吧~

9.颜色渐变

渐变色是目前最流行的设计趋势。在从2016年Instagram更换logo以后，这种风格影响开始变得越来越强大。从logo到button或者图片的覆盖，这种流行趋势开始无处不在。

10.响应式设计

2015和2016年移动浏览量增加。平板电脑和智能手机是浏览页面和网站的首选入口，而且这种趋势还会持续下去。任何网站不专注于响应网页设计需要尽快升级！

11.自定义图形和插画

相片仍然是非常受欢迎的，但定制图形和插图的使用，在2016年有明显着增长，并且在2017还有会更多。如果你想要一个任何访问者都能记住的网站，那就联系设计师，少用素材，多原创独特的形象。

12.留白与网格

在过去几年中，网页设计大多采用有组织有序的网格设计，但在2016，我们看到了一个相当大的转变，不规则层和超现代设计。

13.讲故事

网站用讲故事的方式，说服客户留在页面上。故事性的吸引比阅读简单信息更有趣。

14.延迟加载

延迟加载在长的web页面中延迟，基本上它允许信息出现在它需要的点。

15.拆分内容

拆分内容在响应式网页设计中越来越流行，它将屏幕分成两个或两个以上的部分。一个分屏网站将在一个页面上向观众展示几个同样重要的信息。这种趋势自2015年底开始流行，在2017它将进一步增长，并可能在许多网站上看到。

16.全屏形式

不需要去另一个页面填写一个表格，因为新的网站都配备了全屏幕形式，适应响应设计。

17.视频无处不在

视频内容在去年增加，人们要求高质量的视频来讲故事。在网站上用视频展示产品的视频项目，这能吸引用户关注。

18.SEO的重要性

SEO（搜索引擎优化），在网站中非常重要，一个漂亮的网站没有好的SEO那就是落后于包装。形式高于内容的表现。

19.隐藏导航

汉堡包菜单创建许多赞成和反对的争论，tusers找到菜单是多么的难，但有一点是肯定的-这种趋势是在这里留下来的人最终会习惯它。

20.微小的细节设计

关注细节的设计，真的很重要。小细节（如导航点到角落的标志）专注于小细节，直至完成工作。