来源：DayOne脑洞工作坊(ID：adhackers)

　　1

　　半扁平化设计

　　在过去的几年里，扁平化设计统治了网页设计市场，但现在，受Material Design的影响，它变得更加立体化。这种转变始于一些轻柔的阴影，使其成为半扁平化设计。从极简主义风格的扁平化设计演变以适应新发展的技术。扁平化设计仍在进行中，但已经经历了一些改进。

　　轻柔的阴影增加了深度和复杂性，却不会破坏扁平化设计的感觉。这是扁平化趋势新增的一个特征，并将继续在2017演进。

　　Project: Resourсe | UI/UX Tool for Web Services

　　Author: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

　　Project: Listener's Playlist

　　Author: Anzi .

　　2

　　动态图片

　　动态照片不是我们在网上常见的那种GIF。动态照片就是静态的图像中有少量的动态元素。这种技术通过赋予简单的照片以生命，使其更贴近现实。

　　03

　　LOGO设计趋势

　　A.极简主义

　　随着所有大品牌都切换到更简约的、 最小的设计，这一趋势将保留下去。

　　B.手绘

　　这是一个在聚光灯下存在了几年的趋势，它完全符合“潮人”业务。这种风格用于咖啡餐饮业、理发行业或艺术和工艺品行业。

　　C.负空间

　　这是一个古老的趋势，但在过去的几年中，我们看到它再次出现，它只会在2017增长，所以它肯定是值得关注的。

　　D.裁剪

　　这种趋势追求尽可能的简洁，只展示到足够知道一个标志是什么，没有更多。

　　E.几何

　　这种趋势肯定是老派的，但它是那些永远不会过时的样式之一。

　　F.线条艺术

　　这种趋势在新兴、现代的商业中很流行。

　　G.图案

　　图案是一种新的趋势，这种重复是让企业脱颖而出的独特方式。这种原始的趋势也可用于徽标的演示文稿。

　　H.动画logo

　　运动的设计是今年一大趋势，我们可以在所有的设计领域中找到它。

　　作者: Javier Miranda Nieto; The Woork Co

　　I.复古

　　复古风格仍在。即使这种趋势已经存在了一段时间，它仍然是趋势。

　　J.渐变色

　　渐变色今年无处不在——即使是logo。

　　K.logo中的插画

　　插图是使企业logo给人留下独特、个性印象的好办法。今年他们变得越来越流行。

　　L.logo中的摄影

　　图像与排版的组合现在实在太热了。他们一起配合得很好，他们之间形成了有趣的对比。

　　04

　　字体设计趋势

　　A.大，粗和漂亮的字体

　　字体设计也许是创造优秀的设计中最重要的部分。今年标题的字体设计将变得粗而大。

　　Alexander Laguta

　　artist: Quim Marin

　　Project: Baugasm Series - Pack 4

　　Author: Vasjen Katro

　　B.字体设计中的渐变色

　　渐变色绝对是“IT”的趋势，现在你也会在字体设计中发现它。

　　C.视觉的层次结构

　　在所有设计领域中，排版层次都是非常重要的。字体的大小和重量可以很容易地表明哪些单词或字母是最重要的，所以当你创建你的文字时，请记住这个方面。你还得记住，可以通过文本的位置和颜色实现很棒的视觉层次结构。

　　D.小字体

　　超小文本通常被负空间包围，但你可以通过颜色或图像之间的对比，使其更加凸显。你也可以使用动画来帮助它脱颖而出。

　　E. 动画字体

　　动画无处不在，即使在字体设计。如果你使用柔和的动作，今年你不会出错。

　　F.字体遇上摄影

　　文字与摄影的结合可以达到很好的效果。看看这些优秀的例子。

　　G.几何图形和字体

　　几何图形也可以结合排版，实现现代感效果。

　　H.字体配对

　　同时使用两个或多个字体仍然是今年的趋势。看看下面的例子，一些有趣的配对，将有助于你的项目。

　　Typography: Google Fonts Combinations – Volume 1

　　Typography: Google Fonts Combinations – Volume 2

　　5

　　登录界面

