著名網(wǎng)頁(yè)設(shè)計(jì)師杰夫·齊曼談風(fēng)格與設(shè)計(jì)

這是著名網(wǎng)頁(yè)設(shè)計(jì)師杰夫·齊曼（Jeffrey Zeldman）給 Adobe 設(shè)計(jì)中心的「對(duì)話框」欄目寫的文章。相信國(guó)內(nèi)跟網(wǎng)頁(yè)設(shè)計(jì)有關(guān)的人——無(wú)論甲方還是乙方——讀完都會(huì)心有戚戚焉。齊曼不但在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域卓然成家，更寫得一手好文章。能讀英文者，請(qǐng)移步 Adobe 設(shè)計(jì)中心網(wǎng)站閱讀原文。

文：Jeffrey Zeldman

我的父親是個(gè)業(yè)余畫家，我的童年就是被他的那些美術(shù)書籍塑造的。跟很多小孩一樣，我對(duì)「純粹的再現(xiàn)」十分著迷。那些巨細(xì)無(wú)遺的版畫——搏斗中的角斗士，風(fēng)景如畫的村莊，日出時(shí)的羅馬廢墟——每每讓我瞠目結(jié)舌、口不能言。當(dāng)時(shí)我對(duì)藝術(shù)的理解就是「畫功好」。在那年幼而懵懂的日子里，細(xì)節(jié)越豐富、蝕刻的線條越密集、樹葉越多，這藝術(shù)家就越棒。稍后我邂逅了漫畫，再往后是美術(shù)館。麥菲·派瑞（Maxfield Parrish）讓我想嗑藥，也讓我明白自己永遠(yuǎn)當(dāng)不了畫家。保羅·克利（Paul Klee）在我看來(lái)是個(gè)不會(huì)畫畫的爛藝術(shù)家。安迪·沃霍爾是個(gè)騙子，因?yàn)樗淖髌范际侵肿龅摹?/p>

今天我仍不敢說(shuō)自己明白了藝術(shù)是怎么一回事，但我的確知道自己早年那些想法與藝術(shù)的本質(zhì)毫無(wú)關(guān)系，而僅僅和純粹的視覺刺激有關(guān)。藝術(shù)，和迪士尼或馬戲團(tuán)一樣，是一種奇觀。但敬亭山看多了也會(huì)厭，棉花糖吃多了也會(huì)膩，我也漸漸從感官刺激升級(jí)到了風(fēng)格層面。史蒂夫·狄可（Steve Ditko）的蜘蛛俠。波普藝術(shù)。搖滾樂(lè)，還有騷靈樂(lè)，然后是朋克專輯的封面。我開始對(duì)「風(fēng)格」上癮。我分不清好壞，但我知道什么東西夠酷。

“今天很多年輕網(wǎng)頁(yè)設(shè)計(jì)師看待自己這門手藝的視角，和我以前看待流行文化的視角是一樣的。要么酷，要么爛?！?/strong>

他們錯(cuò)把風(fēng)格當(dāng)成了設(shè)計(jì)，而其實(shí)兩者是完全不一樣的東西。設(shè)計(jì)是發(fā)生于各個(gè)層面的溝通。它告訴你身在何處，你現(xiàn)在能做什么，并且讓這個(gè)「做」的過(guò)程盡量方便。風(fēng)格意味著重復(fù)，它是關(guān)于「風(fēng)格感」的溝通。用視覺語(yǔ)匯說(shuō)，風(fēng)格是設(shè)計(jì)的一個(gè)方面；用商業(yè)語(yǔ)匯說(shuō)，風(fēng)格是有關(guān)品牌特性的溝通。

風(fēng)格有時(shí)也會(huì)傳達(dá)出設(shè)計(jì)師對(duì)設(shè)計(jì)主體的厭惡?！高@東西太悶了，所以在這兒加了點(diǎn)條紋，這里有個(gè)下拉式菜單?？傊阋酪晕业哪芰ψ鲞@種小活兒綽綽有余。」在這個(gè)意義上，風(fēng)格是一種地下語(yǔ)言，只能在同儕之間傳遞，和網(wǎng)站的訪客或目的無(wú)關(guān)。的確，這種風(fēng)格上的花樣還有可能與站點(diǎn)的目的相悖。然后，研究網(wǎng)站可用性的大師就會(huì)現(xiàn)身，把癖戀風(fēng)格造成的惡果歸咎于設(shè)計(jì)。

