在網(wǎng)站設(shè)計(jì)時(shí)，如果設(shè)計(jì)一些漂亮別致的花紋、圖案，特別是現(xiàn)在網(wǎng)絡(luò)上比較流行的絲帶和標(biāo)牌，無(wú)疑會(huì)極大地增加網(wǎng)站的美感度。絲帶的作用不言而喻，很多人都清楚這個(gè)元素。但是標(biāo)牌——我的意思是放在屏幕上方的一個(gè)人造標(biāo)記，看起來(lái)有點(diǎn)像T恤衫商標(biāo)。我認(rèn)為，如果同時(shí)使用這兩種元素的網(wǎng)站，其質(zhì)量應(yīng)屬上乘。
有一個(gè)問(wèn)題，為何要使用絲帶和標(biāo)牌？標(biāo)牌能高度吸引用戶注意力，直接將內(nèi)容擺在用戶眼前。標(biāo)牌形式極為突出，無(wú)論使用3D式或是強(qiáng)烈的對(duì)比色，標(biāo)牌都是顯示重要信息：logo、導(dǎo)航、活動(dòng)等。絲帶的道理也一樣，常與標(biāo)牌一并使用，高度吸引用戶注意并顯示重要的信息。絲帶兩端的箭頭形狀在視覺(jué)上都指向它上面的內(nèi)容，能直接吸引用戶注意。
下面，我們首先看看絲帶相關(guān)的展示。
Letter Learner：通過(guò)絲帶好地構(gòu)造出了網(wǎng)站名字Letter Learner。頁(yè)面布置也是一個(gè)簡(jiǎn)潔的單列。絲帶構(gòu)造標(biāo)題容易激發(fā)用戶從頂部開(kāi)始瀏覽和訪問(wèn)的體驗(yàn)。
Ribot：Ribot頁(yè)面的絲帶運(yùn)用很巧妙。這個(gè)流行元素使得整個(gè)頁(yè)面生動(dòng)有趣，將公司的焦點(diǎn)圍攏在簡(jiǎn)單的兩行文本中，真是很棒的表達(dá)辦法！這是因?yàn)?，這家公司的名字并不直接告訴瀏覽者它是做什么的。
Alex Pierce：Alex Pierce主頁(yè)的文本巨大，必須采用對(duì)應(yīng)元素平衡頁(yè)面的沉重感。這樣，絲帶在頭部的作用就開(kāi)始發(fā)揮了。
Rockaholic：在Rockaholic的這個(gè)頁(yè)面上，絲帶直接吸引用戶注意力移動(dòng)向下，使瀏覽者視線在網(wǎng)頁(yè)上垂直移動(dòng)，讓人不由得繼續(xù)挖掘下去。
Blog en Bois：網(wǎng)頁(yè)的單箭頭絲帶格外彰顯張力，這主要得益于明黃背后的暗色調(diào)。
HTML5Boilerplate：網(wǎng)頁(yè)大受歡迎，其使用絲帶令我們不得不注意網(wǎng)頁(yè)上最重要的活動(dòng)元素。我非常喜歡這種不必在臉上寫(xiě)著“Download here”文字就能發(fā)揮作用的絲帶。絲帶間簡(jiǎn)單的連接和標(biāo)牌就能告訴我們下載資源的位置在哪里。
Wells Riley：這是絲帶應(yīng)用美學(xué)上的最經(jīng)典。絲帶設(shè)計(jì)得非常棒，非常凸顯網(wǎng)頁(yè)重點(diǎn)。
Chipmunk：這是一個(gè)絲帶和有機(jī)元素好結(jié)合的例子，絲帶緊緊圍繞著導(dǎo)航欄，并與圖案互相好融合，同時(shí)確保導(dǎo)航欄沒(méi)有被圖片所掩蓋。
其次，我們?cè)賮?lái)看看標(biāo)牌網(wǎng)站的展示：
Ennea：看見(jiàn)了嗎？Ennea屬于服裝網(wǎng)站，它毫不猶豫地使用標(biāo)牌構(gòu)造Logo和網(wǎng)站的名稱。直白的方式有時(shí)候最為有效。
Philip Meissner Design：網(wǎng)站上標(biāo)牌構(gòu)成重要導(dǎo)航。有時(shí)候，我會(huì)被這種方式弄得一塌糊涂，不過(guò)話說(shuō)回來(lái)，這楊的布局和顏色讓我第一眼就注意到了。

分享題目：絲帶、標(biāo)牌在設(shè)計(jì)中的巧妙應(yīng)用
地址分享：http://jinyejixie.com/news/152431.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、ChatGPT、面包屑導(dǎo)航、外貿(mào)建站、動(dòng)態(tài)網(wǎng)站、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)