A List Apart 经典文章中译：Web设计之道（上）

午夜晒网

作者: its | 发布: 2008/12/15 (9:26) | 阅读: 57439 | 评论: 3 | 静态地址 | 内容源码

道之于90年代恰如禅之于70年代。事无巨细，皆可受之道，或推之道。Web 设计之事，虽小技，然而通览道德经，我们仍然会发现其中包含深刻的道理。道是哲学，象佛，是一种生活与处世的方式，来自古老的《道德经》，这部拥有81个章节的晦涩经文涵盖了人类的经验，但它始终讲述一个主题，和谐。

过去几年，或好或坏，我的生活与 Style Sheet 有关，我为之编写软件，教程与指南；回答了数不清的问题，通过新闻组或电子邮件；通过 The Web Standards Project 推而广之。慢慢的，我对 Web 设计有了完全不同的理解，并看到设计与道之间的关联。

我所看见的是一种紧张关系，在现实的 Web 与理想的 Web 之间；在现有的媒体，印刷媒体与 Web 之间。而现在正是需要对二者进行一次梳理的时间，也是让 Web 放手走自己的路的时间。

守旧的新媒体？

“上德不德，是以有德。下德不失德，是以無德。”
《道德经》第38章

你是否见过早期的电视节目，它们是讲解式的画面，那时的电视被贴切地称为“有画面的广播”。很多电视节目是借用热门广播节目的形式。而现在随处可见的晚间访谈，或新闻，仍然带着早期电视节目的旧媒体的影子。

早期的音乐电视也是这样，乐队仅仅是在镜头前模拟自己表演时的样子。

但一个新媒体从旧媒体发展起来，它对旧媒体的某些借鉴可以理解，但不能全盘借鉴，否则对新媒体是一种限制，所谓“下德不失德”。时过境迁，新媒体将拥有自己的形式，而将那些不合理的东西丢弃。

如果你曾看过早期的的电视剧，它们也是这样，广播剧需要有人讲解听众所看不到的画面，早期的电视剧也经常有人讲解，讲解那些观众自己能看到的东西，这就是旧媒体演变成新媒体时容易出现的问题。

Web 是新媒体，尽管它来自印刷，印刷的技巧，设计及惯例对 Web 影响巨大。然而 Web 和印刷过于肖似，那些“杀手级网站”常常是那些对 Web 的野性加以驯服，让页面中规中矩就象它们也是纸张一样的网站，也就是桌面印刷版的 Web。这种风尚很自然，“下德不失德”，但我们需要前进，让 Web 成为它自己的媒体，我们需要抛弃印刷媒体的“德”，让 Web 拥有自己的天性。

我们并不是说要抛弃几百年来的印刷，与几千年来的书写的智慧。但我们需要明白这些东西哪些是对 Web 有利的，那些仅仅是束缚 Web 的 “德”。

不要主宰你的网页

圣人“... 萬物作而不辭，生而不有，為而不恃”
《道德经》第2章

抽时间到那些 Web 设计新闻组或邮件列表看一下，你会发现被一遍一遍说了很多次的话，问了很多遍的问题，比如，“我该如何让我的网页在所有平台都上去一致？”，“如何让我的字体在 Mac 和 Windows 上一模一样？”，或者“如何控制用户的浏览器？”，控制一词的出现频率非常高。

所有这些的背后，是这样一种信念，设计者是控制者（想想像素师（pixel mechanic）这个称呼的意味）。设计者希望驾御用户的意识，希望用他们的视觉经验驾御用户的选择（比如使用固定的字号）。设计者不考虑因逻辑分辨率不同而导致的平台差别（如 Mac 的 72dpi 与 Windows 的 96dpi），他们无所不知，他们不能容忍在不同浏览器上有哪怕一个像素的差别。

当然这有些夸张，但基本事实。一个最好的例子是，当 Web 开发者们明白 CSS 并非 Web 上的桌面印刷工具时所表现出的失望。如果你是 Mac 用户，你会发现有很多非常大的网站为了防止页面字体模糊而拒绝使用 CSS，他们很可能使用 px 作为字体尺寸，而这种选择所隐含的思想就是“设计者也是主宰者”。

这种思想的根由在哪里？我觉得来自印刷。对印刷而言，设计者就是上帝，印刷是一个基于 WYSIWYG （所见即所得）的庞大行业，而众多 Web 设计者也扎根于此并对这个行业的“德”深信不疑。作为 Web 设计者，我们需要对此重新思考，放弃控制欲，并寻求与网页之间的全新关系。

为什么要这样？

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

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

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

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

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

可适应性就是可访问性

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

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

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

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

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

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

译后记

A List Apart 是被所有 Web 设计者尊为圣典的一份杂志，John Allsopp 的 “A Dao of Web Design” 是被该杂志推荐阅读的一篇 Web 设计随笔，已被译为多种文字发表，然而并未见中文版。既然《道德经》来自中国，就没有理由让国内的众多 Web 设计者去啃并不怎么好懂的英文原文。当然，还是老话，这是技术随笔，并不是可以传世的人文作品，翻译也就只求信，而惘顾雅与达了。这是本文的第一部分，请参阅第二部分。