CSS 禪意花園主人 Dave Shea 訪談

CSS 高手能成為設(shè)計師的很少見。你為什么要做一個“CSS 布道者”？

和 Doug, Todd, Kris 和 Paul 一樣，我不認為使用 CSS 設(shè)計出的作品注定都是丑陋的。只不過應(yīng)該用好 CSS 的人現(xiàn)在還沒理解到它的妙處而已。

請看普通設(shè)計（如矢量圖形或 Quicktime 影片之類的）和 CSS 設(shè)計在創(chuàng)作過程中的差異。設(shè)計師在電腦上所做的一切都是由 GUI（圖形用戶界面）實現(xiàn)的，當(dāng)然要所見即所得。而 CSS 要寫代碼，這是兩個完全不同的領(lǐng)域，問題的難點就在這里：你必須成為雙面手才行。

我最近看過許多關(guān)于編碼與設(shè)計的討論。有人說只有對底層的代碼有深刻的了解，才能解決出現(xiàn)的問題。就瀏覽器對CSS的支持程度來看，這種說法不無道理。但在我看來還是傳統(tǒng)的設(shè)計師學(xué)習(xí) CSS 這個新玩藝兒的方法有問題。

到了直觀的CSS編輯器的出現(xiàn)以后，情況才會有所改觀?；诒砀竦脑O(shè)計工具早就有了，采用 Dreamweaver 和 Fireworks 能夠制作出相當(dāng)漂亮的網(wǎng)站，不需要懂得很多的HTML語言。盡管代碼看起來很亂，但能夠取悅大多數(shù)客戶。在CSS編輯器的功能和易用性趕上這些網(wǎng)頁制作工具之前，可以想象讓那些不堪代碼學(xué)習(xí)之苦的設(shè)計師們采用CSS，肯定會遇到不少阻力。我們需要的是 CSS 的 InDesign，可是有誰肯做這件事？

但是我不是這樣的設(shè)計師，我不能坐等工具出現(xiàn)，所以就瞄準 Web 的發(fā)展趨勢，向前邁了一大步。我知道只要追隨 XML 就能完全徹底地將內(nèi)容和呈現(xiàn)相分離。曙光已經(jīng)出現(xiàn)，還把自己局限于上世紀九十年代后期的設(shè)計方法是很不明智的，遲早是會丟掉飯碗的。我要為將來 - 我自己的前途做些打算 。

嗯，有意思。何不建個新站點，在第一時間去驗證這個想法，既能達到 XHTML, CSS 和 508 條款的要求，又不必做什么改動。還有什么比它更能帶來滿足感呢？。

在黎明到來之前的日子里，web 設(shè)計師和 web 開發(fā)者的區(qū)別在哪里？你是哪一類？

或許兩樣都算吧。我想 web 設(shè)計師的主要工作是在前臺：設(shè)計，制作 Flash，編寫 XHTML/CSS 代碼和一點兒 JavaScript，偶爾還要寫服務(wù)器端的代碼。Web 開發(fā)者主要在后臺與 PHP，Perl，MySQL，ASP，XML打交道，還要寫 JavaScript 和 XHTML/CSS/XSLT 代碼。交叉當(dāng)然是有的，我看到人們在這兩者之間苦苦掙扎，我不知道該怎么稱呼他們。更別提什么信息架構(gòu)師、易用性大師和親和力專家了，這些名詞兒太籠統(tǒng)，變化太快。

我是個網(wǎng)站設(shè)計師。我并不喜歡這頂帽子，我對外開價時通常用的是“平面設(shè)計師”，只不過我的設(shè)計領(lǐng)域恰巧集中在 Web 領(lǐng)域而已。

為什么你對 Web 這個媒體如此投入和狂熱？

混沌產(chǎn)生秩序，不同聲音的力量，以及大家都站在同一起跑線上。和普通的網(wǎng)志相比，我并不對傳統(tǒng)媒體有什么偏愛。新聞記者們整天在炒作，而在與他人合作的過程中，我發(fā)現(xiàn)網(wǎng)上的朋友們同樣（也許更加）值得信賴，我并不感到孤獨。

