Web设计或者开发新手的一个标志是愿意将页面中的文本、控件和其他元素居中显示。或许是因为HTML语言和网站布局工具变得容易了,而且一些Web设计人员没有认识到居中显示通常不是一个好主意。
字处理软件开始广泛应用的20世纪80年代中期的一种类似现象支持这种说明:在几年时间里,大多数宴会邀请函、说明书、婚礼通告和现场旧货出售传单都将文字居中,为什么?因为,突然可以实现居中了。然而,最终计算机用户认识到应该小心使用“居中”,这种现象就减退了。
另一种说明是,开发人员经常使用不可见的HTML表格作为网页布局的手段。HTML标准默认状态是表格单元中的文本左对齐,但是一些Web开发工具自动将默认对齐方式设置为居中。如果开发人员使用这种工具,而且又没有指定其他的对齐方式,那么文本或者其他单元内容都将居中。
文字居中
按照从左向右方式写的语言,例如英语,文字居中显示比左对齐显示更难阅读。原因是我们的眼睛被训练成在文本行上方来回扫描的方式阅读。每行开始的水平位置不一致时,阅读受到影响。明白我的意思了吗?
尽管阅读居中的文字有困难,但是许多网站还是显示大段居中的内容。VitaminShoppe.com网站中的一条法律免责声明就是一个例子。
项目符号列表居中
带项目符号的文本遇到居中的情况比正文文本更严重。假设用圆点作为列表项目的标记。居中对齐带符号的项目“隐藏”了圆点,严重地抵消了圆点符号的作用。需要用缓慢的,艰苦的“Z”字形眼球运动才能看见它。
虽然如此,在Web上很容易发现居中的带圆点项目列表。学校负责人的新汉普郡协会的网站中有一个例子,不仅任务声明居中,而且带项目符号的链接列表也居中。
控件居中
如果它可以放到网页中,那么它就可以居中。这一点对于控件、文字和其他Web“内容”都有效。许多Web设计人员这样做,不是因为他们认为居中的控件好,就是因为居中对齐方式是他们使用的Web开发工具的默认方式。
例如,检查ZBuyer.com网站中的搜索控件。该控件的标签和控件本身分别放置在一栏中,居中显示。除了不美观以外,这种布局与所有控件相互对齐相比,更难发现“Go”按钮和“Search”按钮。
所有内容居中
我们有关居中最重要的最后一个例子来自ValcoElectronics.com网站的包裹追踪页面。页面中所有内容都居中:正文文本、控件和链接。
解决之道
如果没经验的Web设计人员和开发人员是过分使用居中方式的罪魁祸首,那么可以等待直到每个人都有足够的经验知道,应该几乎不使用居中方式。当然,这可能需要长时间的等待。Web经常有新手到来,或许注定Web内容居中是一个永恒的问题,又或许万维网联盟可能将居中对齐方式从HTML语言和它的继承者中删除。
假设没有经验的Web设计人员层出不穷,而HTML语言仍将继续提供居中对齐方式,那么接下来最好的选择就是大规模的培训。我将尽我的职责,提供有关居中方式的原则。这不是基本原则。
万一你需要更详细的内容,下面是附加的原则:
·不要将正文居中。正文文本应该永远不要居中对齐,应该采用左对齐或者已经证明是合理的对齐方式。单行的标题或者诗句是惟一应该使用居中对齐的文本,而且即使是这样也应该谨慎使用:许多标题是左对齐、诗句也经常不居中对齐。
·左对齐项目符号列表。项目符号列表应该对齐,这样才能保证符号是对齐的;否则,使用符号的作用将大削减。一般逐条说明的列表不应该居中对齐。
·不要接受不好的默认状态。不要因为居中是你使用的Web开发工具的默认状态就将正方居中。定义HTML语言的万维网联盟,将表格单元的官方默认对齐方式指定为左对齐方式是有原因的。如果你的Web开发工具默认对齐方式是居中
,那么它是错误的;你应该改变默认对齐方式或者使用其他的工具。
相关主题:
解决文本输入框兼容性差的问题
网站文本的书写格式
网站界面文本太多
请拨打热线:0571-86586571

