Tab(选项卡)的产品设计原则及应用[译]（6）
作者：西乔 来源：西乔的九卦 发布时间：2009-07-09 19:05:00
标签：产品设计,应用,tab,选项卡
五、Tab的真实应用
现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。
这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。
雅虎在头版位置使用Tab设计，对信息内容的显示进行了压缩和模块化。
Igoogle在模块中大量使用了Tab，不占用大量的屏幕空间，又令信息饱满。
蓝橡果网站 利用Tab来显示网站的热门文章: 电子商务和Magento（一个电商软件平台），内容区上还放置着引导用户浏览更多文章列表的按钮。
在这个案例中，你可以看到利用图标强化标签文字描述的应用。
0
投稿猜你喜欢
交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wirefr- <script language="javascript">function chang
- 作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1％以上的浏览器上良好显示。当然，还有性能问题。不过
- Function Comma(str)If Not(IsNumeric(str)) Or
- 以下以 IE 代替 Internet Explorer，以 MF 代替
- 该语句的作用是：启用或禁用错误处理程序。一般用法如下：On Error Resume NextOn Error GoTo 0如果在您的代码中
- 由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小，所以lightbox类效果为了让图片居中显示，导致
- IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固
- 问题：导入数据时是否需要禁用索引?解答：在使用load data导入数据时，如果导入的表是MyISAM的，对于空表，MySQL数据库会把所有
- 在第一部分中，我们主要讲解了一下如何用列表元素来实现柱状图效果。其中需要特别注意的就是相对定位和绝对定位的的使用。在本节中，将来讨论一下使用
- 神奇创意相框！ 是的，主要利用position的relative, absolute, z-index属性。结合Photo Frame（相框
- 主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，
- 本文中介绍的主要是SQL语句，请大家不要在Access中使用。SQL的分类：DDL—数据定义语言(CREATE，ALTE
- 不久前因业务需要，我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流，我在笔记本前准备输入一个网址，他靠近我的电脑，大
- facebook的信息架构设计，是目前为止互联网上我见过的最合理的信息架构。每次培训，我基本都需要拿20分钟左右的时间来解析它，包括老的、新
- 相信大家平时都有这样的经历：页面上有一个链接指向服务器一个Word文件，当客户端机器有安装Office时，点击链接将调用Word打开浏览；当
- 看看下面这个刚才提到的下拉列表的例子，就是将Application Object作为一个变量用来存储下拉列表的菜单项的：<％=&nbs
- 查询语言通过在查询表格中键入单词或短语，然后单击按钮执行查询，就可以在 Web 站点中搜索任意的单词或短语（例如，查询表格示例
- 注意：如果您尚未阅读过原来那篇老文章《悟透JavaScript》，请先行阅读该文，以了解上下文关系。在上面的示例中，我们定义了两个语法甘露，
- 一直以来都对DOMDocument与 XMLHTTP 两者的区别不甚了解，今天用 eXeScope 查看了msxml6.dll 内
