网页设计元素剖析：丝带与标签

　丝带和标签都是带状的设计元素，丝带的一端或者两端一般会有燕尾形的缺口，标签有一点像T恤衫上的商标。

　　标签非常有用，它将内容直接摆放在用户眼前，能有效吸引用户注意力。标签的形式大都非常突出，不管是使用3D样式或是强烈的对比色，所以标签经常用来展示重要的信息：logo，导航，活动。

　　丝带经常与标签一起使用，用来吸引用户注意力并显示重要信息。

　　丝带元素网页设计作品展示

　　Letter Learner

　　在这里，丝带完美地构造了网站的名字Letter Learner。同样，页面布置是一个简单的单列。丝带构造的标题激发用户从顶部开始浏览体验。

　　Ribot

　　Ribot的丝带运用非常巧妙。这个流行元素令整个页面变得生动，同时将公司的焦点集中在两行文本中。相当棒的表达方式!因为这家公司的名字并没有告诉我们它是做什么的。

　　Alex Pierce

　　由于Alex Pierce主页上有如此巨大的文本，它不得不采用一个相对应的元素去平衡页面的重感。这种情况下，丝带在头部发挥了很好的作用。我也很喜欢丝带中间展开的部分，这让人留意到设计者的名字。

　　Rockaholic

　　在Rockaholic不同寻常的页面上，丝带直接吸引用户的注意力向下移动，让人们的视线在网页上垂直移动，令人不由深入挖掘下去。

　　Paris Jones

　　美味诱人的红丝带构成网站名Paris Jones。虽然文本的形式很巧妙，不过对比强烈的样式还是保证你能注意到它。

　　Blog en Bois

　　在Blog en Bois上，单箭头丝带格外有张力，这很大程度上归功于明黄背后的暗色调。我发现自己一遍又一遍注意到Logo。这真是给人留下深刻印象的好点子。

　　HTML5Boilerplate

　　大受欢迎的html5Boilerplate使用丝带令哇哦们注意到网页上最重要的活动元素。我酷爱这种不必在脸上写着“Download here”就能发挥作用的丝带。丝带间的连接和标签告诉我们哪里可以下载资源。

　　Wells Riley

　　Wells Riley是丝带运用美学上的经典。丝带看起来很棒而且突出了网页的重点。

　　Dhiraj Singh Karki

　　我总是喜欢那些将内容分隔的设计。UI设计师Dhiraj Singh Karki的网络文件夹就是这种类型。这里，丝带运用的相当巧妙，它放置的位置与其他网站完全不同。它完美地融入页面，与其他元素一起构造出整个网站的简洁优美。

　　Chipmunk

　　Chipmunk是丝带和有机元素结合的优秀例子。丝带围绕着导航栏，与下面的图案完美融合。同时，它令导航栏没有被各类图片所掩盖。