论WEB设计(2)

http://www.itjxue.com  2015-08-07 22:19  来源:未知  点击次数: 

为什么要这样?

“人生之柔弱, 其死堅強。万物草木生之柔脆,其死枯槁。故堅強者死之徒,柔弱者生之徒。”
《道德经》第76章

不能控制网页看似一种局限,或缺陷,而来自 WYSIWYG 世界的我们初期都有这种想法,我承认最初我也这样想。但如今我不再认为那是一种局限,而是新媒体的力量所在。

事实上,我们对纸张媒体的控制才是真正的局限。想想看,我们能固定文字的尺寸,或者说,文字大小不可改变,或者,你可以说,纸张的尺寸也在控制中。

然而这未必是好事,尤其对读者。如果某个读者视力不好,你的那些固定的小字体不借助放大镜就很难看清;如果读者身处一个局促的空间,比如火车或飞机,那些宽幅的报纸就太大了,而针对这些问题,用户几乎无能为力。

我们在印刷中获得的控制力事实上是一种缺陷,不应再继承到 Web 设计中。我们知道,Web 没有这样的局限,因此应基于弹性而设计,爱这之前我们需要“萬物作而不辭”。

可适应性就是可访问性

“上善若水, 水善利萬物,又不爭。處眾人之所惡,故幾於道。”
《道德经》第8章

有人认为道是宿命,浅读会觉得人应当无为,静待事情的降临而被动反应。我认为,我们不应为久远的目标预设将来,相反,应该有适应力,而不是胶柱鼓瑟。

“見小曰明,守柔曰強。用其光,復歸其明,無遺身殃,是謂習常。”
《道德经》第52章

我迄今所谈到的所谓弹性即“适应性”。前面所言总结起来就是:让你的网页具有适应性。让你的网页具有可访问性,不拘何种浏览器,何种平台亦或何种屏幕。这意味着在任何屏幕尺寸,任何屏幕颜色数下,网页都合法可用(同时还要记住,人们可能会打印这些网页,或者使用读屏软件以及盲文浏览器进行访问)。这意味着网页要适应它的访问者,它的访问者可能视力不佳,希望使用比较大的字体。

设计适应性网页就是设计可访问性网页,而这是 Web 设计中远未实现的目标,也是 W3C 的一个重要思想,对 Web 设计来说,这是一个迫切的使命,将来的网页也许要求实现通用访问。

这听上去不太可能,通用访问,在当今并不灵光的浏览器面前,在各种可以访问 Web 的不成熟的移动设备面前,只是一种理想。但我们仍有很多东西可以努力,并为今后适应性网页设计打好基础。

解决之道

“名亦既有,天將知止。知止不殆。譬道在天下,猶川谷與江海。”
《道德经》第32章

如何实现自适应性设计并提高可访问性?我们要从多个方面做通盘考虑,然后针对这些考量给出解决步骤。首先,想一下你的网页是做何之用,而不是看上去如何。让你的设计跟随你所提供的服务,而不是外观。让形式跟从功能,而不是设计。

这种思想的基石是区隔内容与展示,这种说法你或许多次听过,然而这可能是你所能走出的最重要的一步。举个简单的例子,某个网页上有一段斜体字,为什么要斜体?可能为了强调,或是引述,或者是在英语中使用了一个外文词,在传统印刷中,形式跟从功能。而 Web 出版的优势是我们可以将纸张上含糊的东西明确地表达出来,如果斜体的目的是强调,为什么要使用 <i> 实现而不是非 PC 平台的浏览器也能认识的 <em>?

从大范围来说,不用将 HTML 用作展示,不要使用 <font>,<b> 以及 <i>,使用那些恰当的 HTML 标签,如果找不到恰当的标签,使用 CSS 类。使用 CSS 进行展示,我们要向前看,而不是墨守陈规。

如果你合理地运用了 Style Sheet,并让它引导,而不是控制你的网页外观,同时,你并没有依赖 Style Sheet 表达信息,那么你的网页就能在任何浏览器正常工作,不管是过去的,还是将来的。那些不支持 Style Sheet 的浏览器将输出简单的内容部分。事实上,我们最担心的是那些对 Style Sheet 支持有 BUG 的浏览器,今天,这是一个问题,不久前还没有这么严重。现在,你可以限制你的 CSS 只使用其中被各种浏览器都完美支持的部分,对于那些不能很好支持的部分,可以使用那些展示型的 HTML 标签。作者曾为此写过一些文章

在实践中,当 CSS 设计可能影响网页的可访问性时,你应当有所为有所不为。不管怎样,不要依赖任何 CSS,绝对单位,如 px 以及 pt 都应当避免,对色彩的使用也要谨慎,而且永远不要依赖它们。

(责任编辑:IT教学网)

更多