網頁設計中經常出現的元素:絲帶與標簽
絲帶和標簽都是帶狀的設計元素,網頁設計絲帶的一端或者兩端一般會有燕尾形的缺口,標簽有一點像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”就能發揮作用的絲帶。絲帶間的連接和標簽告訴我們哪裏可以下載資源。
Dhiraj Singh Karki
我總是喜歡那些將內容分隔的設計。UI設計師Dhiraj Singh Karki的網絡文件夾就是這種類型。這裏,絲帶運用的相當巧妙,它放置的位置與其他網站完全不同。它完美地融入頁面,與其他元素一起構造出整個網站的簡潔優美。
Chipmunk
Chipmunk是絲帶和有機元素結合的優秀例子。絲帶圍繞著導航欄,與下面的圖案完美融合。同時,它令導航欄沒有被各類圖片所掩蓋。
- Feb 29 Wed 2012 09:59
網頁設計中經常出現的元素:絲帶與標簽
close
全站熱搜
留言列表
發表留言