UI培训
美国上市UI培训机构

400-111-8989

热门课程

扁平化终结,渐变已经成为网页设计的新趋势

  • 时间:2015-10-14
  • 发布:达内
  • 来源:达内

扁平化设计的时代正在终结,或许不会一蹴而就,却的确在逐渐衰亡。最有力的证明就是这种崭新的渐变潮流正在兴起。相比在web 2.0时代见到的那种渐变,它们更加细致微妙。

坦白说吧,渐变再度盛行了!

我列出了20个主打渐变形式的崭新网页设计。其中有些非常微妙,另一些则极度鲜艳;不论哪种,渐变都是一种为你设计添彩的有趣手法。

VO2 Group

扁平化终结,渐变已经成为网页设计的新趋势

VO2新网站的欢迎页面采用了非常规的设计,大量不同元素层层叠加。树洞般的设计造就了这个网站!很有意思,与众不同。背景元素之一——三角形——呈现了轻微的渐变。就此而言,它为三角形元素增添了视觉吸引力。

Melanie F – Look Book

扁平化终结,渐变已经成为网页设计的新趋势

Melanie的look book采用的布局方式,在时尚类网站中愈发流行,其中文字置于图片之上,两者却不粘连。在本例中,介绍文字呈现在网站页头的矩形上方。矩形中填充了绿色与紫色的渐变,很显然,它有助于吸引视线。

Adoratorio

扁平化终结,渐变已经成为网页设计的新趋势

这家设计机构以特别的方式运用渐变,将它用在了文字区域上。独具一格,相当酷炫。这种方法确实能巧妙地将文字风格化,非常管用。

Qards

扁平化终结,渐变已经成为网页设计的新趋势

甚至我们Designmodo Qard的着陆页也展现了多种渐变。大多页面都被分割成小块,背景填充了不同的渐变色。截图中的页面用的是橙色,其他页面则用了由浅到深的蓝色或绿色渐变。渐变的背景为网站设计增添一种独特的格调。

Symodd

扁平化终结,渐变已经成为网页设计的新趋势

Symodd的首屏,或者说介绍部分,主打由橙色到粉色的全屏渐变背景。这种渐变相对细微,因为这两种色调差异不大,赏心悦目。

Inc

扁平化终结,渐变已经成为网页设计的新趋势

Inc也在首屏区域使用了渐变。但是稍微有点不同,他们将蓝紫色渐变叠加在照片上。此处的渐变也没有太强烈,蓝色与紫色是非常接近的色调,将它置于照片之上效果很好。

Impossible Bureau

扁平化终结,渐变已经成为网页设计的新趋势

Impossible Bureau的页面采用了非常鲜明、反差强烈的渐变色!很酷的是,每当页面加载完成,其他元素在上方出现,页面的浓烈与戏剧性并没有被冲淡。

Customeed

扁平化终结,渐变已经成为网页设计的新趋势

Customeed选择极度罕见的绿色渐变。出于某些原因,蓝色、紫色、粉色渐变非常盛行。但是绿色渐变也没有问题,它看起来令人愉快,与Customeed的网站配合良好。

Webflow

扁平化终结,渐变已经成为网页设计的新趋势

Webflow并没有大篇幅展示渐变——至少不像本文中其他网站那样。他们在网站首页用了一小片粉、紫、蓝的渐变点缀。这种激动人心的渐变在各处小范围运用,营造了很棒的格调。

Product to Profit

扁平化终结,渐变已经成为网页设计的新趋势

着陆页的渐变色很淡——略微有水洗的感觉。无论如何,它看起来的确很棒,因为并没有刻意突出。淡蓝淡紫色的渐变叠在照片上,效果很好。唤起这个网站一种友好的氛围。

Table Hero

扁平化终结,渐变已经成为网页设计的新趋势

Table Hero的主页遍布友好的小花样,说小花样是指各处的点缀。在1像素宽的按钮边框上,或是极细的标题文字上透出一丝渐变。这种方法很有意思,在设计中融入渐变来增添深度和多样性,却不会让渐变走火入魔。

GoGoRo

扁平化终结,渐变已经成为网页设计的新趋势

GoGoRo的焦点区域采用了极简设计,但绝对够抓眼球。除了巨大的文字“go”、小摩托的照片和少量小字,别无他物。文字本身很细,但由于字号够大,使它表现出一定的厚度。网站的设计师将欢快的蓝绿渐变作为文字的颜色。

结论

可以看出,渐变是一项有趣的设计决策。它们造就了这种欢快、激动人心的设计。总体来说,渐变并不差——从来都没有差过——只是我们对太极端的渐变感到厌烦。尽管这些案例中有部分对比很强烈,也有一些呈现了它柔和的一面。希望这一系列能在你未来的设计中激发你的灵感。

上一篇:一个设计师的创业随想
下一篇:什么样的配色才能体现出高端的感觉?

做了这么久的设计,你还有创意吗?

创意图形的"构成"!形与意结合

做设计,如何给思维加一道菜?

2018,平面设计师必知的版式设计方法和趋势

选择城市和中心
贵州省

广西省

海南省