|
Apple - iWork
蘋果網(wǎng)站里，垂直方向排列的Tab標(biāo)簽設(shè)計，非常漂亮。
ExpressionEngine
網(wǎng)站 ExpressionEngine 把標(biāo)簽控制區(qū)放在Tab窗體的底部，在快速載入內(nèi)容區(qū)和快速響應(yīng)內(nèi)容區(qū)切換方面，它也是一個典型案例。
Viget Inspire
Viget Inspire 在“熱門文章”版塊使用了Tab，有淡入淡出的切換動畫，內(nèi)容區(qū)高度可根據(jù)內(nèi)容長度自適應(yīng)。
Komodo Media
Komodo Media 的標(biāo)簽里，icon放在文字上方。
atebits
atebits presents 用Tab來展示產(chǎn)品介紹，它有效地在這么小的空間里展現(xiàn)了如此豐富的內(nèi)容。
Tumblon
Tumblon 把標(biāo)簽放置在內(nèi)容區(qū)下方，能快速響應(yīng)切換，但不好的是，標(biāo)簽的選中狀態(tài)和未選中狀態(tài)不是那么容易區(qū)分。
kevadamson.com
在 Kev Adamson的網(wǎng)站中，右邊欄里有好幾個Tab，網(wǎng)站使用了不同的ICON配圖，幫助用戶理解不同Tab的功能。
出處：西喬的九卦
責(zé)任編輯：bluehearts
上一頁 Tab(選項卡)的產(chǎn)品設(shè)計原則及應(yīng)用 [7] 下一頁 Tab(選項卡)的產(chǎn)品設(shè)計原則及應(yīng)用 [9]
|
第 1 頁 
第 8 頁 Tab(選項卡)的產(chǎn)品設(shè)計原則及應(yīng)用 [8]
