印证渐变复兴的20个网站.pdfVIP

印证渐变复兴的20个网站 扁平化设计的时代正在终结 ，或许不会一蹴而就 ，却的 在逐渐衰亡。最有力的证明就是这种崭新 的渐变潮流正在兴起。相比在web 2.0时代见到的那种渐变 ，它们更加细致微妙。 坦白说吧 ，渐变再度盛行了 ！ 我列出了20个主打渐变形式的崭新网页设计。其中有些非常微妙 ，另一些则极度鲜艳 ；不论哪种 ， 渐变都是一种为你设计添彩的有趣手法。 V O2 Gro up V O2新网站的欢迎页面采用了非常规的设计 ，大量不同元素层层叠加。树洞般的设计造就了这个 网站 ！很有意思 ，与众不同。背景元素之一——三角形——呈现了轻微的渐变。就此而言 ，它为三 角形元素增添了视觉吸引力。 Melanie F – Loo k Boo k Melanie的loo k boo k采用的布局方式 ，在时尚类网站中愈发流行 ，其中文字置于图片之上 ，两者却 不粘连。在本例中 ，介绍文字呈现在网站页头的矩形上方。矩形中填充了绿色与紫色的渐变 ，很 显然 ，它有助于吸引视线。 A do rat o rio 这家设计机构以特别的方式运用渐变 ，将它用在了文字区域上。独具一格 ，相当酷炫。这种方法 实能巧妙地将文字风格化 ，非常管用。 Qards 甚至我们Desi nmodo Qard的着陆页也展现了多种渐变。大多页面都被分割成小块 ，背景填充了不 同的渐变色。截图中的页面用的是橙色 ，其他页面则用了由浅到深的蓝色或绿色渐变。渐变的背景 为网站设计增添一种独特的格调。 Symodd Symodd的首屏 ，或者说介绍部分 ，主打由橙色到粉色的全屏渐变背景。这种渐变相对细微 ，因为 这两种色调差异不大 ，赏心悦目。 Inc Inc也在首屏区域使用了渐变。但是稍微有点不同 ，他们将蓝紫色渐变叠加在照片上。此处的渐变也 没有太强烈 ，蓝色与紫色是非常接近的色调 ，将它置于照片之上效果很好。 Pho 又是一个蓝紫色渐变。它是这个案例集中相对柔和的一款 ，不过所选的两种颜色相当华丽——它们 饱和度低 ，但对比强烈 ，看起来令人非常愉悦 ！ Impossible Bureau Impossible Bureau的页面采用了非常鲜明、反差强烈的渐变色 ！很酷的是 ，每当页面加载完成 ，其 他元素在上方出现 ，页面的浓烈与戏剧性并没有被冲淡。 Cust o meed Cust o meed选择极度罕见的绿色渐变。出于某些原因 ，蓝色、紫色、粉色渐变非常盛行。但是绿 色渐变也没有问题 ，它看起来令人愉快 ，与Cust o meed的网站配合良好。 Webf low Webf low并没有大篇幅展示渐变——至少不像本文中其他网站那样。他们在网站首页用了一小片粉 、紫、蓝的渐变点缀。这种激动人心的渐变在各处小范围运用 ，营造了很棒的格调。 Product t o Prof it 着陆页的渐变色很淡——略微有水洗的感觉。无论如何 ，它看起来的 很棒 ，因为并没有刻意突出 。淡蓝淡紫色的渐变叠在照片上 ，效果很好。唤起这个网站一种友好的氛围。 Table Hero Table Hero 的主页遍布友好的小花样 ，说小花样是指各处的点缀。在1像素宽的按钮边框上 ，或是 极细的标题文字上透出一丝渐变。这种方法很有意思 ，在设计中融入渐变来增添深度和多样性 ，却 不会让渐变走火入魔。 Go Go Ro Go Go Ro 的焦点区域采用了极简设计 ，但绝对够抓眼球。除了巨大的文字“ o”、小摩托的照片和少 量小字 ，别无他物。文字本身很细 ，但由于字号够大 ，使它表现出一定的厚度。网站的设计师将欢 快的蓝绿渐变作为文字的颜色。 Se ment Se ment 用了深色设计 ，通常整个区域都采用深灰色背景。但是为了给它添彩——或者说点亮它— —他们用了很多明亮的霓虹绿色来提亮设计。某些区域的绿色渐变颇具吸引力 ，使整个设计引人 注目。 Mapbox 进入Mapbox的主页 ，你会看到一个非常棒的首屏。轮播图中有些采用了微妙的渐变背景 ，为整个 设计增加了纵深感和清晰度。 Gradient s, mot herf ucker. 不知道你是否还记得这个网站 ，Visual Idiot 在2012年发布的。不过随着屏幕滚动 ，你会发现它的渐 不知道你是否还记得这个网站 ，Visual Idiot 在2012年发布的。不过随着屏幕滚动 ，你会发现它的渐 变真是切中要害。这个网站相当简单 ，而且非常滑稽。展现了一系列难以置信的渐变 ，取自彩虹的 颜色 ，例如粉色、蓝色、绿色、橙色。 Pit ney Bowes 又是个大胆