相信明年会有越来越多的网站开始尝试新的网格布局,非常规甚至破碎的网格将成为更加流行的设计美学。
Invision Studio就是一个很好的例子,最新发布的网站就在推动网格设计的边界,其对用户在滚动页面时候的网格布局进行了一番改变,甚至还在某些情况下通过在特定位置采用文本覆盖图片的方式“打破”边界。
曾经的扁平化设计为了尽可能地扁平化甚至去掉了衬线。然而当扁平化设计开始走到尽头的时候,人们又开始看到了衬线的回归。
在众筹网站Kickstarter上大家就可以看到一些衬线。这为原本干净、现代的设计布局加入更多的个性,因为衬线就是增加个性化和真实性的方式之一。
多亏了jQuery和CSS3,动画在各大网站发展起来,然而到最近,设计师们想要网页上的所有东西都动起来。所以2018年预计网页会出现更多的动画和交互式内容,但它们出现的目的是为了体验而非分散用户的注意力。
Concrete Rep网站就是一个很好的例子。当滚动页面时将会出现不同的图片和文字内容。
另一个开始流行的趋势将来自渐变的呈现。锐利的渐变风格开始不断出现,它能带来更强烈的视觉效果。
Sketch网页是一个代表例子。大家可以在网页右边看到紫色的锐利渐变。另外当滚动页面的时候还将看到一个圆形靶心效果,这能有助于将渐变的东西变得更加引人注目。
谁说横线必须是水平的?最近,设计师们就开始打破这种传统将横线以斜线的形式表现。通过这种锐利的斜线,网站页面能够获得更多的视觉乐趣并变得更加独特。
Stripe网站展现的效果,可以看到,只要设计得当,斜着的横线看着也非常漂亮、舒服。
看起来圆角并没有真正死去,实际上现在设计师们又将它带来了回来。看Twitter的新推文发布框就是一个很好的证明。
八、鲜艳大胆的配色
想要想出新的配色方案并不容易,所以直到年代才开始出现越来越多的新配色方案,它们看起来好像不大可行但实际上却又行得通。等到2018年,人们可能将会看到更多鲜艳、大胆的实验性配色方案。有时候许多明亮的颜色都被认为不大可能和平共处,但真把它们放在一起的时候效果却出奇得好。
不信请看Spotify,其采用了粉色、金色、橙色这三种一般不会有人想到将它们组合在一起的颜色,最终的效果相信大家也都看到了,非常棒。
现在,越来越多的网页开发者开始通过动画或视频来帮助他们更好地呈现其所要诉说的故事。
CNN最近发布的一篇关于全球变暖和格陵兰岛冰川融化的新闻报道,其将故事分成多个部分并且在每个部分都提供了不同的背景、动画。
眼下还出现了这样一个流行趋势,即让一或两张图片来接管网页试图,从中间垂直向下分割。
Jaune de Chrome网站就是这一趋势的代表之一。
也许许多人没有听说过粗犷主义,当在网页设计中谈论到这个也就意味着与以上谈论所有趋势的对立面。它几乎打破了所有网页设计和用户体验的规则。
粗犷主义网站只遵循自己的设计美学,其不符合任何美学趋势。上图就是一个粗犷主义网站的典型框架,下图则是一个粗犷主义网站设计的范例。
总结