简评:最新 2017 年 11 月网页设计趋势。分别是下划线、遮盖文字、黑白。
11 月的三种网页流行趋势,视觉效果都杠杠的,不过易用性和可读性如何呢?让我们进入今天的文章。
I.文字下划线和下划线元素
下划线的文字是一种相当意想不到的趋势。这里说的下划线不是你文字编辑时的普通下划线,也不是网页超链接的那种下划线。
下划线的文字和元素趋势使用颜色和线条,来突出显示特定信息并将焦点集中到某个内容区域。明智的使用下划线能够将设计中的不同元素结合,达到无缝过渡的效果。
案例:
西蒙·李画廊使用下划线把用户的视线聚焦于最下的字体上。有一个强烈的对比同时,又不会让焦点失却。
HooHaa 设计使用下划线,线的下面有一个小三角元素,整体构成了天平既视感。有助于用户聚焦和记忆 HoohaaDesign 这个名字。
亚伯设计集团采用另一种方式,橙色的线条在此充当着中心线的作用,达到将背景图案与文本相结合的作用。
II.遮盖文字
可能你觉得这种设计已经出来好久了,不应该成为 11 月的最新的趋势,不过实话告诉你,还有好多设计是在玩这个概念。
这种设计有一定的难度,好多的设计师都在这折了。特别是在响应式框架中更容易出问题。
但如果能玩明白这个设计,会非常的抓人。下面 RootStudio 例子就非常精彩,显眼的色彩配合间接地字体,加上长颈鹿栩栩如生,让人印象深刻。
如何能玩转这改字体这种设计呢?
确保这个词常见遮盖的词或短语很常见
不要遮盖到太多的文本
文本上面的遮盖物是主体
使用极简的字体,确保字体不会与前面的遮盖物产生冲突
保持其余的设计简单,以便用户可以轻松的关注字体并阅读理解
III.黑白美学
黑白配色方案是近年来较少的,但最近黑白配色、偏暗配色、或者单色、灰色系配色多了起来。(我们知道,有时候设计趋势与设计者的心情有着相关性,难道最近设计师都感觉很阴沉么?)
过去的黑白网页设计大多都是摄影作品集网站,不过最近的黑白网页设计有很大的区别。下面的案例包含了家具设计公司、网站设计公司、心理健康咨询网站。
没有其他的色彩,让这些网站拥有相似的情感传递。
当时用黑白配色时,设计师可能要注意文本放置位置和可读性,以及在某些部分包含颜色该如何处理。尽管色彩不足,不过设计师也依旧可以创造一些有趣的东西。
这里有种技巧,能够让黑白配色显得更有温度感,可以为深色调使用更丰富的色彩搭配。可以用红、蓝、绿等其他颜色作为底色,这样可以让黑色显得更有层次,有助于创造不同的观感。
丰富的黑色用 HEX 编辑器看,是由多种色彩构成的。Hex #000000 根本没有颜色,丰富的黑色是 #004040,还有很多更丰富的黑色的。更丰富的黑色可以作为黑白之间的过度,成为特殊的设计元素。
案例:
结论
本月的所有设计趋势,都会让文本更难阅读一些。这是设计的概念之一,不过也要分项目来选型,有的项目能够体现出非常好的效果,有的项目就不太搭。
英文原文:3 Essential Design Trends, November 2017 | Webdesigner Depot
旧文推荐:
设计师必看的10个视频(全中文字幕)
灵感迸发 | 国外 28 个知名网站的 404 页面
UI 设计中最重要的颜色