絲帶、標(biāo)牌在設(shè)計中的巧妙應(yīng)用

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

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

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

廣告

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