皇上,还记得我吗?我就是1999年那个Linux伊甸园啊-----24小时滚动更新开源资讯,全年无休!

探寻 2018 年将可能出现的网页设计流行趋势

2017 年马上就要接近尾声,这意味着各种年终盘点、下一年前瞻的时刻到了。为此,外媒 thenextweb 对 2018 年的网页设计趋势进行了预测,以下为其诺列的 11 个发展趋势,具体如下:

一、弹出式/插入式内容的终结

Google 往往是网页趋势发展背后的驱动者。最近,这家搜索引擎公司宣布将处罚那些在搜索结果中使用弹出式或插入式内容等扰人政策的网站,例如屏蔽那些当用户点击弹出窗口上的“X(关闭)”按钮之后才会消息的内容。

不过并不是所有插入式内容都会消失,像年龄验证、登录窗口等内容则会被保留下来。

二、破碎/非常规网格布局

相信明年会有越来越多的网站开始尝试新的网格布局,非常规甚至破碎的网格将成为更加流行的设计美学。

02.png

Invision Studio 就是一个很好的例子,最新发布的网站就在推动网格设计的边界,其对用户在滚动页面时候的网格布局进行了一番改变,甚至还在某些情况下通过在特定位置采用文本覆盖图片的方式“打破”边界。

三、衬线的回归

曾经的扁平化设计为了尽可能地扁平化甚至去掉了衬线。然而当扁平化设计开始走到尽头的时候,人们又开始看到了衬线的回归。

03.png

在众筹网站 Kickstarter 上大家就可以看到一些衬线。这为原本干净、现代的设计布局加入更多的个性,因为衬线就是增加个性化和真实性的方式之一。

四、动画的存在不再分散用户注意力

多亏了 jQuery 和 CSS3,动画在各大网站发展起来,然而到最近,设计师们想要网页上的所有东西都动起来。所以 2018 年预计网页会出现更多的动画和交互式内容,但它们出现的目的是为了体验而非分散用户的注意力。

04.png

Concrete Rep 网站就是一个很好的例子。当滚动页面时将会出现不同的图片和文字内容。

五、锐利的渐变

另一个开始流行的趋势将来自渐变的呈现。锐利的渐变风格开始不断出现,它能带来更强烈的视觉效果。

05.png

Sketch 网页是一个代表例子。大家可以在网页右边看到紫色的锐利渐变。另外当滚动页面的时候还将看到一个圆形靶心效果,这能有助于将渐变的东西变得更加引人注目。

六、打破横向水平的传统

谁说横线必须是水平的?最近,设计师们就开始打破这种传统将横线以斜线的形式表现。通过这种锐利的斜线,网站页面能够获得更多的视觉乐趣并变得更加独特。

06.png

Stripe 网站展现的效果,可以看到,只要设计得当,斜着的横线看着也非常漂亮、舒服。

七、圆角复活

看起来圆角并没有真正死去,实际上现在设计师们又将它带来了回来。看 Twitter 的新推文发布框就是一个很好的证明。

07.png

八、鲜艳大胆的配色

想要想出新的配色方案并不容易,所以直到年代才开始出现越来越多的新配色方案,它们看起来好像不大可行但实际上却又行得通。等到 2018 年,人们可能将会看到更多鲜艳、大胆的实验性配色方案。有时候许多明亮的颜色都被认为不大可能和平共处,但真把它们放在一起的时候效果却出奇得好。

08.png

不信请看 Spotify,其采用了粉色、金色、橙色这三种一般不会有人想到将它们组合在一起的颜色,最终的效果相信大家也都看到了,非常棒。

九、交互式的故事内容

现在,越来越多的网页开发者开始通过动画或视频来帮助他们更好地呈现其所要诉说的故事。

09.png

CNN 最近发布的一篇关于全球变暖和格陵兰岛冰川融化的新闻报道,其将故事分成多个部分并且在每个部分都提供了不同的背景、动画。

十、分割桌面屏幕的设计

眼下还出现了这样一个流行趋势,即让一或两张图片来接管网页试图,从中间垂直向下分割。

Jaune de Chrome 网站就是这一趋势的代表之一。

十一、粗犷主义的出现

也许许多人没有听说过粗犷主义,当在网页设计中谈论到这个也就意味着与以上谈论所有趋势的对立面。它几乎打破了所有网页设计和用户体验的规则。

11-1.png

粗犷主义网站只遵循自己的设计美学,其不符合任何美学趋势。上图就是一个粗犷主义网站的典型框架,下图则是一个粗犷主义网站设计的范例。

11-2.png

总结

就网页设计而言,2018 年注定会是令人兴奋的一年。上面谈到的趋势在 2017 年最后几个月已经广受欢迎,所以相信到了明年它们势必将能大放异彩。

转自 http://www.cnbeta.com/articles/tech/682763.htm

分享到:更多 ()