　　在2017年，我们将看到登录界面的呈上升趋势由于其潜在的用于市场营销目的和游客更好的目标的能力。

　　6

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

　　这一趋势开始于2016年,肯定会在2017年延续下去。你可以通过添加一些现代化的几何形状来使你的网页更加个性化，无论是扁平的或是带有微投影的。

　　7

　　大胆的用色

　　使用大胆的颜色来强调。大胆的色彩与Material design和扁平化设计相衬得如此完美。可以使用由 Google 提供的调色板来选择和搭配你想要的颜色。

　　8

　　创新滚动和视差

　　这个视觉的主意很棒，它能将独特的元素添加到任何网站。从多图层视差到视频视差，一切皆有可能。

　　看看D.ex Multilayer Parallax。这个产品是完全由 Milothemes在Loredana Papp和 Mihai Baldean的带领下开发的。可以在Envato Market / codecanyon.net上买到。

　　它是一个 WordPress 插件，能让你用一个以上的图层创建美丽的视差作品。勇于创新，以任何你想要的风格组合图层。12 个不同的例子，来引导你走向美丽的多层世界的第一步。来和图层一起玩吧。

　　9

　　渐变色

　　渐变色是现在最大的趋势之一。开始于 2016 年，并随后获得迅速增长，像 Instagram这样响当当的品牌，也决定将自己的logo从扁平单一的颜色变成多色渐变。从logo到按钮或是图片叠加层，这一趋势无处不在。

　　10

　　移动浏览 （响应式设计）

　　移动浏览在2015 年和 2016年获得了可观的增长。超越了台式机、 笔记本电脑，平板电脑和智能手机现在是浏览网站时的第一选择，这种趋势将继续下去。任何不专注于响应式设计的网站都需要尽快升级！

　　11

　　定制图形和插图

　　Stock photos仍然非常流行，但 2016 年出现了一个显著增长的新趋势，并将在 2017 持续发展： 使用定制的图形和插图。如果你想要一个让访客过目不忘的独特网站，请联系一个数字化设计师。所以，少用Stock photos，多用原创、独特的图像。

　　12

　　中性空间与网格的创造性运用

　　前几年 web 设计已适应有组织的列和网格，但在 2016 年，我们看到了大量转向不规则图层和超现代的设计。

　　13

　　讲故事

　　为了使顾客多停留在页面上，网站现在开始讲故事了。相对平铺直叙的信息而言，人们趋向于在故事中获得更多。

　　14

　　懒加载

　　懒加载延迟加载长网页中的图像，基本上是当需要的时候才让信息出现。

　　15

　　拆分内容

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

　　16

　　全屏幕形式

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

　　17

　　视频无处不在

　　视频内容在去年增加，人们要求高质量的、有故事的视频。在网站上播放的视频是短而循环的，展示产品或大型电影项目，这将使观众对故事保持兴趣。

　　18

　　SEO很重要

　　Search Engine Optimization (SEO)搜索引擎优化在一个网站中是非常重要的，一个漂亮的网站没有一个良好的SEO很可能会被抛在后面。

　　19

　　隐藏导航

　　就用户找到菜单有多难这点，汉堡菜单引发了许多赞成和反对的争论，但有一点是肯定的——这种趋势将会留下来，并且人们最终会习惯它。

　　20

　　微小的细节设计

　　今年关注细节真的很重要。从小细节，如导航点到角落的标志，专注于小细节，以更好完成工作。

　　21

　　更多的3D

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

　　Project: LUV.IT

　　Author: AARON MARTINEZ

　　Project: Open Annual Awards

　　Author: TAVO

　　Project:Air Max '17

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

　　22

　　动画

　　动画越来越多的出现在网页设计中，他们可以是gif，SVG，WebGL的CSS或视频。动画肯定是在去年的网页设计趋势中最大的事情之一，所以请毫不犹豫地使用它们。

　　Project: Nickelodeon Kids Pick The President

　　Author: 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

　　《三个设计师》

　　专注成长型企业品牌设计，我们的客户正在成为行业领袖!

　　《设计师交流群》资深设计师微信群交流计划——跳槽、招兵、胡侃、救急

　　▼ 点这儿，来三个设计师的微博获取更多干货