經(jīng)常會有一些人在網(wǎng)站設(shè)計中，一說到tab就很自然地想到了網(wǎng)站導(dǎo)航、信息架構(gòu)。隨著網(wǎng)站信息結(jié)構(gòu)的復(fù)雜化，選擇tab似乎是性價比最高、結(jié)構(gòu)傳遞最明確的導(dǎo)航方式。這也許是其中面包屑導(dǎo)航方式衰弱的重要原因吧。
如果你想在網(wǎng)站設(shè)計的時候用tab的方式構(gòu)架你的網(wǎng)站，那請你在建站之前需要弄明白下面幾個問題，或許會對你怎么設(shè)計網(wǎng)站會有一定的幫助。
那么用tab導(dǎo)航方式到底能解決什么問題呢？
在設(shè)計你網(wǎng)站tab之前，先要弄清楚為什么要用tab，用tab對你的網(wǎng)站設(shè)計又有什么好處呢？每個tab下的信息到底是什么，信息之間的關(guān)系又是什么？ 信息結(jié)構(gòu)一共有多少層？
tab跟大標題之間的關(guān)系（大標題的作用大部分是給用戶定位，給用戶來看的。）
并列關(guān)系
過濾關(guān)系
是否互為同類項？
包含與被包含？
……
如上圖，tab1和tab2下面的信息互相之間的關(guān)系？每個tab下信息和大標題之間的關(guān)系？只有搞清楚他們之間的關(guān)系和需求，才有辦法進行下一步的tab導(dǎo)航的網(wǎng)站設(shè)計。
tab結(jié)構(gòu)
來看看下面這幾張圖，相信你也應(yīng)該能夠明白他們的結(jié)構(gòu)的區(qū)別了。
上圖都是選中tab4的效果，但結(jié)構(gòu)方式卻不一樣。雖然這個例子很簡單，但我們在實際操作的時候，往往會比這復(fù)雜很多，比如： tab下面需要嵌套tab，如digg的設(shè)計。 或者tab和面包屑的結(jié)合方式，（如原來junchen介紹過的）等等， 很多問題往往因為多層的信息結(jié)構(gòu)，在tab的運用上面，需要靈活變通。 （我們在研究結(jié)構(gòu)的時候，需要完全拋開交互和視覺樣式來分析）
tab的交互方式
選中的tab是否可以再操作？如果是，如何告訴用戶？ 點擊tab的時候，刷新不刷新頁面？
tab的視覺樣式
tab長得什么樣子，會很直接地影響用戶對網(wǎng)站導(dǎo)航的認知，舉三個比較常見的例子：
當然，視覺樣式肯定很難窮舉出來，有需求的參考一下這里。
