现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。

Haveamint.com

这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。

Yahoo!

雅虎在头版位置使用Tab设计，对信息内容的显示进行了压缩和模块化。

iGoogle

Igoogle在模块中大量使用了Tab，不占用大量的屏幕空间，又令信息饱满。

Blue Acorn

蓝橡果网站 利用Tab来显示网站的热门文章: 电子商务和Magento（一个电商软件平台），内容区上还放置着引导用户浏览更多文章列表的按钮。

MailChimp

在这个案例中，你可以看到利用图标强化标签文字描述的应用。

WebNotes

WebNotes 网站的Tab元素，标签位于内容区下方，令人耳目一新。内容区切换时有淡入淡出的动画。

出处：西乔的九卦
责任编辑：bluehearts

上一页 Tab(选项卡)的产品设计原则及应用 [5] 下一页 Tab(选项卡)的产品设计原则及应用 [7]