DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 《CSS禅意花園》作者Dave Shea談CSS設計(1)
《CSS禅意花園》作者Dave Shea談CSS設計(1)
編輯:CSS詳解     

也許你沒聽說過他的名字,但是,如果你是個認真的網站設計師,一定聽說過 CSS Zen Garden (CSS 禅意花園) 這個站點。其構想很單純 - 提供網頁的源文件,人們可以用 CSS 將它設計成各式各樣的風格並提交上來。它反映了時代的潮流,並立即吸引了頂尖平面設計師的注意力,激發了Web設計師學習掌握CSS的熱情。為什麼?看多了早期的標記語言大師們死板的設計,我們終於可以領略藝術家和平面設計師們用 CSS 所能達到的設計境界。

因此,CSS ZenGarden 既是個畫廊,又是個宣言。Dave寫道:“很顯然,CSS 應當引起平面設計師們的高度重視。禅意花園致力於推廣使用、啟發靈感和鼓勵參與。”那麼,Dave Shea 究竟是何許人也? DMXzone 的 Bruce Lawson 周末采訪了他。

CSS 高手能成為設計師的很少見。你為什麼要做一個“CSS 布道者”?

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

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

我最近看過許多關於編碼與設計的討論。有人說只有對底層的代碼有深刻的了解,才能解決出現的問題。就浏覽器對CSS的支持程度來看,這種說法不無道理。但在我看來還是傳統的設計師學習 CSS 這個新玩藝兒的方法有問題。

到了直觀的CSS編輯器的出現以後,情況才會有所改觀。基於表格的設計工具早就有了,采用 Dreamweaver 和 Fireworks 能夠制作出相當漂亮的網站,不需要懂得很多的Html語言。盡管代碼看起來很亂,但能夠取悅大多數客戶。在CSS編輯器的功能和易用性趕上這些網頁制作工具之前,可以想象讓那些不堪代碼學習之苦的設計師們采用CSS,肯定會遇到不少阻力。我們需要的是 CSS 的 InDesign,可是有誰肯做這件事?

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

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

在黎明到來之前的日子裡,web 設計師和 web 開發者的區別在哪裡?你是哪一類?

或許兩樣都算吧。我想 web 設計師的主要工作是在前台:設計,制作 Flash,編寫 XHtml/CSS 代碼和一點兒 Javascript,偶爾還要寫服務器端的代碼。Web 開發者主要在後台與 PHP,Perl,MySQL,ASP,XML打交道,還要寫 JavaScript 和 XHtml/CSS/XSLT 代碼。交叉當然是有的,我看到人們在這兩者之間苦苦掙扎,我不知道該怎麼稱呼他們。更別提什麼信息架構師、易用性大師和親和力專家了,這些名詞兒太籠統,變化太快。

我是個網站設計師。我並不喜歡這頂帽子,我對外開價時通常用的是“平面設計師”,只不過我的設計領域恰巧集中在 Web 領域而已。

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

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

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

你制作的第一個網站是哪個?在你做過的網站中,你最喜歡哪一個?

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

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

怎麼會想到要發起 CSS 禅意花園?

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

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

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

我所看到的是一條鴻溝。一邊是 K10k 和 PixelSurgeon 和 Dik 及其信徒們,這些以設計為中心的精美作品確實令人眼花缭亂;而另一邊是 CSS 的擁趸,其數量少得多。

總得有人為他們架起一座橋梁。我不認為我已經達到了這個目標,其實我明白來自頂尖設計群體的阻力。CSS 陣營的人們已經開始去贏得 CSS 與表格布局的這場戰爭,在他們看來,CSS Garden 就是一個堅強後盾。

我並不贊成這種戰爭或者對立。基於表格布局的混合設計仍然有用武之地,而且是人們在實際工作中的一個技術上的選擇。把宗教留給專家們,為客戶做出最恰當的選擇吧。

現在這個站點已經進入 Google 的“CSS”搜索結果前十名;究竟為何如此受人關注?

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

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

隨著設計師不斷提交來自己的作品,網站的內容也在不斷地更新,每每有令人驚奇的作品出現,不再有人去讀那些文字了,我們都想知道其中的奧秘,這份熟悉的 XHtml 文件,竟然有這麼多令人瞠目的呈現形式。

創新是靈感的火花,而熟悉的內容讓其充滿活力。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved