3 种网页设计趋势 | 2017 年 11 月

简评：最新 2017 年 11 月网页设计趋势。分别是下划线、遮盖文字、黑白。

11 月的三种网页流行趋势，视觉效果都杠杠的，不过易用性和可读性如何呢？让我们进入今天的文章。

I.文字下划线和下划线元素

下划线的文字是一种相当意想不到的趋势。这里说的下划线不是你文字编辑时的普通下划线，也不是网页超链接的那种下划线。

下划线的文字和元素趋势使用颜色和线条，来突出显示特定信息并将焦点集中到某个内容区域。明智的使用下划线能够将设计中的不同元素结合，达到无缝过渡的效果。

案例：

西蒙·李画廊的设计

西蒙·李画廊使用下划线把用户的视线聚焦于最下的字体上。有一个强烈的对比同时，又不会让焦点失却。

Hoohaa 设计

HooHaa 设计使用下划线，线的下面有一个小三角元素，整体构成了天平既视感。有助于用户聚焦和记忆 HoohaaDesign 这个名字。

西伯利亚设计集团

亚伯设计集团采用另一种方式，橙色的线条在此充当着中心线的作用，达到将背景图案与文本相结合的作用。

II.遮盖文字

可能你觉得这种设计已经出来好久了，不应该成为 11 月的最新的趋势，不过实话告诉你，还有好多设计是在玩这个概念。

这种设计有一定的难度，好多的设计师都在这折了。特别是在响应式框架中更容易出问题。

但如果能玩明白这个设计，会非常的抓人。下面 RootStudio 例子就非常精彩，显眼的色彩配合间接地字体，加上长颈鹿栩栩如生，让人印象深刻。

如何能玩转这改字体这种设计呢？

• 确保这个词常见遮盖的词或短语很常见

• 不要遮盖到太多的文本

• 文本上面的遮盖物是主体

• 使用极简的字体，确保字体不会与前面的遮盖物产生冲突

• 保持其余的设计简单，以便用户可以轻松的关注字体并阅读理解

III.黑白美学

黑白配色方案是近年来较少的，但最近黑白配色、偏暗配色、或者单色、灰色系配色多了起来。（我们知道，有时候设计趋势与设计者的心情有着相关性，难道最近设计师都感觉很阴沉么？）

过去的黑白网页设计大多都是摄影作品集网站，不过最近的黑白网页设计有很大的区别。下面的案例包含了家具设计公司、网站设计公司、心理健康咨询网站。

没有其他的色彩，让这些网站拥有相似的情感传递。

当时用黑白配色时，设计师可能要注意文本放置位置和可读性，以及在某些部分包含颜色该如何处理。尽管色彩不足，不过设计师也依旧可以创造一些有趣的东西。

这里有种技巧，能够让黑白配色显得更有温度感，可以为深色调使用更丰富的色彩搭配。可以用红、蓝、绿等其他颜色作为底色，这样可以让黑色显得更有层次，有助于创造不同的观感。

丰富的黑色用 HEX 编辑器看，是由多种色彩构成的。Hex #000000 根本没有颜色，丰富的黑色是 #004040，还有很多更丰富的黑色的。更丰富的黑色可以作为黑白之间的过度，成为特殊的设计元素。

案例：

更丰富的黑色设计，使得黑色显得更加温暖、亲和

结论

本月的所有设计趋势，都会让文本更难阅读一些。这是设计的概念之一，不过也要分项目来选型，有的项目能够体现出非常好的效果，有的项目就不太搭。

英文原文：3 Essential Design Trends, November 2017 | Webdesigner Depot
旧文推荐：
设计师必看的10个视频（全中文字幕）
灵感迸发 | 国外 28 个知名网站的 404 页面
UI 设计中最重要的颜色