《瞬间之美WEB界面设计》第5章.docVIP

标签云里抬头看路 在Designing the Obvious一书中我曾提到有位设计师带着他设计的模板来找我。这个设计里面有一个带有标签云的工具栏，此外还有两个按钮一个是按标签云显示，另一个是按列表显示。 在这里我想把那个故事稍稍再展一下，因为自从写了Designing the Obvious之后我又学到了一些东西，它们改变了我之前的观点。 标签云是一个链接，在一个区域内，并且来加重显示其中的某些标签。最后的结果看上去就像一片链接的云层，就像Flickr。 图5-1 F是第一个使用标签云的大型网站，而这个想法也早已无数其他网站所借鉴。所以当这位设计师模板时，我想的是：酷！咱们就这么干。标签云现在越来越流行，让我们看看这里是否也能。 那位设计师根据自己的想法已经做了非常深入的设计。最开始他建立了一个简单的链接列表，排序。如图5-2所示。 下一步，他通过某种程序算法调整了列表中每一个链接的字体大小。，该链接的字体就越大。为了字体，他把列表按照字母顺序重新排序，见图5-3。图5-2 图5-3 然后，他去掉了列表项之间的断行，使它们排列在一起成为如图5-4所示的一片标签云。 由于这个系统既能支持按标签云的方式显示，又能按普通列表的方式显示，因此最后他在界面下方加上了一个Cloud按钮和一个List按钮，使之可以在这两种视图相互切换。见图5-5。图5-4 图5-5 乍看上去这是个很好的主