網頁設計元素剖析絲帶和標簽
絲帶和標簽都是帶狀的設計元素，絲帶的一端或者兩端一般會有燕尾形的缺口，標簽有一點像T恤衫上的商標。
標簽非常有用，它將內容直接擺放在用戶眼前，能有效吸引用戶注意力。標簽的形式大都非常突出，不管是使用3D樣式或是強烈的對比色，所以標簽經常用來展示重要的信息：logo，導航，活動。
絲帶經常與標簽一起使用，用來吸引用戶注意力並顯示重要信息。
絲帶元素網頁設計作品展示
Letter Learner
在這裏，絲帶完美地構造了網站的名字Letter Learner。同樣，頁面布置是一個簡單的單列。絲帶構造的標題激發用戶從頂部開始浏覽體驗。
Ribot
Ribot的絲帶運用非常巧妙。這個流行元素令整個頁面變得生動，同時將的焦點集中在兩行文本中。相當棒的表達方式！因爲這家的名字並沒有告訴我們它是做什麽的。
Blog en Bois
在Blog en Bois上，單箭頭絲帶格外有張力，這很大程度上歸功于明黃背後的暗色調。我發現自己一遍又一遍注意到Logo。這真是給人留下深刻印象的好點子。
HTML5Boilerplate
大受歡迎的html5Boilerplate使用絲帶令哇哦們注意到網頁上最重要的活動元網頁設計素。我酷愛這種不必在臉上寫著“Download here”就能發揮作用的絲帶。絲帶間的連接和標簽告訴我們哪裏可以下載資源。
Wells Riley
Wells Riley是絲帶運用美學上的經典。絲帶看起來很棒而且突出了網頁的重點。
Dhiraj Singh Karki
我總是喜歡那些將內容分隔的設計。UI設計師Dhiraj Singh Karki的網絡文件夾就是這種類型。這裏，絲帶運用的相當巧妙，它放置的位置與其他網站完全不同。它完美地融入頁面，與其他元素一起構造出整個網站的簡網頁設計公司潔優美。
Chipmunk
Chipmunk是絲網頁設計帶和有機元素結合的優秀例子。絲帶圍繞著導航欄，與下面的圖案完美融合。同時，它令導航欄沒有被各類圖片所掩蓋。
Alex Pierce
由于Alex Pierce主頁上有如此巨大的文本網頁設計，它不得不采用一個相對應的元素去平衡頁面的重感。這種情況下，絲帶在頭部發揮了很好的作用。我也很喜歡絲帶中間展開的部分，這讓人留意到設計者的名字。
Rockaholic
在Rockaholic不同台中網頁設計尋常的頁面上，絲帶直接吸引用戶的注意力向下移動，讓人們的視線在網頁上垂直移動，令人不由深入挖掘下去。
Paris Jones
美味誘人的紅絲帶構成網站名Paris Jones。雖然文本的形式很巧妙，不過對比強烈的樣式還是保證你能注意到它。
|
