技术资讯
网站目录（导航）设计问题
2008-08-25 11:30:00
對於那些架構龐大、層次很深的網站，ಞ目錄的設計十分之重要。一旦設計得不好，很容易讓用戶有 lost 的感覺。要如何解決這個問題，小弟至今仍然沒有一個完美的解決方法。因此小弟比較幾個網站的目錄設計手法，並在此跟大家分享一下所得。
設計師常常會以顏色、字體、位置大小來突出當前被選中的選項。但對於多層次𓂃的網站，可能會有多過一個選項被選中的情況。雖然設計師可以同時突出多個項目，但當被突出項目太多的時候，反而會造成用戶認知的困難。正如 Digg 網站的頂部目錄（左方），分為上、中、下三列；三列中又包含五種不同功能的連結，分別為
Join Digg / About / Login
Article category
Popular / Upcoming
Type of digg (News / Videos / Images)
Customize (因大小關係，不在截圖中)
這數目我覺得已經很誇張了，當中更可同時有三個項目被選中（Word & Business, Video𒁃s, Popular），並運用了 7 種顏色（2種藍、4種不ꩲ同深淺的綠、紅式的 icon），如此複雜的設計應該很難為人一下子理解吧。其他細節都做得很到位，唯獨是目錄太過瘋狂了一點。再看看 funP 的目錄又如何:
相較之下，我覺得 funP 的目錄清晰得多了。不是因為 funP 的功能比較簡單，實際上， funP 網站的層次比 Digg 更加深、功能更加多。funP 的目錄看上去更清晰，全因它把不相關的功能/連結都分別放ℱ在不同地方，而不像 Digg 般都ꦫ堆在一起。看看下方兩張圖就會明白:
這個是所有色塊都在上方。
當然，說到架構龐大，應該沒人及得上 Yahoo! 了。下面是 Yahoo 的做法
[Before] Home page
[After] Content pgae
Yahoo 向來都會為不同服務設計一個獨立的頁面，而不是一꧃種風格套用到整個網站中。所以如果用戶想轉換服務，必須點左上角的連結。你不會在一個子網站的目錄中找到其他服務的身影。雖然比較麻煩，比每個子網站的架構都會因此簡明得多，funP 亦是用此方法。另外 Yahoo! TV 的目錄設計新穎，結合了 tab、breadcrumbs 於一身，雖🌼然尚未被廣泛接受，但仍然很值得參考。
無論如何，有些問題是難光靠設計便能解決的。如果網站的架構混亂，再好的設💦計也是難以起死回生，反之亦然。
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能，海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:🍷青岛网站建设公司,高端网站定制,一站式网站服务——力图✱数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势？为什么要开发微信小程序？
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少？
延伸阅读
- [2016-08-03 10:53:41] 加拿大预测网-在线预测:网页设计中标签式导航的设计思路
- [2011-11-27 22:47:04] 加拿大预测网-在线预测:什么是面包屑导航？
- [2009-03-16 14:29:00] 瞎扯之Web导航
- [2014-10-08 21:24:15] 加拿大预测网-在线预测:面包屑导航在网站优化上的作用
- [2008-09-08 14:46:00] 加拿大预测网-在线预测:缓解全站导航和栏目导航的矛盾
- [2009-04-09 08:28:00] 加拿大预测网-在线预测:怎样的面包屑导航更能体现整站架构
- [2012-09-07 13:45:45] 网页的面包屑导航
- [2008-11-10 12:21:00] 加拿大预测网-在线预测:网站tab导航的设计
- [2009-01-19 08:43:00] 斜杠的作用与导航
- [2008-09-10 14:30:00] 动态导航设计
- [2014-11-18 09:43:39] 加拿大预测网-在线预测:网站导航设计系统的分类及作用
- [2009-03-01 11:09:00] 加拿大预测网-在线预测:50 个美丽且对用户友好的导航菜单设计
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案
TAGS关键字
胶南网站建设公司 加拿大预测网-在线预测:网站建设，手机网站 青岛网站制作 加拿大预测网-在线预测:企业网站为什么要备案 营销策略 html和css 营销型网站建设 网站的速度 程序开发 企业建站 平面设计 集团官网 扁平化设计 加拿大预测网-在线预测:青岛不错的英文网站建设公司 视觉灵感 外贸网站设计 加拿大预测网-在线预测:青岛黄岛、红岛网站建设公司 css 舒适的界面 网站品牌 青岛网页制作 加拿大预测网-在线预测:青岛网站设计哪家好 企业网站 加拿大预测网-在线预测:青岛网站建设基础知识 交互设计 搜索引擎 加拿大预测网-在线预测:网站建设，企业网站建设 网站推广 版面布局 集团公司网站建设
