網(wǎng)頁設(shè)計大師杰夫·齊曼:別錯把風(fēng)格當(dāng)設(shè)計!

編者按:這是著名網(wǎng)頁設(shè)計師杰夫·齊曼(Jeffrey Zeldman)給 Adobe 設(shè)計中心的「對話框」欄目寫的文章寝衫。雖然這是一篇老文章顷扩,但每每讀來都有些許的感動和思考,相信國內(nèi)跟網(wǎng)頁設(shè)計有關(guān)的人——無論甲方還是乙方——讀完都會心有戚戚焉慰毅。

文:Jeffrey Zeldman

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 我的父親是個業(yè)余畫家

我的父親是個業(yè)余畫家隘截,我的童年就是被他的那些美術(shù)書籍塑造的。跟很多小孩一樣汹胃,我對「純粹的再現(xiàn)」十分著迷婶芭。那些巨細無遺的版畫——搏斗中的角斗士,風(fēng)景如畫的村莊着饥,日出時的羅馬廢墟——每每讓我瞠目結(jié)舌犀农、口不能言。當(dāng)時我對藝術(shù)的理解就是「畫功好」宰掉。在那年幼而懵懂的日子里呵哨,細節(jié)越豐富、蝕刻的線條越密集贵扰、樹葉越多仇穗,這藝術(shù)家就越棒。稍后我邂逅了漫畫戚绕,再往后是美術(shù)館纹坐。麥菲·派瑞(Maxfield Parrish)讓我想嗑藥,也讓我明白自己永遠當(dāng)不了畫家舞丛。保羅·克利(Paul Klee)在我看來是個不會畫畫的爛藝術(shù)家耘子。安迪·沃霍爾是個騙子,因為他的作品都是助手做的球切。

今天我仍不敢說自己明白了藝術(shù)是怎么一回事谷誓,但我的確知道自己早年那些想法與藝術(shù)的本質(zhì)毫無關(guān)系,而僅僅和純粹的視覺刺激有關(guān)吨凑。藝術(shù)捍歪,和迪士尼或馬戲團一樣,是一種奇觀鸵钝。但敬亭山看多了也會厭糙臼,棉花糖吃多了也會膩,我也漸漸從感官刺激升級到了風(fēng)格層面恩商。史蒂夫·狄可(Steve Ditko)的蜘蛛俠变逃。波普藝術(shù)。搖滾樂怠堪,還有騷靈樂揽乱,然后是朋克專輯的封面名眉。我開始對「風(fēng)格」上癮。我分不清好壞凰棉,但我知道什么東西夠酷损拢。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?錯把風(fēng)格當(dāng)成了設(shè)計

今天很多年輕網(wǎng)頁設(shè)計師看待自己這門手藝的視角,和我以前看待流行文化的視角是一樣的渊啰。要么酷探橱,要么爛。他們錯把風(fēng)格當(dāng)成了設(shè)計绘证,而其實兩者是完全不一樣的東西。設(shè)計是發(fā)生于各個層面的溝通哗讥。它告訴你身在何處嚷那,你現(xiàn)在能做什么,并且讓這個「做」的過程盡量方便杆煞。風(fēng)格意味著重復(fù)魏宽,它是關(guān)于「風(fēng)格感」的溝通。用視覺語匯說决乎,風(fēng)格是設(shè)計的一個方面队询;用商業(yè)語匯說,風(fēng)格是有關(guān)品牌特性的溝通构诚。

風(fēng)格有時也會傳達出設(shè)計師對設(shè)計主體的厭惡蚌斩。「這東西太悶了范嘱,所以在這兒加了點條紋送膳,這里有個下拉式菜單〕蟾颍總之你要知道以我的能力做這種小活兒綽綽有余叠聋。」在這個意義上受裹,風(fēng)格是一種地下語言碌补,只能在同儕之間傳遞,和網(wǎng)站的訪客或目的無關(guān)棉饶。的確厦章,這種風(fēng)格上的花樣還有可能與站點的目的相悖。然后砰盐,研究網(wǎng)站可用性的大師就會現(xiàn)身闷袒,把癖戀風(fēng)格造成的惡果歸咎于設(shè)計。

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 為他們喝彩告材,也為他們擔(dān)憂

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

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

問題在于蹋嵌,我們的社會迷戀表象(并且害怕窺視表象之下的東西)育瓜。人們會因為一雙球鞋的樣子很酷就為它一擲千金,Beck的歌能用來當(dāng)廣告配樂栽烂。在這樣的消費文化里躏仇,炫和酷就是標(biāo)價最高的商品。

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

只要評委們用的是最新版的瀏覽器米诉、寬屏 G5、奔騰處理器和 T1 專線篷帅,那些利用最新技術(shù)做出來的突破性花哨實驗就能繼續(xù)得獎史侣。當(dāng)然,前提是他們必須在視覺設(shè)計和編程水平上達到了獎項的要求魏身。我們在此談的不是爛設(shè)計,我們談的是最高水準(zhǔn)的設(shè)計李皇,但宙枷,這只是設(shè)計的一個類別慰丛。

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?我最擔(dān)憂的是用戶

