在这个火热的8月,正在流行这3种网页设计趋势

设计趋势总会在你迷茫的时候,给你一点灵光。在合适的时候,恰到好处地「跟风」,借助流行的趋势帮你作出更合时宜的好设计。炎热的8月即将到来,我们观察到三个设计的趋势,当下正在流行。

1. 以白色和浅色为主的配色方案

虽然以白色和浅色为主的配色方案似乎哪里都有,但是在最近,这种趋势体现的非常的明显。

色彩的运用一直都是诸多设计趋势当中,最为醒目的组成部分。这种以白色和浅色为主的色彩美学,似乎在和之前所流行的高饱和度霓虹色的流行做对抗,柔和的灰色,相对清冷的色调,甚至是显得没有足够温度的粉色,这些色彩都在力图淡化之前配色方案中浓稠的情感和激荡的氛围。

Verho

以白色和浅色为主的配色方案,相对而言是没有那么醒目的,设计师在采用这种配色方案的时候,常常会结合其他的元素,来丰富整个设计的视觉感,这样就避免了出现「过于普通」的视觉感受。这种配色设计还包括了使用片拍的图片素材,就像 Verho 这个网站。

Omega Yeast

Alexandra Elise

不过图片和色块并不是唯一的实现这种配色的方案,采用视频或者插画元素同样可以做到,比如 Omega Yeast 和 Alexandra Elise 这两个网站,它们同样足够吸引人。

这一设计趋势可以搭配风格相对清爽、情绪比较清浅的网站主题,在炎热的夏季显得尤为有感觉。页面中的文本内容只需要采用相对较深色彩的字体,即可确保良好的可读性。

在按钮和为数不多最为重要的元素上,可以采用明亮的色彩,以示强调,整体风格则可以保持极简。

如果你喜欢极简主义的设计,并且打算运用这一趋势,这篇文章别错过了:

2. 数据可视化

数据可视化将数据的直观性提到了一个全新的层次,它使得跨行业的数据展示和信息呈现变得更加有价值,也更加可靠,而大规模的可视化的数据呈现并不是奇怪的事情。

不过也正是因为数据可视化让数据变得更加亲民,设计师开始更多地将图表和数据加入到日常的设计当中来,结合交互式动画,让数据在整个网页设计当中,开始发挥更多的作用。借助可视化的设计,数据信息更轻松地为用户所理解,整体设计也开始显得更加富有吸引力。

而这种设计趋势需要设计师花费更多的精力来处理数据,尽量多借助现成的数据可视化的工具来进行设计。

在网页设计当中,将数据以可视化的方式嵌入进去有很多不同的方式,而这一趋势最吸引人的地方也是交互式的动态信息展现。

Tree Tree Tree

Tree Tree Tree 这个网站就很好的利用了数据可视化来展示天气,当你输入你感兴趣的地方的时候,它会使用可视化的树木来呈现当地风力大小。此外,你还能和底部的交互式的地图进行互动。

Tomorrow’s World

Tomorrow’s World 这个网站则始于一项调研,而网站最终会将一系列的调查使用可视化的方式呈现出来,帮助用户了解周围的世界。

Qravity

Qravity 在网站中加入了多个数据输入点,用户可以通过滚动交互来调整时间轴,信息的呈现也会随之发生改变(比如日期和事件),这比起简单的列表要好懂得多。

3. 多边形2.0

多边形元素从2017年开始成为设计师们的心头好,作为一种持续流行的、泛用型的设计趋势,一直流行到现在。有意思的是,多边形元素也不再维持以往常见的样子,开始在外观和视觉上发生改变。现如今的多边形不再是以往小巧玲珑、成群结队的样子,设计师开始有意识地挑选一些多边形,赋予它们超大的外观造型,而不再是简单的点缀和堆砌。

这些超大的多边形元素可以在不同的设计风格之下良好地运作,结合不同的样式和色彩,发挥作用。它们可以作为整个设计模式中的一员,作为装饰元素也可以用来作为强调特定内容的容器(比如图片和文本)。

多边形元素的有点在于,它们造型多变,可以区别于常见的原型和矩形,更容易吸引用户的注意力。这种不同的使用方式,我们姑且称之为 多边形 2.0。

The Alan Turing Institute

多边形的特征、角度可以随着你的设计需求来灵活选择,比如 The Alan Turing Institute 这个网站会在右侧露出三角形的一部分,Evoluted 这个网站则将简单的线条和多边形搭配在一起,互相叠加营造出聚合的感觉,而 Iqor 这个网站则更加倾向于使用多边形来承载内容。

Evoluted

iqor

多边形和不同的色彩搭配,所带来的视觉体验和强调效果都是非常突出的。不过要将内容和多边形结合起来,设计师还是得花点心思。

更多多边形元素的玩法看这里:

结语

对于设计趋势而言,它是存在时效性的,它之所以在特定的阶段流行有诸多因素的影响。当你在设计的时候没有想法的时候,设计趋势能够给你的不仅仅是当下设计方向上的选取,也为你提供了一个可供参考的选择。

优设大课堂

文章来源:

Author:陈子木
link:https://www.uisdc.com/essential-design-trends-august-2018