除此之外還有網(wǎng)絡(luò)的全球性。只須通過點擊鼠標(biāo)，我就可以和哈薩克斯坦的人們一樣訪問同樣的信息。去年我經(jīng)常沿著北美的海岸線旅行，每次從飛機的機艙向外望去，我就情不自禁地去想象 Web 所包容的巨大空間，令人覺得這是如此平常，而又實在難以置信。

你制作的第一個網(wǎng)站是哪個？在你做過的網(wǎng)站中，你最喜歡哪一個？

實際上我在服務(wù)器上發(fā)布的第一個正式網(wǎng)站是“digital gallery”，是1997年做的，不過都是一些 3D 渲染效果很差勁的JPG 圖片。那時我剛剛放棄學(xué)了很久的 QuickBasic 編程，我覺得我的興趣在平面設(shè)計上，而不是編程。所以我需要一個媒體，而在當(dāng)時，Web 對我來說是個全新的東西。讀了 Molly Holzschlag 的 Sizzling Web Design 以后，我發(fā)現(xiàn)這正是我的興趣所在，甚至還謀到了一份這樣的差事。六年后的今天，我仍然覺得其樂無窮，我猜我選對了媒體。

至于最喜歡的站點，我對提交到禪意花園的每份作品都感到興奮不已，我感到很高興，因為從未有人提及我在 mezzoblue.com 工作。我每隔幾年都去一趟溫哥華的一家巧克力公司 “Over the Moon”，1999年我為他們設(shè)計了第一個網(wǎng)站，現(xiàn)在的網(wǎng)站是 2001年底到2002年初制作的?？催^代碼的人就會發(fā)現(xiàn)當(dāng)時我還有使用表格的習(xí)慣，不過這是我第一次嘗試 CSS/XHTML 混合布局，從底欄的驗證鏈接就可以看出。為什么我最喜歡它？當(dāng)然是可以享用免費的巧克力。

怎么會想到要發(fā)起 css 禪意花園？

這個設(shè)想第一次在我腦海中閃現(xiàn)是在2002年9月。當(dāng)時我正在為一家公司工作，他們當(dāng)時仍在為 Netscape 4.x 寫代碼，我試圖向他們演示應(yīng)該放棄那些過時的代碼，面向未來所帶來的好處。其實我已經(jīng)開始著手做了，不過以后就沒有下文了 [這可是本次采訪的獨家消息，之前從未有人見過]。

到了第二年四月，Lycos 打算舉辦一個“Hack Hotbot”競賽，內(nèi)容是為搜索引擎制作 CSS “皮膚”。長話短說，我不喜歡他們的比賽條件，他們的代碼非?？植?，他們拒絕了我的參賽作品，只是因為我是加拿大人。

盡管這項比賽的運作方式令人無法恭維，但對整個網(wǎng)站設(shè)計群體來說卻是個好事。我的作品完成的同時，也明白了什么是 不應(yīng)該做的。9月的那個主意還在我的腦海中盤旋，現(xiàn)在時機已經(jīng)成熟，我把這些想法整理整理，要做就把它做好。

我所看到的是一條鴻溝。一邊是 K10k 和 PixelSurgeon 和 Dik 及其信徒們，這些以設(shè)計為中心的精美作品確實令人眼花繚亂；而另一邊是 CSS 的擁躉，其數(shù)量少得多。

總得有人為他們架起一座橋梁。我不認為我已經(jīng)達到了這個目標(biāo)，其實我明白來自頂尖設(shè)計群體的阻力。CSS 陣營的人們已經(jīng)開始去贏得 CSS 與表格布局的這場戰(zhàn)爭，在他們看來，CSS Garden 就是一個堅強后盾。

我并不贊成這種戰(zhàn)爭或者對立。基于表格布局的混合設(shè)計仍然有用武之地，而且是人們在實際工作中的一個技術(shù)上的選擇。把宗教留給專家們，為客戶做出最恰當(dāng)?shù)倪x擇吧。

現(xiàn)在這個站點已經(jīng)進入 Google 的“CSS”搜索結(jié)果前十名；究竟為何如此受人關(guān)注？

