tab(标签)在使用时的禁忌（2）
作者：戴雨森 来源：uxday 发布时间：2009-04-16 13:06:00
标签：导航,禁忌,tab,标签
另一个例子是Word 2003中的设置对话框。如下图所示，当标签太多而显示空间有限的时候，微软不得不同样把标签排成两排。这样做的一个大问题是，上排的标签在选中的时候，如何表示选中状态和当前内容页的关系？
微软的做法是饱受诟病的。在上图中当用户点击上排标签时，上排自动和下排对调从而保持标签和内容页的紧贴关系。然而这个做法使得标签的位置非常不一致，相信很多人都有着同样的迷茫经历。
在其他一些软件中，如firefox 3（如下图），点击上排标签时，仅仅将标签显示变为选中状态，这样的好处是保持了标签位置的一致性，然而却失去了一些位置上的指示功能。
那么如果多排标签不是个好主意，如何处理很多的标签呢？
一个显然的思路是把标签从惯用的水平排列换到竖直排列。一般这样的排列是在视图的左侧，可能是以图标或者文字的形式。
不过这种做法存在一些问题。首先，如果标签的名字很长，将会占据很多宝贵的左侧空间，而这一空间正好是屏幕上用户注意焦点，兵家必争之地。有的网站的做法是将文字垂直摆放，这样的做法，特别对于英文网站来说，可读性简直就是灾难。如果放在右侧，有可能和滚动条相互干涉，并且用户也不容易注意到。其次，当标签不多的时候（考虑标签数目可变的情况），标签下方放什么内容也是比较头疼的。
（左）一个设计网站的纵向标签排列，可读性很差。（右）雅虎易搜里面采用的右侧垂直标签导航
0
投稿猜你喜欢
- openpyxl特点openpyxl（可读写excel表）专门处理Excel2007及以上版本产生的xlsx文件，xls和xlsx之间转换容
- 一、类型数组是值类型，将一个数组赋值给另一个数组时，传递的是一份拷贝。切片是引用类型，切片包装的数组称为该切片的底层数组。我们来看一段代码/
- 如下所示：#!/usr/bin/python# -*- coding:utf8 -*-import xlwtimport osworkboo
在设计中保持一致性（uniformity）是网页设计中一个重要的组成部分，它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的- 也许还有朋友不太清楚DOMContentLoaded这个事件。简单的说，这个事件就是要在大多数情况下去替代window.onload事件，因
- 本文介绍了tensorflow中next_batch的具体使用，分享给大家，具体如下：此处给出了几种不同的next_batch方法，该文章只
- MySQL出现乱码的原因要了解为什么会出现乱码，我们就先要理解：从客户端发起请求，到MySQL存储数据，再到下次从表取回客户端的过程中，哪些
- 基本示例?计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用&rdquo
- 如下所示：# 计算面积函数def area(width, height): return width * heightdef print_w
- 方式一：图片+文字row = 0 # 行号col = 1 # 列号icon = QTableWidgetItem(QIcon(".
- 前言本系列文章开始介绍接口开源测试工具 --httprunner3的使用，基当前最新版本的3.1.6简介主要特点HttpRunner 是一款
- 上次介绍了Access 导入 MSSQL 2000/2005 数据库工具，不过，在使用这个工具时还是有一些地方需要注意的，我把整个导入过程记
- 很多小伙伴对于slice参数的概念理解停留在概念上，切片的参数有三个，分别是step 、start 、stop 。因为参数的值也是多变的，所
- Python中 join() 函数的使用函数：string.join()Python中有join()和os.path.join()两个函数，
- 本文主要介绍我在利用Django写文章时，采用的注册方法。首先说一下整体逻辑思路：•处理用户注册数据，•产生token，生成验证URL，•发
- 1、先看看什么是 iterable 对象以内置的max函数为例子，查看其doc：>>> print max.__doc__
- 用python爬取网页表格数据，供大家参考，具体内容如下from bs4 import BeautifulSoup import reque
- 1.图片来源该图片来源于百度图片，如果侵权，请联系我删除！图片仅用于知识交流。2.读取图片并显示imread()：读取图片；imshow()
- 前提1.python环境及tensorflow安装成功2.Anaconda安装好 ，Anaconda安装步骤安装步骤1.下载facenet，
- 除了B-Tree 索引，MySQL还提供了如下索引：Hash索引只有Memory引擎支持，场景简单R-Tree索引MyISAM的一个特殊索引