風(fēng)格先行的設(shè)計(jì)師如果有幸能只選那些符合他們的風(fēng)格偏好的活兒來(lái)接的話，也不是不能成功，可惜大部分網(wǎng)頁(yè)設(shè)計(jì)師沒有這種待遇。不過(guò)，他們?nèi)匀粺嶂杂趯㈨敿庠O(shè)計(jì)師的風(fēng)格語(yǔ)匯應(yīng)用到手頭的項(xiàng)目上。于是我們看到做得像銳舞派對(duì)宣傳單張那樣的電子商務(wù)網(wǎng)站，或是一個(gè)以傳遞信息為目的的網(wǎng)站充斥著奇怪的導(dǎo)語(yǔ)。（少數(shù)這類的導(dǎo)語(yǔ)讀起來(lái)很炫，但通常是搞錯(cuò)了方向，而且不合時(shí)宜。）

萬(wàn)維網(wǎng)曾經(jīng)像一本電話簿?，F(xiàn)在它更像一張?jiān)O(shè)計(jì)作品大全。更準(zhǔn)確地說(shuō)，像是二十位知名設(shè)計(jì)師的作品大全。年輕設(shè)計(jì)師以他們的弟子自居，反復(fù)拷貝他們的風(fēng)格。視覺設(shè)計(jì)和「以溝通為目的的設(shè)計(jì)」之間的界線在這些設(shè)計(jì)師身上蕩然無(wú)存。同樣，他們也沒搞清真正的風(fēng)格和山寨風(fēng)格之間的區(qū)別：前者源自項(xiàng)目的本質(zhì)，后者則像是硬接在項(xiàng)目上的義肢。

癖戀風(fēng)格的網(wǎng)站會(huì)令訪客迷惑，令用戶和為這網(wǎng)站付了錢的公司受害。如果設(shè)計(jì)師不是從「這個(gè)網(wǎng)站是做給誰(shuí)用的？」和「他們用它來(lái)干嘛？」出發(fā)，我們只能得到?jīng)]有意義的美麗外表。正是這種設(shè)計(jì)令「美」蒙塵——至少在某些圈子如此。

問(wèn)題在于，我們的社會(huì)迷戀表象（并且害怕窺視表象之下的東西）。人們會(huì)因?yàn)橐浑p球鞋的樣子很酷就為它一擲千金，Beck 的歌能用來(lái)當(dāng)廣告配樂(lè)。在這樣的消費(fèi)文化里，炫和酷就是標(biāo)價(jià)高的商品。

對(duì)于某些客戶以及太多的年輕設(shè)計(jì)師而言，用 Flash 做的多媒體站成了網(wǎng)頁(yè)設(shè)計(jì)的同義詞。網(wǎng)頁(yè)上如果沒有點(diǎn)帶響的和會(huì)動(dòng)的就不會(huì)好到哪去——酷就更加別提了。用 Flash (SWF 文件) 做的項(xiàng)目佳作頻出，并終于成了各種大獎(jiǎng)的寵兒——尤其是那些老牌的高姿態(tài)獎(jiǎng)項(xiàng)。在那些頒獎(jiǎng)禮中，「數(shù)字作品」總是被安排在前面，后面才是用上百萬(wàn)美元堆出來(lái)的電視廣告。評(píng)委們對(duì)電視廣告在概念和制作水準(zhǔn)上的期待超過(guò)了商業(yè)電影。自然，他們也希望網(wǎng)站能有那種將他們掀翻在地的力量。

只要評(píng)委們用的是最新版的瀏覽器、寬屏 G5、奔騰處理器和 T1 專線，那些利用最新技術(shù)做出來(lái)的突破性花哨實(shí)驗(yàn)就能繼續(xù)得獎(jiǎng)。當(dāng)然，前提是他們必須在視覺設(shè)計(jì)和編程水平上達(dá)到了獎(jiǎng)項(xiàng)的要求。我們?cè)诖苏劦牟皇菭€設(shè)計(jì)，我們談的是高水準(zhǔn)的設(shè)計(jì)，但，這只是設(shè)計(jì)的一個(gè)類別。

