中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 網(wǎng)站設(shè)計中的面包屑
讓設(shè)計散發(fā)文化韻味 回到列表 瞎扯之Web導(dǎo)航
 網(wǎng)站設(shè)計中的面包屑

作者:vocal 時間: 2009-03-19 文檔類型:翻譯 來自:藍(lán)色理想

第 1 頁 網(wǎng)站設(shè)計中的面包屑 [1]
第 2 頁 網(wǎng)站設(shè)計中的面包屑 [2]
第 3 頁 網(wǎng)站設(shè)計中的面包屑 [3]
第 4 頁 網(wǎng)站設(shè)計中的面包屑 [4]
第 5 頁 網(wǎng)站設(shè)計中的面包屑 [5]
第 6 頁 網(wǎng)站設(shè)計中的面包屑 [6]
第 7 頁 網(wǎng)站設(shè)計中的面包屑 [7]
第 8 頁 網(wǎng)站設(shè)計中的面包屑 [8]

原文:http://www.qianduan.net/?p=6351
譯自:http://www.smashingmagazine.com

一般的網(wǎng)站會有很多頁面,面包屑導(dǎo)航可以大大改善用戶尋找他們的路徑的方法。就可用性而言,面包屑可以減少一個網(wǎng)站的用戶返回上一級頁面的操作次數(shù),而且他們可以提高網(wǎng)站部分和頁面的可查找性。他們還是在網(wǎng)站層次中指示用戶所在位置的有效的視覺助手,這使之成為承接頁面上下文信息的很棒的根源。

什么是面包屑?

面包屑(或稱為面包屑路徑)是一種顯示用戶在網(wǎng)站或網(wǎng)絡(luò)應(yīng)用中的位置的二級導(dǎo)航方案。這個術(shù)語來自于神話故事《奇幻森林歷險記》,故事的兩個小主人公丟下一條面包屑路徑,然后順著這條路徑回到了家中。就像這個故事一樣,在現(xiàn)實世界的應(yīng)用程序中,面包屑為用戶提供一種追蹤返回最初訪問頁面的方式。


Delicious.com網(wǎng)站的面包屑

你通?梢栽谟写罅康陌匆欢ǖ燃壗M織的內(nèi)容的網(wǎng)站上找到面包屑。你也可以在有多于一個步驟的網(wǎng)絡(luò)應(yīng)用上見到它們,這個時候他們的功能類似于進(jìn)度條。最簡化的方式是,面包屑就是水平排列的被大于號" > " 隔開的文本鏈接;這個符號指示該頁面相對于鏈接到它的頁面的深度(級別)。

在本文中,我們將探索面包屑在網(wǎng)站上的用法,并討論在你自己的網(wǎng)站中應(yīng)用面包屑路徑的一些最佳實踐方法。

什么時候使用面包屑?

面包屑導(dǎo)航用于大型網(wǎng)站和按分級排列頁面的網(wǎng)站。一個典型的案例就是電子商務(wù)網(wǎng)站,在這類網(wǎng)站中,大量的產(chǎn)品被按照邏輯分類分組。

不必在沒有邏輯等級或分組的單級網(wǎng)站上使用面包屑。一個決定是否使用面包屑導(dǎo)航的方法是建立一個網(wǎng)站地圖或結(jié)構(gòu)圖來描述網(wǎng)站的導(dǎo)航結(jié)構(gòu),然后分析面包屑是否能提高用戶在類別內(nèi)和類別之間的定位能力。

面包屑導(dǎo)航應(yīng)該作為擴(kuò)展的額外的功能,而不能替代有效的主要導(dǎo)航菜單。它是一個方便的功能;一個允許用戶定位他們在哪里的二級導(dǎo)航方案;一個定位你的網(wǎng)站的可選擇的方法。

面包屑的種類

面包屑主要分為三類。

基于位置

基于位置(Location-based)的面包屑向用戶顯示他們在網(wǎng)站的哪一個級別頁面。它們一般典型的用于有多個級別(一般是多于兩級)的導(dǎo)航方案。在下面的例子中(來自于SitePoint),每一個頁面的文本鏈接表示它比它右邊的文本鏈接高一級。

基于特性

基于特性(Attribute-based)的面包屑路徑顯示一個特定頁面的特性。例如,在Newegg,面包屑路徑表示在一個特定頁面顯示的特性內(nèi)容。

這個頁面顯示所有擁有由Lian Li制造并有MicroATX微塔式因素的電腦機(jī)箱。

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

上一頁 下一頁 網(wǎng)站設(shè)計中的面包屑 [2]

相關(guān)文章 更多相關(guān)鏈接
瞎扯之Web導(dǎo)航
在網(wǎng)頁設(shè)計中使用圖標(biāo)來支持內(nèi)容
Apple網(wǎng)站W(wǎng)eb可用性設(shè)計分析
Web設(shè)計中的黃金分割
突破網(wǎng)格設(shè)計的僵局
作者文章
條件注釋使用指南
用于WebKit的CSS訣竅
CSS3系列教程
快速寫出較好CSS的5種方法
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/81個記錄/頁 轉(zhuǎn)到 頁 共8個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2