每年我们在设计上都会学到新东西，2016年也不例外。我们在去年发布的关于设计趋势的文章非常成功，所以决定再预测一波2017年的设计趋势，马上开始！

设计趋势会受到媒体、技术、时尚的潮流以及可用性的影响。设计趋势是缓慢、逐渐的渗透到所有设计的分支中的，消失亦然。 一个设计趋势或潮流的生命周期大多不会超过1-2年。2017年的设计趋势会继续16年的材质化（materialized）倾向的同时，增加一些新的改变，这些改变可能已被大家所熟知，甚至在过去几年你也已经见过。其中影响着趋势的，最主要还是Google的Material Design和它经历的一些变化。

01.

半扁平化设计

在过去几年，扁平化几乎统治了网页设计，但因为Material Design的影响，设计走向更加多维度，往空间上发展。这个转变从增加轻投影开始，走向“半扁平”的设计。

扁平化是因为需要更符合开发技术，减少设计样式而进化出来的，扁平仍然流行，只是不断在改进。

柔和平滑的渐变投影既为扁平化设计增加了深度和丰富性，又不会破坏扁平设计的感觉。这是扁平趋势的一个新做法，并且在2017年会继续进化。

----------

案例项目: Resourсe | UI/UX Tool for Web Services

作者: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

----------

案例项目: Listener's Playlist

作者: Anzi .

02.

动态摄影(Cinemagraphs)

动态照片不是指我们在web上常见的gif图。他是指只有少数元素移动的静态图片。这个技术使得一个简单的图片更加生动。

03.

更多3D

3D绝对在带领着潮流，我们很快就会看到它对所有设计领域的影响。随着VR/AR迅速在整个行业进行的革命，这一领域会发展得像飞镖那么快。

----------

案例项目: LUV.IT

作者:  AARON MARTINEZ

----------

案例项目: Open Annual Awards

作者: TAVO

-----------

案例项目: Air Max '17

作者: Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson

----------

项目案例: NIKE F.C. | 3D Golden balls in the real world

作者: TAVO

----------

项目案例: Better You Brand

作者: Craig Minchington; Satellite Office; Brand Nu

04.

动画

动画越来越多的运用在web设计上，它可能是gif、svg、WebGL CSS 或视频格式。动画绝对是web设计界去年最大的流行趋势，所以抉择是否要用动画的时候不用犹豫。

----------

项目案例: Nickelodeon Kids Pick The President

作者: JeanPierre Le Roux

----------

项目案例: AR Virtual Fitness Coach App | AR 虚拟健身教练

作者: 曲 植Daz_Qu

---------

项目案例: UI Collection in Motion

作者: Minh Pham

---------

项目案例: ZH OURO- Rio 2016

作者: Leo Natsume; Guilherme Maron

05.

登录页面

2017年，由于市场营销和更好的针对目标的游客用户，我们会看到更多关于登录页面的出色设计。

06.

几何形状、图案、线条和圆圈圈

这个潮流从2016年开始，绝对会延续到2017年。你可以通过简单增加一些富现代感的形状、平面图形或一个柔和的投影来做好一个网站。

----------

项目案例: Pfizer - Active and 50+ for The New York Times

作者: justyna stasik; Vladimir Marchukov

---------

项目案例: DRAP.agency Branding

Mireldy Design; Filip Gjurin

07.

大胆的色彩

使用大胆的颜色来表达自己的观点。Material design和扁平化设计和大胆的色彩真是超级搭。使用Google提供的色板或自己搭配使用都可以的。

---------

项目案例: Edris - Logo Designed by MiLo

作者: Loredana Papp-Dinea; Mihai Baldean; Milo Themes

---------

项目案例: Rendered — Responsive Demo Website for Adobe

Serge Vasil

----------

项目案例: b2mach

作者s: Natalia ?erko; Kuba Enzowski; Kommunikat Studio

08.

有创意的滚动和视差

在任何网页通过这个视觉创意增加独特的元素效果都会很棒。无论是多层的视差或是视频的视差，都有可能。

介绍下D.ex Multilayer Parallax这个产品。它是在 Loredana Papp和Mihai Baldean的带领下由Milothemes公司开发。在Envato Market / codecanyon.net上可以购买到。

D.ex Multilayer Parallax是一个Wordpress的插件，你可以使用它创造非常漂亮的多层视差区域。你还可以有创造力的通过任何样式组合不同的层。我们创建了12个不同的样例供你参考，玩得开心哟。

购买 D.ex Multilayer Parallax for WordPress

---------

项目案例: F — mdls

作者: Adencys

09.

色彩渐变

颜色渐变是当下最流行的趋势。从2016年开始迅速蔓延，特别是在Instagram决定改变他们原有的logo，改成一个大渐变后。从logo到按钮到图像的叠加处理，这个趋势无所不在。

10.

移动端的浏览（响应式设计）

2015-2016年移动端的设备大量增加。当说到浏览网页时，平板和智能手机已经超过电脑、手提电脑成为第一选择，而且这个趋势还会继续。任何没有把响应式设计做好的网页，都应该马上，是马上升级！

---------

项目案例: Responsive Website Animation

作者: Muharrem Senyil

<p style="padding: 0px; margin-top: 0px; margin-bottom: 25px; font-family: 'Hiragino Sans GB&