经常会有一些人在网站设计中，一说到tab就很自然地想到了网站导航、信息架构。随着网站信息结构的复杂化，选择tab似乎是性价比最高、结构传递最明确的导航方式。这也许是其中面包屑导航方式衰弱的重要原因吧。 如果你想在网站设计的时候用tab的方式构架你的网站，那请你在建站之前需要弄明白下面几个问题，或许会对你怎么设计网站会有一定的帮助。   那么用tab导航方式到底能解决什么问题呢？ 在设计你网站tab之前，先要弄清楚为什么要用tab，用tab对你的网站设计又有什么好处呢？每个tab下的信息到底是什么，信息之间的关系又是什么？ 信息结构一共有多少层？ tab跟大标题之间的关系（大标题的作用大部分是给用户定位，给用户来看的。） 并列关系 过滤关系 是否互为同类项？ 包含与被包含？ …… 如上图，tab1和tab2下面的信息互相之间的关系？每个tab下信息和大标题之间的关系？只有搞清楚他们之间的关系和需求，才有办法进行下一步的tab导航的网站设计。 tab结构 来看看下面这几张图，相信你也应该能够明白他们的结构的区别了。   上图都是选中tab4的效果，但结构方式却不一样。虽然这个例子很简单，但我们在实际操作的时候，往往会比这复杂很多，比如： tab下面需要嵌套tab，如digg的设计。 或者tab和面包屑的结合方式，（如原来junchen介绍过的）等等， 很多问题往往因为多层的信息结构，在tab的运用上面，需要灵活变通。 （我们在研究结构的时候，需要完全抛开交互和视觉样式来分析） tab的交互方式 选中的tab是否可以再操作？如果是，如何告诉用户？ 点击tab的时候，刷新不刷新页面？ tab的视觉样式 tab长得什么样子，会很直接地影响用户对网站导航的认知，举三个比较常见的例子：   当然，视觉样式肯定很难穷举出来，有需求的参考一下这里。