也許你沒聽說過他的名字，但是，如果你是個(gè)認(rèn)真的網(wǎng)站設(shè)計(jì)師，一定聽說過 CSS Zen Garden (CSS 禪意花園) 這個(gè)站點(diǎn)。其構(gòu)想很單純 - 提供網(wǎng)頁的源文件，人們可以用 CSS 將它設(shè)計(jì)成各式各樣的風(fēng)格并提交上來。它反映了時(shí)代的潮流，并立即吸引了頂尖平面設(shè)計(jì)師的注意力，激發(fā)了Web設(shè)計(jì)師學(xué)習(xí)掌握CSS的熱情。為什么？看多了早期的標(biāo)記語言大師們死板的設(shè)計(jì)，我們終于可以領(lǐng)略藝術(shù)家和平面設(shè)計(jì)師們用 CSS 所能達(dá)到的設(shè)計(jì)境界。
因此，CSS ZenGarden 既是個(gè)畫廊，又是個(gè)宣言。Dave寫道：“很顯然，CSS 應(yīng)當(dāng)引起平面設(shè)計(jì)師們的高度重視。禪意花園致力于推廣使用、啟發(fā)靈感和鼓勵(lì)參與。”那么，Dave Shea 究竟是何許人也？ DMXzone 的 Bruce Lawson 周末采訪了他。
CSS 高手能成為設(shè)計(jì)師的很少見。你為什么要做一個(gè)“CSS 布道者”？
和 Doug, Todd, Kris 和 Paul 一樣，我不認(rèn)為使用 CSS 設(shè)計(jì)出的作品注定都是丑陋的。只不過應(yīng)該用好 CSS 的人現(xiàn)在還沒理解到它的妙處而已。
請(qǐng)看普通設(shè)計(jì)（如矢量圖形或 Quicktime 影片之類的）和 CSS 設(shè)計(jì)在創(chuàng)作過程中的差異。設(shè)計(jì)師在電腦上所做的一切都是由 GUI（圖形用戶界面）實(shí)現(xiàn)的，當(dāng)然要所見即所得。而 CSS 要寫代碼，這是兩個(gè)完全不同的領(lǐng)域，問題的難點(diǎn)就在這里：你必須成為雙面手才行。
我最近看過許多關(guān)于編碼與設(shè)計(jì)的討論。有人說只有對(duì)底層的代碼有深刻的了解，才能解決出現(xiàn)的問題。就瀏覽器對(duì)CSS的支持程度來看，這種說法不無道理。但在我看來還是傳統(tǒng)的設(shè)計(jì)師學(xué)習(xí) CSS 這個(gè)新玩藝兒的方法有問題。
到了直觀的CSS編輯器的出現(xiàn)以后，情況才會(huì)有所改觀?；诒砀竦脑O(shè)計(jì)工具早就有了，采用 Dreamweaver 和 Fireworks 能夠制作出相當(dāng)漂亮的網(wǎng)站，不需要懂得很多的HTML語言。盡管代碼看起來很亂，但能夠取悅大多數(shù)客戶。在CSS編輯器的功能和易用性趕上這些網(wǎng)頁制作工具之前，可以想象讓那些不堪代碼學(xué)習(xí)之苦的設(shè)計(jì)師們采用CSS，肯定會(huì)遇到不少阻力。我們需要的是 CSS 的 InDesign，可是有誰肯做這件事？
但是我不是這樣的設(shè)計(jì)師，我不能坐等工具出現(xiàn)，所以就瞄準(zhǔn) Web 的發(fā)展趨勢(shì)，向前邁了一大步。我知道只要追隨 XML 就能完全徹底地將內(nèi)容和呈現(xiàn)相分離。曙光已經(jīng)出現(xiàn)，還把自己局限于上世紀(jì)九十年代后期的設(shè)計(jì)方法是很不明智的，遲早是會(huì)丟掉飯碗的。我要為將來 - 我自己的前途做些打算 。
嗯，有意思。何不建個(gè)新站點(diǎn)，在第一時(shí)間去驗(yàn)證這個(gè)想法，既能達(dá)到 XHTML, CSS 和 508 條款的要求，又不必做什么改動(dòng)。還有什么比它更能帶來滿足感呢？。
在黎明到來之前的日子里，web 設(shè)計(jì)師和 web 開發(fā)者的區(qū)別在哪里？你是哪一類？
或許兩樣都算吧。我想 web 設(shè)計(jì)師的主要工作是在前臺(tái)：設(shè)計(jì)，制作 Flash，編寫 XHTML/CSS 代碼和一點(diǎn)兒 JavaScript，偶爾還要寫服務(wù)器端的代碼。Web 開發(fā)者主要在后臺(tái)與 PHP，Perl，MySQL，ASP，XML打交道，還要寫 JavaScript 和 XHTML/CSS/XSLT 代碼。交叉當(dāng)然是有的，我看到人們?cè)谶@兩者之間苦苦掙扎，我不知道該怎么稱呼他們。更別提什么信息架構(gòu)師、易用性大師和親和力專家了，這些名詞兒太籠統(tǒng)，變化太快。
我是個(gè)網(wǎng)站設(shè)計(jì)師。我并不喜歡這頂帽子，我對(duì)外開價(jià)時(shí)通常用的是“平面設(shè)計(jì)師”，只不過我的設(shè)計(jì)領(lǐng)域恰巧集中在 Web 領(lǐng)域而已。
為什么你對(duì) Web 這個(gè)媒體如此投入和狂熱？
混沌產(chǎn)生秩序，不同聲音的力量，以及大家都站在同一起跑線上。和普通的網(wǎng)志相比，我并不對(duì)傳統(tǒng)媒體有什么偏愛。新聞?dòng)浾邆冋煸诔醋鳎谂c他人合作的過程中，我發(fā)現(xiàn)網(wǎng)上的朋友們同樣（也許更加）值得信賴，我并不感到孤獨(dú)。
除此之外還有網(wǎng)絡(luò)的全球性。只須通過點(diǎn)擊鼠標(biāo)，我就可以和哈薩克斯坦的人們一樣訪問同樣的信息。去年我經(jīng)常沿著北美的海岸線旅行，每次從飛機(jī)的機(jī)艙向外望去，我就情不自禁地去想象 Web 所包容的巨大空間，令人覺得這是如此平常，而又實(shí)在難以置信。
你制作的第一個(gè)網(wǎng)站是哪個(gè)？在你做過的網(wǎng)站中，你最喜歡哪一個(gè)？
實(shí)際上我在服務(wù)器上發(fā)布的第一個(gè)正式網(wǎng)站是“digital gallery”，是1997年做的，不過都是一些 3D 渲染效果很差勁的JPG 圖片。那時(shí)我剛剛放棄學(xué)了很久的 QuickBasic 編程，我覺得我的興趣在平面設(shè)計(jì)上，而不是編程。所以我需要一個(gè)媒體，而在當(dāng)時(shí)，Web 對(duì)我來說是個(gè)全新的東西。讀了 Molly Holzschlag 的 Sizzling Web Design 以后，我發(fā)現(xiàn)這正是我的興趣所在，甚至還謀到了一份這樣的差事。六年后的今天，我仍然覺得其樂無窮，我猜我選對(duì)了媒體。
至于最喜歡的站點(diǎn)，我對(duì)提交到禪意花園的每份作品都感到興奮不已，我感到很高興，因?yàn)閺奈从腥颂峒拔以?mezzoblue.com 工作。我每隔幾年都去一趟溫哥華的一家巧克力公司 “Over the Moon”，1999年我為他們?cè)O(shè)計(jì)了第一個(gè)網(wǎng)站，現(xiàn)在的網(wǎng)站是 2001年底到2002年初制作的。看過代碼的人就會(huì)發(fā)現(xiàn)當(dāng)時(shí)我還有使用表格的習(xí)慣，不過這是我第一次嘗試 CSS/XHTML 混合布局，從底欄的驗(yàn)證鏈接就可以看出。為什么我最喜歡它？當(dāng)然是可以享用免費(fèi)的巧克力。
怎么會(huì)想到要發(fā)起 css 禪意花園？
這個(gè)設(shè)想第一次在我腦海中閃現(xiàn)是在2002年9月。當(dāng)時(shí)我正在為一家公司工作，他們當(dāng)時(shí)仍在為 Netscape 4.x 寫代碼，我試圖向他們演示應(yīng)該放棄那些過時(shí)的代碼，面向未來所帶來的好處。其實(shí)我已經(jīng)開始著手做了，不過以后就沒有下文了 [這可是本次采訪的獨(dú)家消息，之前從未有人見過]。
到了第二年四月，Lycos 打算舉辦一個(gè)“Hack Hotbot”競賽，內(nèi)容是為搜索引擎制作 CSS “皮膚”。長話短說，我不喜歡他們的比賽條件，他們的代碼非?？植?，他們拒絕了我的參賽作品，只是因?yàn)槲沂羌幽么笕恕?/FONT>
盡管這項(xiàng)比賽的運(yùn)作方式令人無法恭維，但對(duì)整個(gè)網(wǎng)站設(shè)計(jì)群體來說卻是個(gè)好事。我的作品完成的同時(shí)，也明白了什么是 不應(yīng)該做的。9月的那個(gè)主意還在我的腦海中盤旋，現(xiàn)在時(shí)機(jī)已經(jīng)成熟，我把這些想法整理整理，要做就把它做好。
我所看到的是一條鴻溝。一邊是 K10k 和 PixelSurgeon 和 Dik 及其信徒們，這些以設(shè)計(jì)為中心的精美作品確實(shí)令人眼花繚亂；而另一邊是 CSS 的擁躉，其數(shù)量少得多。
總得有人為他們架起一座橋梁。我不認(rèn)為我已經(jīng)達(dá)到了這個(gè)目標(biāo)，其實(shí)我明白來自頂尖設(shè)計(jì)群體的阻力。CSS 陣營的人們已經(jīng)開始去贏得 CSS 與表格布局的這場(chǎng)戰(zhàn)爭，在他們看來，CSS Garden 就是一個(gè)堅(jiān)強(qiáng)后盾。
我并不贊成這種戰(zhàn)爭或者對(duì)立?；诒砀癫季值幕旌显O(shè)計(jì)仍然有用武之地，而且是人們?cè)趯?shí)際工作中的一個(gè)技術(shù)上的選擇。把宗教留給專家們，為客戶做出最恰當(dāng)?shù)倪x擇吧。
現(xiàn)在這個(gè)站點(diǎn)已經(jīng)進(jìn)入 Google 的“CSS”搜索結(jié)果前十名；究竟為何如此受人關(guān)注？
也許我對(duì) CSS 過于熟悉了，反而無法給出正確答案。對(duì)我來說，這個(gè)設(shè)想只不過是其他項(xiàng)目自然演化的結(jié)果，而對(duì)大多數(shù)人來說這是一場(chǎng)革命。我們有人非常清楚，用 CSS 完全可以做到這種結(jié)果，但極少有人真的去實(shí)踐過。Chris Casciano 和 Jeremy Keith 是先行者之一。
而對(duì)于其他人來說完全是大開眼界。很多人說根本想不到用 CSS 竟然可以做出這樣的神奇效果，所以我猜，構(gòu)思新穎是我們受人喜愛的原因之一。此外，各個(gè)作品的名字通俗易懂，匯集了各種相關(guān)資源，為渴望向人展示自己作品的設(shè)計(jì)師提供了一個(gè)場(chǎng)所。
隨著設(shè)計(jì)師不斷提交來自己的作品，網(wǎng)站的內(nèi)容也在不斷地更新，每每有令人驚奇的作品出現(xiàn)，不再有人去讀那些文字了，我們都想知道其中的奧秘，這份熟悉的 XHTML 文件，竟然有這么多令人瞠目的呈現(xiàn)形式。
創(chuàng)新是靈感的火花，而熟悉的內(nèi)容讓其充滿活力。
在這些作品中，你最喜歡哪個(gè)？
用外交辭令來說，當(dāng)然每份作品都非常優(yōu)秀。如果你真的要我獻(xiàn)出鎮(zhèn)山之寶的話，我想 Didier Hilhorst 的 Release One, Radu Darvas 的 Zunflower, Doug Bowman 的 Golden Mean, 和 Mike Pick 的 What Lies Beneath 完全出乎我的想象。盡管其 CSS 技巧各有獨(dú)到之處，但每件都是絕妙之作。
上面提到的那些自然是實(shí)至名歸。我非常喜愛從24號(hào)（Dan Rubin 的 Not So Minimal）到31號(hào)（Kev Mears 的 Hedges）這組作品，其中每件都創(chuàng)意獨(dú)到、設(shè)計(jì)精美，是不可多得的佳作。
私下來說，對(duì)尚未問世的作品的質(zhì)量，我決不敢妄加揣測(cè)。說實(shí)話，與這些花園的園丁們一起工作，我有些受寵若驚并引以為榮。
你還開辦了 mezzoblue 網(wǎng)站。為何選擇 blue ?
Blue 表達(dá)了我內(nèi)心淡淡的憂郁。
實(shí)際上，我還是相當(dāng)樂觀的人。2001年秋我為新域名經(jīng)歷了一次頭腦風(fēng)暴，我想到了許多與“冷”有關(guān)的主題如 PixelBlue、MezzoFrost等等。當(dāng)時(shí)的感覺很好，不過現(xiàn)在我有些后悔，不該把自己局限于某個(gè)色板。我在站點(diǎn)最近一次的改版中采用了很有意思的配色方案，這算是我樂觀的一面的體現(xiàn)吧。
說出你最喜愛的電影、音樂、建筑、比薩餅口味和外國話？
目前我最喜歡的就是 Amélie / Itzhak Perlman 的小提琴獨(dú)奏、洛克菲勒中心、加州比薩店的北京鴨和 merde。
你認(rèn)為目前最頂尖的設(shè)計(jì)師有哪些？
不久前我剛瀏覽了 Doug Bowman 的作品，我對(duì)妻子說：“你知道，看了別人的作品感到不安其實(shí)很好，它為你樹立了一個(gè)趕超的目標(biāo)?！?Todd Dominey 和 Cuban Council/K10k 成員的大作總能令我開心。在向禪意花園提交那兩份作品之前，我對(duì) Mike Pick 還不很熟悉，但很快就迷上了他的大作。
我喜歡去一些設(shè)計(jì)門戶網(wǎng)站（surfstation.lu, pixelsurgeon.com, designiskinky.com）轉(zhuǎn)轉(zhuǎn)，欣賞一些創(chuàng)意獨(dú)到、干凈整潔的站點(diǎn)。但我和普通的訪客并無二致，無法為此投入過多。
IE 獨(dú)立版本的停止開發(fā)和以及 Netscape 的終結(jié)，對(duì)現(xiàn)代的網(wǎng)頁制作技術(shù)是好還是壞？
這要看當(dāng)時(shí)的情況變化，我很難說。
樂觀的是 Mozilla/Opera/Safari 能迅速填補(bǔ)留下的巨大空間，無線裝置的迅速興起使得對(duì)標(biāo)準(zhǔn)的支持變得前所未有的重要。在6年以內(nèi)，如果還只為 IE6 打算就會(huì)帶來小小的麻煩。
最悲觀的莫過于微軟根本就不喜歡Web，隨著他們的重點(diǎn)轉(zhuǎn)移，我敢說不管他們?cè)谶@個(gè)領(lǐng)域如何打算都是為了專屬利益。由于他們壓倒性的市場(chǎng)份額，我們還不得不遷就它。樂觀的觀點(diǎn)告訴我，微軟不可能贏得這個(gè)游戲。公眾對(duì)Web方式是如此喜歡，不會(huì)坐視他們釜底抽薪的。
最近樂觀派似乎占了上風(fēng)，但情況并不非常令人滿意。
如果按 1 (=最低) 到 10 (=最高) 來排名，你能排在第幾位？
我妻子大概會(huì)給我第12名。我好久沒看過 Star Trek 了，我想不至于太差吧。其實(shí)不管怎么排名都是相對(duì)的，與本文的讀者相比，我大概能排到第6位，但如果和大街上隨便找來的人相比，肯定能排到第9。
Web 標(biāo)準(zhǔn)（CSS, XHTML 等等）是不是抬高了在 Web 上發(fā)布東西的門檻？
好問題。這個(gè)問題在我的個(gè)人郵件中也被問到過。我的回答是否定的，不過我很愿意參加這個(gè)問題的討論。
新手們不一定都得去學(xué)習(xí) XHTML 和 CSS。1996年的HTML對(duì)他們一樣管用，簡單的文件包含的標(biāo)記很少，僅此而已。抽象地談?wù)摗皩?nèi)容和呈現(xiàn)相分離”對(duì)他們來說意義不大。大多數(shù)新手壓根兒就沒寫過一個(gè)標(biāo)記，我們也不應(yīng)對(duì)他們有過高的奢望。
但是 Web 還是在向 XML 和上面提到的這種抽象層次發(fā)展，當(dāng)然就提高了門檻。CSS 對(duì)Web的未來非常重要，對(duì)電腦知識(shí)知之甚少的家人在考慮層次和方塊時(shí)所想到情景和 CSS 的原理是一樣的。對(duì)，就是這樣。
所以，如果 Web 是為人人所用的，要是必須讀懂大堆的書本和教材才能制作網(wǎng)頁的話，一般的新手怎么可能在網(wǎng)上發(fā)布他們的家庭影集？
許多年前就有一種服務(wù)來填補(bǔ)這個(gè)空缺了。你根本不用為發(fā)布網(wǎng)頁發(fā)愁，你只須掌握 FTP 和 目錄結(jié)構(gòu)就夠了。這曾經(jīng)是一個(gè)很大的障礙，大多新手們并不覺得很難。一些網(wǎng)站如 Fotki 和 Kodak 的 圖片樂園提供了照片存儲(chǔ)服務(wù)。目前鋒頭正勁的是 weblog，BlogSpot、TypePad 和 AOL Journals 的一條龍服務(wù)也是大勢(shì)所趨。
新手們無須知道我們將要改變的是作為 Web 根基的底層代碼。盡管技術(shù)對(duì)他們而言并不重要，但當(dāng)我看到 TypePad 從一開始就做到遵從標(biāo)準(zhǔn)時(shí)感到非常欣喜，我期待有更多的后來者效仿。
你是個(gè)設(shè)計(jì)師，我卻不是。我完全支持 www.bancomicsans.com 要從地球上禁止使用 comic sans 字體的目標(biāo)。你呢？
啊，當(dāng)然。一開始我以為是對(duì)字體抱有偏見的人開的玩笑，不過后來我注意到此人有一定道理。這種字體無處不在，我想把這都?xì)w罪于 Vincent Connare （Comic Sans MS 的設(shè)計(jì)者）是不公正的。不過我想這給各位設(shè)計(jì)師留下了一個(gè)教訓(xùn)：你的作品就代表你自己，不管你是否情愿。
假如你有一天成了全球的統(tǒng)治者，你還想禁止什么？
越南咖啡和四巨頭：雀巢、Sara Lee、P&G 和 卡夫。
噢對(duì)了，我還要扔掉我的肥皂盒。
你的下一步打算？
我還在探索之中?，F(xiàn)在我正在為參與編寫的“Cascading Style Sheets: Separating Content from Presentation”的出版作最后的潤色。過不了多久也許會(huì)出一兩本書，但目前還沒有什么打算。
此外，我的事業(yè)才剛剛起步。今年的年景不錯(cuò)，但這并不妨礙為前途做些打算。我想到溫哥華的一個(gè)公司工作，他們完全理解 Web 的真義，而且已經(jīng)做得不錯(cuò)了。這件事，我很愿意聽聽讀者們的建議。
今天你看到的最美的東西是什么？
我的新娘剛醒來時(shí)的笑容。
瞧這水杯：它是半滿的，還是半空的？
我想要個(gè)大杯子。