我的大部分同事都在設(shè)計(jì)這樣的網(wǎng)站。他們的成就令我驚嘆。他們獲獎(jiǎng)是實(shí)至名歸，我也為他們喝彩。但我也有我的擔(dān)憂。

我擔(dān)憂，因?yàn)檫@一類設(shè)計(jì)雖然適用于某些場(chǎng)合，但在更多的場(chǎng)合中并不恰當(dāng)，而它已經(jīng)成為唯一一種能獲獎(jiǎng)的網(wǎng)頁(yè)設(shè)計(jì)。正因如此，它也成為年輕設(shè)計(jì)師爭(zhēng)相模仿的對(duì)象。他們不只在個(gè)人項(xiàng)目（很棒的個(gè)人項(xiàng)目）里模仿，接商業(yè)項(xiàng)目時(shí)也是如此。對(duì)于后者，這可能會(huì)造成傷害。

“我擔(dān)憂，因?yàn)榉植磺屣L(fēng)格與設(shè)計(jì)的年輕設(shè)計(jì)師學(xué)到了大師們的技巧和風(fēng)格，但未必學(xué)會(huì)了如何利用網(wǎng)站這一媒介來(lái)溝通?！?/strong>

《黑客帝國(guó)》里的「子彈時(shí)間」很棒，但用在紀(jì)錄片就不合適了。由于大部分網(wǎng)頁(yè)設(shè)計(jì)都是為了傳遞信息（至少本應(yīng)如此），這種在信息類網(wǎng)站里大批移植他人風(fēng)格的做法并沒有促進(jìn)這一媒介，相反讓它愈發(fā)令人困惑。

我擔(dān)憂，因?yàn)橛行┰O(shè)計(jì)師會(huì)永遠(yuǎn)無(wú)法形成自己的風(fēng)格，更別提針對(duì)不同的項(xiàng)目發(fā)展出適合品牌形象的風(fēng)格了。這是因?yàn)樨?fù)責(zé)招聘的人往往缺乏批判性的語(yǔ)匯，且會(huì)給那些簡(jiǎn)歷看起來(lái)很酷很炫的人安排完全不適合的工作。（「以你的才華，完全可以把他們蓋了?！梗┮?yàn)椋?strong>理解品牌塑造、懂得用設(shè)計(jì)去溝通、知道風(fēng)格與設(shè)計(jì)的區(qū)別的傳統(tǒng)設(shè)計(jì)師遲早會(huì)進(jìn)入這一市場(chǎng)。屆時(shí)，那些沒有機(jī)會(huì)理解網(wǎng)頁(yè)設(shè)計(jì)奧義的年輕設(shè)計(jì)師就會(huì)丟掉飯碗。

我也為這媒介（我想大概是指網(wǎng)絡(luò)這個(gè)媒介）本身?yè)?dān)憂，因?yàn)樵谄恋耐獗砗透叨鹊目捎眯灾g存在一大片中間地帶，大部分網(wǎng)頁(yè)都屬此類，但這一類的網(wǎng)頁(yè)設(shè)計(jì)師卻少之又少。專注這種設(shè)計(jì)的好處也越來(lái)越少，因?yàn)樗m然令用戶愉悅，卻無(wú)法獲得業(yè)界肯定，除了一張支票以外，設(shè)計(jì)師可謂別無(wú)所獲。（「天，加載速度好快，又那么好用，而且在我爸的老戴爾電腦上的 IE 3 里看都沒問(wèn)題?！鼓懵犝f(shuō)過(guò)有評(píng)委說(shuō)這樣的話嗎？嗯，我也沒有。）

我最擔(dān)憂的是用戶。商業(yè)性的網(wǎng)頁(yè)開發(fā)已經(jīng)發(fā)展了十多年，但用戶還是不能輕松有效地找到想要的東西，他們還是不懂，為什么在網(wǎng)頁(yè)上閱讀這么不舒服，而閱讀卻是大部分人在網(wǎng)上的主要活動(dòng)。

只要我們的社會(huì)把風(fēng)格置于設(shè)計(jì)之上，把表象置于實(shí)質(zhì)之上，這種狀況就不會(huì)改善。當(dāng)然，每隔四年，當(dāng)我走向投票箱時(shí)，都會(huì)想到同樣的問(wèn)題。（翻譯：李如一）