我们快到2017年底了，这意味着我要写一篇我最喜欢的年度文章：你可以期待在来年看到的网页设计趋势。

下面是我预计在2018年将会看到的11大网页设计趋势。

1.弹出窗口和插页式广告的结束

谷歌往往是网络趋势背后的主要驱动力，毫无疑问，它将成为那些想要放弃自己的弹出式广告和插播广告的网站背后的推动力量。谷歌最近宣布，它将开始惩罚在搜索结果中使用这些恼人策略的网站——例如，在你点击“X”按钮之前，屏蔽页面上的大部分内容。

在2018年，我们将会看到越来越少的此类服务，因为网站开始担心他们可能会在谷歌搜索引擎优化时受到搜索引擎优化的影响。然而，并不是所有的插播广告都会消失——在看到内容之前需要进行年龄验证或签署的网站仍然需要它们。

2.破碎的和非常规的网格布局

尽管设计带有网格的设计可能不会很快实现，但对网格布局的更多试验可能会持续到2018年。随着设计师们测试界限，寻找呈现独特内容的新方式，非传统的甚至是破碎的网格将成为一种普遍的设计美学。

Invision Studio就是一个很好的例子。通过他们新推出的网站，他们在你浏览网页时改变网格布局，甚至在某些情况下“打破”了网格布局（在上图中看到标题末尾的“n”）。

3.衬线归来

平面设计的初衷是想让自己的产品变得更扁平——甚至可以去掉字体上的系列。好吧，随着平面设计开始看到其运行的结束，我们开始看到，字体重新回归到人物角色中。

在Kickstarter的新网站上，你可以看到他们在网站的某些部分使用了串行线。这为他们原本干净、现代的设计布局增添了个性。系列电影往往有一种增加个性和真实性的方法，并且创造出一种无表情的表情。我预计我们将在2018年开始看到更多的系列产品。

4.不会分散注意力的动画

由于使用了“jQuery”和“CSS3”，网站上的动画已经蓬勃发展，但直到最近，设计师们都在追求动画效果。在2018年，我预计动画和交互将会被更多的限制和意图使用——这意味着它们可以增加用户体验，同时不会让用户感到困惑。

一个很好的例子就是具体的代表网站。当你滚动时，不同的图像会出现，文字也会改变。它做得很好，因为它有助于增加体验的独特性，同时又不影响艺术家和他们的作品。

5.尖锐的渐变

另一个开始流行的趋势是呈现一个渐变的新趋势。急剧的渐变已经开始被用来帮助在渐变之外增加一些视觉效果，而不仅仅是颜色的渐变。看到一条直线上的颜色变化，就可以得到一个普通的2015度的梯度，使它在2018年变得更现代。

一个很好的例子是素描的网站。你可以在右下角看到紫色的梯度是如何沿着对角线的直线上升的。此外，当你滚动浏览他们的主页时，你会看到一个圆形的bullseye效应，也就是以同样的方式完成的。通过在梯度上应用一种微妙的纹理，这有助于提升渐变效果。

6.对角线断面

谁说水平间隙必须是水平的？最近，设计师们一直在研究如何将线断裂或节段的横线放置在边缘上，这是真的。通过将网站的各个部分分割成一个清晰的对角线，它有助于增加视觉兴趣和独特的网站布局，从而帮助将其与大多数仍在使用2014年左右水平的网站区分开来。

Stripe的网站展示了这一趋势，如果做得好，将会产生很好的效果。他们不仅使用了上面提到的尖锐的渐变，而且还用一个10度的角度在视觉上破坏了他们的主页。这就形成了清晰的视觉区域，并提供了一种独特的方式来呈现内容。

7.圆角已经起死回生

要么是圆形的角落，要么永远没有真正死去，要么是很多人都在这一潮流的后面，现在又把它带回来了。我预计，在平面设计已经见顶的情况下，圆角设计将出现在更多的地方，我们开始带回一些设计元素，这些元素在平面设计时代被粉碎。

Twitter的新推文框就是一个很好的例子。Twitter在2017年推出了圆角设计的潮流，让他们的推文框充满了圆角：从推文框到按钮，甚至是头像。随着2018年的发展，我预计会有更多的网站使用圆角设计。

8.明亮而大胆的配色方案

想出配色方案是困难的，所以我并不感到惊讶，因为2017年即将结束，越来越多的配色方案突然出现，让人觉得它们不应该工作，但不知怎么做的。2018年，我期待看到更多大胆而明亮的实验色彩方案;通常会结合一些看起来很可怕但效果惊人的颜色。

以Spotify的主页为例。它的主页颜色是粉色、金色和橙色。通常情况下，这三种颜色会让我的眼睛受伤，但Spotify却让我的眼睛有了问题。2018年，明亮和吸引眼球的配色方案可能会激增。

9.交互式讲故事

随着出版商们找到了以独特的方式向受众传递内容的新方式，我预计，在网络上讲故事的方式会更加互动，使用动画和视频来帮助说明故事的各个部分。

一个很好的例子是CNN最近的关于全球变暖和格陵兰岛冰川融化的故事。当你在滚动的时候，它会用不同的段落来讲述故事，这些段落有时会出现，消失，背景也会随之改变。故事的某些部分用地图或其他图形来说明，当读者向下滚动时，会“通过”。

10.桌面上的分屏设计

我喜欢的一个新趋势是分屏布局，而不是英雄形象。这一趋势的特点是，一两个图像占据整个视图，垂直地从页面中心垂直分割。具体的代表地点（该榜单的第四部分）也体现了这一趋势。

Chrome的网站（上面的第一张图片）和陶瓷（上面）都是这一设计趋势的特点。Chrome的网站在分屏屏幕上显示了一幅破碎的网格字体，而陶瓷则以分屏模式展示了两张图片。

11.野蛮主义的出现

如果你之前没有听说过这个，那你不是唯一的一个。在网页设计方面，Brutalism几乎与上面讨论的大多数趋势背道而驰。在我看来，残酷的野蛮行为可以被看作是对我们今天最经常看到的干净、有组织和轻便的设计的反抗。这是一种“残酷”的感觉，因为它让人感觉粗糙、粗糙，而且经常会破坏网站设计和用户体验的所有规则。

野兽派网站遵循他们自己的设计美学，看起来几乎完全被剥夺了。它们不符合任何美学潮流。在上面，你可以看到一个用于设计野兽网站的框架。下面是一个残酷的网站设计的例子——它让人感觉粗糙，粗糙，打破了大量规则，基本上无视大多数趋势。

在网页设计方面，2018年注定会是激动人心的一年。我期待看到越来越多的网站出现这些新趋势：不得不面对更少的弹出窗口，看到更陡峭的渐变，明亮的配色方案，甚至是野兽主义。这些趋势在2017年的最后几个月已经变得很受欢迎，并且在2018年的时候只会越来越大。

（英文版来自：thenextweb）