絲帶、標牌在設計中的巧妙應用
2022-05-12 分類： 網站建設
在網站設計時，如果設計一些漂亮別致的花紋、圖案，特別是現在網絡上比較流行的絲帶和標牌，無疑會極大地增加網站的美感度。絲帶的作用不言而喻，很多人都清楚這個元素。但是標牌——我的意思是放在屏幕上方的一個人造標記，看起來有點像T恤衫商標。我認為，如果同時使用這兩種元素的網站，其質量應屬上乘。
有一個問題，為何要使用絲帶和標牌？標牌能高度吸引用戶注意力，直接將內容擺在用戶眼前。標牌形式極為突出，無論使用3D式或是強烈的對比色，標牌都是顯示重要信息：logo、導航、活動等。絲帶的道理也一樣，常與標牌一并使用，高度吸引用戶注意并顯示重要的信息。絲帶兩端的箭頭形狀在視覺上都指向它上面的內容，能直接吸引用戶注意。
下面，我們首先看看絲帶相關的展示。
Letter Learner：通過絲帶好地構造出了網站名字Letter Learner。頁面布置也是一個簡潔的單列。絲帶構造標題容易激發用戶從頂部開始瀏覽和訪問的體驗。
Ribot：Ribot頁面的絲帶運用很巧妙。這個流行元素使得整個頁面生動有趣，將公司的焦點圍攏在簡單的兩行文本中，真是很棒的表達辦法！這是因為，這家公司的名字并不直接告訴瀏覽者它是做什么的。
Alex Pierce：Alex Pierce主頁的文本巨大，必須采用對應元素平衡頁面的沉重感。這樣，絲帶在頭部的作用就開始發揮了。
Rockaholic：在Rockaholic的這個頁面上，絲帶直接吸引用戶注意力移動向下，使瀏覽者視線在網頁上垂直移動，讓人不由得繼續挖掘下去。
Blog en Bois：網頁的單箭頭絲帶格外彰顯張力，這主要得益于明黃背后的暗色調。
HTML5Boilerplate：網頁大受歡迎，其使用絲帶令我們不得不注意網頁上最重要的活動元素。我非常喜歡這種不必在臉上寫著“Download here”文字就能發揮作用的絲帶。絲帶間簡單的連接和標牌就能告訴我們下載資源的位置在哪里。
Wells Riley：這是絲帶應用美學上的最經典。絲帶設計得非常棒，非常凸顯網頁重點。
Chipmunk：這是一個絲帶和有機元素好結合的例子，絲帶緊緊圍繞著導航欄，并與圖案互相好融合，同時確保導航欄沒有被圖片所掩蓋。
其次，我們再來看看標牌網站的展示：
Ennea：看見了嗎？Ennea屬于服裝網站，它毫不猶豫地使用標牌構造Logo和網站的名稱。直白的方式有時候最為有效。
Philip Meissner Design：網站上標牌構成重要導航。有時候，我會被這種方式弄得一塌糊涂，不過話說回來，這楊的布局和顏色讓我第一眼就注意到了。
有一個問題，為何要使用絲帶和標牌？標牌能高度吸引用戶注意力，直接將內容擺在用戶眼前。標牌形式極為突出，無論使用3D式或是強烈的對比色，標牌都是顯示重要信息：logo、導航、活動等。絲帶的道理也一樣，常與標牌一并使用，高度吸引用戶注意并顯示重要的信息。絲帶兩端的箭頭形狀在視覺上都指向它上面的內容，能直接吸引用戶注意。
下面，我們首先看看絲帶相關的展示。
Letter Learner：通過絲帶好地構造出了網站名字Letter Learner。頁面布置也是一個簡潔的單列。絲帶構造標題容易激發用戶從頂部開始瀏覽和訪問的體驗。
Ribot：Ribot頁面的絲帶運用很巧妙。這個流行元素使得整個頁面生動有趣，將公司的焦點圍攏在簡單的兩行文本中，真是很棒的表達辦法！這是因為，這家公司的名字并不直接告訴瀏覽者它是做什么的。
Alex Pierce：Alex Pierce主頁的文本巨大，必須采用對應元素平衡頁面的沉重感。這樣，絲帶在頭部的作用就開始發揮了。
Rockaholic：在Rockaholic的這個頁面上，絲帶直接吸引用戶注意力移動向下，使瀏覽者視線在網頁上垂直移動，讓人不由得繼續挖掘下去。
Blog en Bois：網頁的單箭頭絲帶格外彰顯張力，這主要得益于明黃背后的暗色調。
HTML5Boilerplate：網頁大受歡迎，其使用絲帶令我們不得不注意網頁上最重要的活動元素。我非常喜歡這種不必在臉上寫著“Download here”文字就能發揮作用的絲帶。絲帶間簡單的連接和標牌就能告訴我們下載資源的位置在哪里。
Wells Riley：這是絲帶應用美學上的最經典。絲帶設計得非常棒，非常凸顯網頁重點。
Chipmunk：這是一個絲帶和有機元素好結合的例子，絲帶緊緊圍繞著導航欄，并與圖案互相好融合，同時確保導航欄沒有被圖片所掩蓋。
其次，我們再來看看標牌網站的展示：
Ennea：看見了嗎？Ennea屬于服裝網站，它毫不猶豫地使用標牌構造Logo和網站的名稱。直白的方式有時候最為有效。
Philip Meissner Design：網站上標牌構成重要導航。有時候，我會被這種方式弄得一塌糊涂，不過話說回來，這楊的布局和顏色讓我第一眼就注意到了。
網站標題：絲帶、標牌在設計中的巧妙應用
URL網址：http://vcdvsql.cn/news31/152431.html
成都網站建設公司_創新互聯，為您提供定制開發、軟件開發、網頁設計公司、App設計、外貿網站建設、企業建站
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 網站外鏈和內鏈如何開展SEO技術優化 2022-05-12
- 需要花更多時間做的SEO優化工作有哪些？ 2022-05-12
- 漯河網站優化推廣對一個公司到底有多重要？ 2022-05-12
- 不斷地接力，以用戶為導向的營銷 2022-05-12
- 廣州網頁設計中的色彩理論 2022-05-12
- 建設網站前的用戶定位 2022-05-12
- 網站首頁設計的架構必須清晰明了，保持較好的通透性 2022-05-12
- 制作和維護一個新網站的注意事項 2022-05-12
- 新聞動態網站評價首先需要明確評價目的 2022-05-12
- 站內鏈接的優化 2022-05-12
- 沒有排名的網站優化應該如何進行優化 2022-05-12
- 為什么用心建設好的企業網站可能會無人問津？ 2022-05-12
- SEO優化網站前的準備及關鍵詞布局的合理性 2022-05-12
- 行業動態突出引導, 強化通訊員隊伍建設 2022-05-12
- 行業動態優化DNS 2022-05-12
- 【SEO優化】SEO優化不能忽略的幾個小細節 2022-05-12
- 企業網站開發制作中推薦式網絡營銷實現方法 2022-05-12
- 【SEO優化】網站優化中這幾個SEO診斷分析工具必不可少! 2022-05-12
- 行業動態網頁設計 2022-05-12