絲帶和標(biāo)簽都是帶狀的設(shè)計(jì)元素，絲帶的一端或者兩端一般會(huì)有燕尾形的缺口，標(biāo)簽有一點(diǎn)像T恤衫上的商標(biāo)。

　　標(biāo)簽非常有用，它將內(nèi)容直接擺放在用戶眼前，能有效吸引用戶注意力。標(biāo)簽的形式大都非常突出，不管是使用3D樣式或是強(qiáng)烈的對(duì)比色，所以標(biāo)簽經(jīng)常用來(lái)展示重要的信息：logo，導(dǎo)航，活動(dòng)。

　　絲帶經(jīng)常與標(biāo)簽一起使用，用來(lái)吸引用戶注意力并顯示重要信息。

　　絲帶元素網(wǎng)頁(yè)設(shè)計(jì)作品展示

　　Letter Learner

　　在這里，絲帶完美地構(gòu)造了網(wǎng)站的名字Letter Learner。同樣，頁(yè)面布置是一個(gè)簡(jiǎn)單的單列。絲帶構(gòu)造的標(biāo)題激發(fā)用戶從頂部開(kāi)始瀏覽體驗(yàn)。

　　Ribot

　　Ribot的絲帶運(yùn)用非常巧妙。這個(gè)流行元素令整個(gè)頁(yè)面變得生動(dòng)，同時(shí)將公司的焦點(diǎn)集中在兩行文本中。相當(dāng)棒的表達(dá)方式!因?yàn)檫@家公司的名字并沒(méi)有告訴我們它是做什么的。

　　Alex Pierce

　　由于Alex Pierce主頁(yè)上有如此巨大的文本，它不得不采用一個(gè)相對(duì)應(yīng)的元素去平衡頁(yè)面的重感。這種情況下，絲帶在頭部發(fā)揮了很好的作用。我也很喜歡絲帶中間展開(kāi)的部分，這讓人留意到設(shè)計(jì)者的名字。

　　Rockaholic

　　在Rockaholic不同尋常的頁(yè)面上，絲帶直接吸引用戶的注意力向下移動(dòng)，讓人們的視線在網(wǎng)頁(yè)上垂直移動(dòng)，令人不由深入挖掘下去。

　　Paris Jones

　　美味誘人的紅絲帶構(gòu)成網(wǎng)站名Paris Jones。雖然文本的形式很巧妙，不過(guò)對(duì)比強(qiáng)烈的樣式還是保證你能注意到它。

　　Blog en Bois

　　在Blog en Bois上，單箭頭絲帶格外有張力，這很大程度上歸功于明黃背后的暗色調(diào)。我發(fā)現(xiàn)自己一遍又一遍注意到Logo。這真是給人留下深刻印象的好點(diǎn)子。

　　HTML5Boilerplate

　　大受歡迎的html5Boilerplate使用絲帶令哇哦們注意到網(wǎng)頁(yè)上最重要的活動(dòng)元素。我酷愛(ài)這種不必在臉上寫(xiě)著“Download here”就能發(fā)揮作用的絲帶。絲帶間的連接和標(biāo)簽告訴我們哪里可以下載資源。

　　Wells Riley

　　Wells Riley是絲帶運(yùn)用美學(xué)上的經(jīng)典。絲帶看起來(lái)很棒而且突出了網(wǎng)頁(yè)的重點(diǎn)。

　　Dhiraj Singh Karki

　　我總是喜歡那些將內(nèi)容分隔的設(shè)計(jì)。UI設(shè)計(jì)師Dhiraj Singh Karki的網(wǎng)絡(luò)文件夾就是這種類型。這里，絲帶運(yùn)用的相當(dāng)巧妙，它放置的位置與其他網(wǎng)站完全不同。它完美地融入頁(yè)面，與其他元素一起構(gòu)造出整個(gè)網(wǎng)站的簡(jiǎn)潔優(yōu)美。

　　Chipmunk

　　Chipmunk是絲帶和有機(jī)元素結(jié)合的優(yōu)秀例子。絲帶圍繞著導(dǎo)航欄，與下面的圖案完美融合。同時(shí)，它令導(dǎo)航欄沒(méi)有被各類圖片所掩蓋。