也許我對 CSS 過于熟悉了，反而無法給出正確答案。對我來說，這個設(shè)想只不過是其他項目自然演化的結(jié)果，而對大多數(shù)人來說這是一場革命。我們有人非常清楚，用 CSS 完全可以做到這種結(jié)果，但極少有人真的去實踐過。Chris Casciano 和 Jeremy Keith 是先行者之一。

而對于其他人來說完全是大開眼界。很多人說根本想不到用 CSS 竟然可以做出這樣的神奇效果，所以我猜，構(gòu)思新穎是我們受人喜愛的原因之一。此外，各個作品的名字通俗易懂，匯集了各種相關(guān)資源，為渴望向人展示自己作品的設(shè)計師提供了一個場所。

隨著設(shè)計師不斷提交來自己的作品，網(wǎng)站的內(nèi)容也在不斷地更新，每每有令人驚奇的作品出現(xiàn)，不再有人去讀那些文字了，我們都想知道其中的奧秘，這份熟悉的 XHTML 文件，竟然有這么多令人瞠目的呈現(xiàn)形式。

創(chuàng)新是靈感的火花，而熟悉的內(nèi)容讓其充滿活力。

在這些作品中，你最喜歡哪個？

用外交辭令來說，當(dāng)然每份作品都非常優(yōu)秀。如果你真的要我獻出鎮(zhèn)山之寶的話，我想 Didier Hilhorst 的 Release One, Radu Darvas 的 Zunflower, Doug Bowman 的 Golden Mean, 和 Mike Pick 的 What Lies Beneath 完全出乎我的想象。盡管其 CSS 技巧各有獨到之處，但每件都是絕妙之作。

上面提到的那些自然是實至名歸。我非常喜愛從24號（Dan Rubin 的 Not So Minimal）到31號（Kev Mears 的 Hedges）這組作品，其中每件都創(chuàng)意獨到、設(shè)計精美，是不可多得的佳作。

私下來說，對尚未問世的作品的質(zhì)量，我決不敢妄加揣測。說實話，與這些花園的園丁們一起工作，我有些受寵若驚并引以為榮。

你還開辦了 mezzoblue 網(wǎng)站。為何選擇 blue ?

Blue 表達了我內(nèi)心淡淡的憂郁。

實際上，我還是相當(dāng)樂觀的人。2001年秋我為新域名經(jīng)歷了一次頭腦風(fēng)暴，我想到了許多與“冷”有關(guān)的主題如 PixelBlue、MezzoFrost等等。當(dāng)時的感覺很好，不過現(xiàn)在我有些后悔，不該把自己局限于某個色板。我在站點最近一次的改版中采用了很有意思的配色方案，這算是我樂觀的一面的體現(xiàn)吧。

說出你最喜愛的電影、音樂、建筑、比薩餅口味和外國話？

目前我最喜歡的就是 Amélie / Itzhak Perlman 的小提琴獨奏、洛克菲勒中心、加州比薩店的北京鴨和 merde。

你認為目前最頂尖的設(shè)計師有哪些？

不久前我剛瀏覽了 Doug Bowman 的作品，我對妻子說：“你知道，看了別人的作品感到不安其實很好，它為你樹立了一個趕超的目標(biāo)?！?Todd Dominey 和 Cuban Council/K10k 成員的大作總能令我開心。在向禪意花園提交那兩份作品之前，我對 Mike Pick 還不很熟悉，但很快就迷上了他的大作。

我喜歡去一些設(shè)計門戶網(wǎng)站（surfstation.lu, pixelsurgeon.com, designiskinky.com）轉(zhuǎn)轉(zhuǎn)，欣賞一些創(chuàng)意獨到、干凈整潔的站點。但我和普通的訪客并無二致，無法為此投入過多。

IE 獨立版本的停止開發(fā)和以及 Netscape 的終結(jié)，對現(xiàn)代的網(wǎng)頁制作技術(shù)是好還是壞？

這要看當(dāng)時的情況變化，我很難說。

樂觀的是 Mozilla/Opera/Safari 能迅速填補留下的巨大空間，無線裝置的迅速興起使得對標(biāo)準的支持變得前所未有的重要。在6年以內(nèi)，如果還只為 IE6 打算就會帶來小小的麻煩。

