當(dāng)網(wǎng)站的分類不會經(jīng)常改變時,在網(wǎng)站的LOGO和頁頭下方,水平放置一組固定的單行標(biāo)簽,是一種提供高層級的導(dǎo)航的方法.標(biāo)簽導(dǎo)航應(yīng)該與整個頁面寬度一致,分類的標(biāo)題應(yīng)該是可預(yù)知并且盡可能短,同時通過高亮當(dāng)前選中的標(biāo)簽來保持”文件夾的隱喻”

解決什么問題?

用戶需要通過一個全站導(dǎo)航來定位內(nèi)容和功能,同時需要清晰的示意用戶的當(dāng)前位

什么時候用

有3-10個分類標(biāo)題時

分類標(biāo)題要相對較短同時(標(biāo)題內(nèi)的內(nèi)容)可預(yù)知

分類的數(shù)量不會經(jīng)常變化

頁面的整體寬度取決于內(nèi)容.另一個可選方案是左側(cè)導(dǎo)航條

所有分類屬于一個網(wǎng)站

你需要展示網(wǎng)站的頂級導(dǎo)航

你需要示意在一組可選項中用戶的當(dāng)前選擇

(當(dāng)用戶點擊時)你需要改變整個頁面而不只是頁面內(nèi)容中的某一個小節(jié)

你需要一種控制頂級導(dǎo)航的方式

具體解決辦法是什么

在網(wǎng)站的LOGO和頁頭下方水平放置一組標(biāo)簽欄

如果第一個標(biāo)簽是”首頁”,那么應(yīng)該指向網(wǎng)站的首頁

整個標(biāo)簽區(qū)域都可點-而不僅僅是其中的文字

標(biāo)簽中的每一個頁面都應(yīng)該保證有標(biāo)簽導(dǎo)航條

當(dāng)分類列表太長時,建議使用”更多”鏈接,或者考慮使用左側(cè)導(dǎo)航條

保持隱喻

被選中的標(biāo)簽應(yīng)該突起在其他所有標(biāo)簽之前.沒有選中的標(biāo)簽在視覺上應(yīng)該位于后面,以此來加固用戶的概念:是通過選中標(biāo)簽到達(dá)這個頁面

被選中標(biāo)簽及所到達(dá)的頁面應(yīng)該有視覺上的聯(lián)系,可以通過設(shè)計暗示,:比如顏色,邊框,括號等等.選擇另一個標(biāo)簽后應(yīng)該重繪整個頁面,同時展示與新標(biāo)簽有關(guān)的新的信息.

永遠(yuǎn)不要用多行的標(biāo)簽,因為這樣會導(dǎo)致選中的與未選中標(biāo)簽之間的困惑

當(dāng)用戶從一個標(biāo)簽跳轉(zhuǎn)到另一個標(biāo)簽時,整個標(biāo)簽欄應(yīng)該出現(xiàn)在相同的位置

為什么使用這個組件

標(biāo)簽可以保證情境.在大量信息中,它們具有視覺化表現(xiàn)用戶的當(dāng)前位置的作用

標(biāo)簽是基于現(xiàn)實生活的隱喻.”一組文件夾中的最前面的”隱喻讓選中狀態(tài)更容易理解

標(biāo)簽提供了導(dǎo)航.它們具有導(dǎo)航網(wǎng)站的作用

可訪問

允許用戶通過Tab鍵通過合理的順序來在定位標(biāo)簽

已定位的標(biāo)簽可以通過回車鍵來訪問

通過以下替代手段中的一種來標(biāo)識選中的標(biāo)簽(和面板)(除了視覺標(biāo)識)

在已激活的鏈接上加入值為”active”的title屬性

給鏈接加上不可見的ALT屬性,值為”active(激活)”

給表示已選中的Yahoo!圖片加入值為”active”的ALT屬性

新聞標(biāo)題：導(dǎo)航標(biāo)簽
網(wǎng)頁URL：http://redsoil1982.com.cn/news25/321475.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計公司、網(wǎng)站導(dǎo)航、網(wǎng)站改版、建站公司

廣告

聲明：本網(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)