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

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

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

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

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

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

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

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

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

三、衬线的回归

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

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

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

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

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

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

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

五、锐利的渐变

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

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

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

六、打破横向水平的传统

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

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

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

七、圆角复活

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

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

八、鲜艳大胆的配色

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

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

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

九、交互式的故事内容

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

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

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

十、分割桌面屏幕的设计

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

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

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

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

十一、粗犷主义的出现

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

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

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

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

总结

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

去年今日运营文章

  1. 2021:  137个主播小课桌tips(想做主播的同学必看)(0)
  2. 2021:  上瘾机制:用户激励系统(0)
  3. 2020:  社群活跃详解最为有效的技巧(图片版)(0)
  4. 2020:  运营思维(0)
  5. 2020:  从零开始了解推荐系统全貌(0)

原创文章,作者:爱运营,如若转载,请注明出处:https://www.iyunying.org/ue/ui/123047.html

(0)
爱运营爱运营管理员
上一篇 2017年12月25日
下一篇 2017年12月25日

推荐资讯

发表回复

登录后才能评论
分享本页
返回顶部