|
五、Tab的真實(shí)應(yīng)用
現(xiàn)在為止，我們從細(xì)節(jié)上探討了Tab這種交互元素，是時(shí)候來(lái)看看真實(shí)案例了，在這一章節(jié)，我們分析一些Tab元素的應(yīng)用，希望可以帶給大家靈感。
Haveamint.com
這個(gè)網(wǎng)站在首屏位置使用大量Tab元素 以展現(xiàn)數(shù)量龐大的信息。
Yahoo!
雅虎在頭版位置使用Tab設(shè)計(jì)，對(duì)信息內(nèi)容的顯示進(jìn)行了壓縮和模塊化。
iGoogle
Igoogle在模塊中大量使用了Tab，不占用大量的屏幕空間，又令信息飽滿。
Blue Acorn
藍(lán)橡果網(wǎng)站 利用Tab來(lái)顯示網(wǎng)站的熱門(mén)文章: 電子商務(wù)和Magento（一個(gè)電商軟件平臺(tái)），內(nèi)容區(qū)上還放置著引導(dǎo)用戶瀏覽更多文章列表的按鈕。
MailChimp
在這個(gè)案例中，你可以看到利用圖標(biāo)強(qiáng)化標(biāo)簽文字描述的應(yīng)用。
WebNotes
WebNotes 網(wǎng)站的Tab元素，標(biāo)簽位于內(nèi)容區(qū)下方，令人耳目一新。內(nèi)容區(qū)切換時(shí)有淡入淡出的動(dòng)畫(huà)。
出處：西喬的九卦
責(zé)任編輯：bluehearts
上一頁(yè) Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [5] 下一頁(yè) Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [7]
|
第 1 頁(yè) 
第 6 頁(yè) Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [6]
