建站常識(shí)
「風(fēng)格」與「設(shè)計(jì)」
2009-12-19 09:39:00
這是著名網(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ì)師看待自己這門手藝的視角,和我以前看待流行文化的視角是一樣的。要么酷,要么爛。他們錯(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)身,把對(duì)癖戀風(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)溝通?!逗诳偷蹏?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)椋斫馄放扑茉?、懂得用設(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ì)丟掉飯碗。
我也為這媒介本身?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)題。(翻譯:李如一)
原文:http://apple4.us/2009/12/zeldman-style-design.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2006-10-26 16:54:00] web2.0印象 談?wù)刉eb2.0網(wǎng)站的設(shè)計(jì)特征
- [2009-10-22 08:15:00] 為什么這么設(shè)計(jì):支付寶首頁(yè)改版
- [2006-01-08 20:54:00] 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)初步探討
- [2009-12-17 11:55:00] 淺談白社會(huì)交互設(shè)計(jì)的創(chuàng)新(一)
- [2007-10-26 14:28:00] 活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之中南海盈月之約
- [2009-07-25 08:33:00] 說(shuō)說(shuō)tab設(shè)計(jì)
- [2010-04-16 15:19:00] 越簡(jiǎn)單越豐富—極簡(jiǎn)網(wǎng)頁(yè)設(shè)計(jì)視覺呈現(xiàn)技巧
- [2007-12-20 11:15:00] 鄰居確實(shí)很重要(頁(yè)面設(shè)計(jì)全局觀)
- [2010-09-19 08:08:00] 用戶體驗(yàn)設(shè)計(jì)指引圖
- [2007-01-15 16:16:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程五:文字的編排設(shè)計(jì)
- [2009-07-30 22:38:00] 關(guān)于設(shè)計(jì)師的幾個(gè)階段
- [2011-01-06 22:06:00] 制定設(shè)計(jì)的原則
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站建設(shè)的步驟有哪些 H5定制設(shè)計(jì) 網(wǎng)站設(shè)計(jì)趨勢(shì) 微網(wǎng)站 青島網(wǎng)站SEO 建站常識(shí) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島做網(wǎng)站多少錢 新的元素 網(wǎng)站設(shè)計(jì) 扁平化設(shè)計(jì) 手機(jī)網(wǎng)站 視覺靈感 青島網(wǎng)站優(yōu)化 網(wǎng)站品牌 程序開發(fā) 網(wǎng)站推廣 網(wǎng)站動(dòng)畫 青島SEO 頁(yè)面設(shè)計(jì) 搜索引擎蜘蛛 插畫 平面設(shè)計(jì) 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 圖形網(wǎng)格 青島網(wǎng)站營(yíng)銷 青島開發(fā)區(qū)建站公司 營(yíng)銷策略 青島抖音小程序開發(fā)