這兩種圖案越來(lái)越流行,文中將它們放在一起討論,因?yàn)樗鼈兇蠖纪瑫r(shí)使用,絲帶不言而喻,大家都清楚這個(gè)元素。但標(biāo)牌——我的意思是它是放在屏幕上方的人造標(biāo)記,看起來(lái)就像t恤衫上的商標(biāo)。使用這兩種元素的網(wǎng)站確實(shí)質(zhì)量上乘。這次展示的案例都非常華美。極少有潮流像這樣:篩掉許許多多無(wú)趣的例子才找到一個(gè)有吸引力的個(gè)案。
標(biāo)牌非常有用,因?yàn)樗苡行脩糇⒁饬Α?biāo)牌將內(nèi)容擺放在用戶眼前。標(biāo)牌的形式大都非常突出,不管是使用3D樣式或是強(qiáng)烈的對(duì)比色。
這種特性使標(biāo)牌經(jīng)常顯示重要的信息:logo,導(dǎo)航,活動(dòng)。在下面的展示中我們能明白它的用處。當(dāng)然,在使用它之前,你要確定是否真的需要。
絲帶也是同樣,它經(jīng)常與標(biāo)牌一起使用,能吸引用戶注意并顯示重要信息。絲帶兩端的箭頭形狀看起來(lái)都指向它上面的內(nèi)容,直接吸引著用戶的注意力。
絲帶相關(guān)的展示
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),令人不由深入挖掘下去
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)