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.微小的细节设计

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

作者 糖小酱

关键字:设计, 设计文章

版权声明

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

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部