标签 design 下的文章

December 16, 2008

这是 A List Apart 经典技术随笔 A Dao of Web Design 的第二部分，在第一部分的基础上，在字体，字号，布局，配色几个方面，讲述了如何实现弹性的，可适应性的 Web 设计。最后，作者指出 Web 作为一种新媒体应该尽快走出印刷媒体的影响，实现自己的使命。

解决之道

“名亦既有，天將知止。知止不殆。譬道在天下，猶川谷與江海。”

《道德经》第32章

如何实现自适应性设计并提高可访问性？我们要从多个方面做通盘考虑，然后针对这些考量给出解决步骤。首先，想一下你的网页是做何之用，而不是看上去如何。让你的设计跟随你所提供的服务，而不是外观。让形式跟从功能，而不是设计。
这种思想的基石是区隔内容与展示，这种说法你或许多次听过，然而这可能是你所能走出的最重要的一步。举个简单的例子，某个网页上有一段斜体字，为什
么要斜体？可能为了强调，或是引述，或者是在英语中使用了一个外文词，在传统印刷中，形式跟从功能。而 Web
出版的优势是我们可以将纸张上含糊的东西明确地表达出来，如果斜体的目的是强调，为什么要使用 实现而不是非 PC 平台的浏览器也能认识的 ？
从大范围来说，不用将 HTML 用作展示，不要使用 ， 以及 ，使用那些恰当的 HTML 标签，如果找不到恰当的标签，使用 CSS 类。使用 CSS 进行展示，我们要向前看，而不是墨守陈规。
如果你合理地运用了 Style Sheet，并让它引导，而不是控制你的网页外观，同时，你并没有依赖 Style Sheet
表达信息，那么你的网页就能在任何浏览器正常工作，不管是过去的，还是将来的。那些不支持 Style Sheet
的浏览器将输出简单的内容部分。事实上，我们最担心的是那些对 Style Sheet 支持有 BUG
的浏览器，今天，这是一个问题，不久前还没有这么严重。现在，你可以限制你的 CSS
只使用其中被各种浏览器都完美支持的部分，对于那些不能很好支持的部分，可以使用那些展示型的 HTML 标签。作者曾为此写过一些文章。
在实践中，当 CSS 设计可能影响网页的可访问性时，你应当有所为有所不为。不管怎样，不要依赖任何 CSS，绝对单位，如 px 以及 pt 都应当避免，对色彩的使用也要谨慎，而且永远不要依赖它们。

继续阅读

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

December 16, 2008

道之于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 的 “德”。

继续阅读