最悲觀的莫過于微軟根本就不喜歡Web，隨著他們的重點轉(zhuǎn)移，我敢說不管他們在這個領(lǐng)域如何打算都是為了專屬利益。由于他們壓倒性的市場份額，我們還不得不遷就它。樂觀的觀點告訴我，微軟不可能贏得這個游戲。公眾對Web方式是如此喜歡，不會坐視他們釜底抽薪的。

最近樂觀派似乎占了上風(fēng)，但情況并不非常令人滿意。

如果按 1 (=最低) 到 10 (=最高) 來排名，你能排在第幾位？

我妻子大概會給我第12名。我好久沒看過 Star Trek 了，我想不至于太差吧。其實不管怎么排名都是相對的，與本文的讀者相比，我大概能排到第6位，但如果和大街上隨便找來的人相比，肯定能排到第9。

Web 標(biāo)準（CSS, XHTML 等等）是不是抬高了在 Web 上發(fā)布東西的門檻？

好問題。這個問題在我的個人郵件中也被問到過。我的回答是否定的，不過我很愿意參加這個問題的討論。

新手們不一定都得去學(xué)習(xí) XHTML 和 CSS。1996年的HTML對他們一樣管用，簡單的文件包含的標(biāo)記很少，僅此而已。抽象地談?wù)摗皩?nèi)容和呈現(xiàn)相分離”對他們來說意義不大。大多數(shù)新手壓根兒就沒寫過一個標(biāo)記，我們也不應(yīng)對他們有過高的奢望。

但是 Web 還是在向 XML 和上面提到的這種抽象層次發(fā)展，當(dāng)然就提高了門檻。CSS 對Web的未來非常重要，對電腦知識知之甚少的家人在考慮層次和方塊時所想到情景和 CSS 的原理是一樣的。對，就是這樣。

所以，如果 Web 是為人人所用的，要是必須讀懂大堆的書本和教材才能制作網(wǎng)頁的話，一般的新手怎么可能在網(wǎng)上發(fā)布他們的家庭影集？

許多年前就有一種服務(wù)來填補這個空缺了。你根本不用為發(fā)布網(wǎng)頁發(fā)愁，你只須掌握 FTP 和 目錄結(jié)構(gòu)就夠了。這曾經(jīng)是一個很大的障礙，大多新手們并不覺得很難。一些網(wǎng)站如 Fotki 和 Kodak 的 圖片樂園提供了照片存儲服務(wù)。目前鋒頭正勁的是 weblog，BlogSpot、TypePad 和 AOL Journals 的一條龍服務(wù)也是大勢所趨。

新手們無須知道我們將要改變的是作為 Web 根基的底層代碼。盡管技術(shù)對他們而言并不重要，但當(dāng)我看到 TypePad 從一開始就做到遵從標(biāo)準時感到非常欣喜，我期待有更多的后來者效仿。

你是個設(shè)計師，我卻不是。我完全支持 www.bancomicsans.com 要從地球上禁止使用 comic sans 字體的目標(biāo)。你呢？

啊，當(dāng)然。一開始我以為是對字體抱有偏見的人開的玩笑，不過后來我注意到此人有一定道理。這種字體無處不在，我想把這都歸罪于 Vincent Connare （Comic Sans MS 的設(shè)計者）是不公正的。不過我想這給各位設(shè)計師留下了一個教訓(xùn)：你的作品就代表你自己，不管你是否情愿。

假如你有一天成了全球的統(tǒng)治者，你還想禁止什么？

越南咖啡和四巨頭：雀巢、Sara Lee、P&G 和 卡夫。

噢對了，我還要扔掉我的肥皂盒。

你的下一步打算？

我還在探索之中?，F(xiàn)在我正在為參與編寫的“Cascading Style Sheets: Separating Content from Presentation”的出版作最后的潤色。過不了多久也許會出一兩本書，但目前還沒有什么打算。

此外，我的事業(yè)才剛剛起步。今年的年景不錯，但這并不妨礙為前途做些打算。我想到溫哥華的一個公司工作，他們完全理解 Web 的真義，而且已經(jīng)做得不錯了。這件事，我很愿意聽聽讀者們的建議。

今天你看到的最美的東西是什么？

我的新娘剛醒來時的笑容。

瞧這水杯：它是半滿的，還是半空的？

我想要個大杯子。