我擔(dān)憂埋涧,因為這一類設(shè)計雖然適用于某些場合奇瘦,但在更多的場合中并不恰當(dāng)耳标,而它已經(jīng)成為唯一一種能獲獎的網(wǎng)頁設(shè)計。正因如此次坡,它也成為年輕設(shè)計師爭相模仿的對象画畅。他們不只在個人項目(很棒的個人項目)里模仿郑叠,接商業(yè)項目時也是如此。對于后者寇僧,這可能會造成傷害沸版。

我擔(dān)憂,因為分不清風(fēng)格與設(shè)計的年輕設(shè)計師學(xué)到了大師們的技巧和風(fēng)格细办,但未必學(xué)會了如何利用網(wǎng)站這一媒介來溝通笑撞〉鼍酰《黑客帝國》里的「子彈時間」很棒,但用在紀(jì)錄片就不合適了瓤狐。由于大部分網(wǎng)頁設(shè)計都是為了傳遞信息(至少本應(yīng)如此)批幌,這種在信息類網(wǎng)站里大批移植他人風(fēng)格的做法并沒有促進這一媒介荧缘,相反讓它愈發(fā)令人困惑。

我擔(dān)憂胜宇,因為有些設(shè)計師會永遠無法形成自己的風(fēng)格桐愉,更別提針對不同的項目發(fā)展出適合品牌形象的風(fēng)格了。這是因為負責(zé)招聘的人往往缺乏批判性的語匯左痢,且會給那些簡歷看起來很酷很炫的人安排完全不適合的工作俊性。(「以你的才華,完全可以把他們蓋了定页〉浠玻」)因為,理解品牌塑造卒落、懂得用設(shè)計去溝通儡毕、知道風(fēng)格與設(shè)計的區(qū)別的傳統(tǒng)設(shè)計師遲早會進入這一市場。屆時雷恃,那些沒有機會理解網(wǎng)頁設(shè)計奧義的年輕設(shè)計師就會丟掉飯碗费坊。

我也為這媒介本身擔(dān)憂,因為在漂亮的外表和高度的可用性之間存在一大片中間地帶,大部分網(wǎng)頁都屬此類唱凯,但這一類的網(wǎng)頁設(shè)計師卻少之又少。專注這種設(shè)計的好處也越來越少卷雕,因為它雖然令用戶愉悅漫雕,卻無法獲得業(yè)界肯定峰鄙,除了一張支票以外,設(shè)計師可謂別無所獲魁蒜。(「天兜看,加載速度好快,又那么好用搏予,而且在我爸的老戴爾電腦上的 IE 3 里看都沒問題弧轧。」你聽說過有評委說這樣的話嗎校镐?嗯鸟廓,我也沒有襟己。)

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

只要我們的社會把風(fēng)格置于設(shè)計之上,把表象置于實質(zhì)之上夯辖,這種狀況就不會改善楼雹。當(dāng)然模孩,每隔四年榨咐,當(dāng)我走向投票箱時块茁,都會想到同樣的問題桂肌。

原文地址:艾藝信息

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市佩耳,隨后出現(xiàn)的幾起案子干厚,更是在濱河造成了極大的恐慌蛮瞄,老刑警劉巖谆扎,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件堂湖,死亡現(xiàn)場離奇詭異无蜂,居然都是意外死亡酱讶,警方通過查閱死者的電腦和手機泻肯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進店門灶挟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稚铣,“玉大人,你說我怎么就攤上這事耕漱√牛” “怎么了螟够?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長峡钓。 經(jīng)常有香客問我妓笙,道長,這世上最難降的妖魔是什么能岩? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任寞宫,我火速辦了婚禮,結(jié)果婚禮上拉鹃,老公的妹妹穿的比我還像新娘辈赋。我一直安慰自己,他們只是感情好毛俏,可當(dāng)我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布炭庙。 她就那樣靜靜地躺著,像睡著了一般煌寇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上永品,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天更振,我揣著相機與錄音,去河邊找鬼姊途。 笑死立叛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播秽浇,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼斑举,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤踢代,失蹤者是張志新(化名)和其女友劉穎掸读,沒想到半個月后澡罚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體留搔,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡彪标,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了苍息。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒸绩。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡惦界,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出灾搏,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布若锁,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧夹孔,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽殿漠。三九已至绞幌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間芬迄,已是汗流浹背杜窄。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留沐兵,地道東北人别垮。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像扎谎,于是被迫代替她去往敵國和親碳想。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,117評論 25 707
  • 10年的時候剛上初中毁靶,那時候傻得驚人胧奔,夢想中的生活是那么觸手可及。 那時候也有住校预吆,但覺著自己應(yīng)該試著自己掌...
    阿六的苗圃閱讀 430評論 1 0
  • 獨立大街龙填,彩色小房子,土耳其搓澡拐叉。 (又是寫完不見了岩遗,煩躁,不寫了巷嚣,回頭補吧)
    喬喬喬木閱讀 265評論 0 1
  • 橘子怪v閱讀 207評論 0 0
  • NSAssert()是一個宏喘先,用于開發(fā)階段調(diào)試程序中的Bug,通過為NSAssert()傳遞條件表達式來斷定是否屬...
    一代驕馬閱讀 94評論 0 0