@C7210 ：任何從事互聯(lián)網(wǎng)設(shè)計(jì)工作的同學(xué)或許都聽(tīng)說(shuō)過(guò)Jeffrey Zeldman的大名。作為現(xiàn)代互聯(lián)網(wǎng)標(biāo)準(zhǔn)的最大貢獻(xiàn)者之一，他在Web這個(gè)行當(dāng)里做事的時(shí)間怕是比我的活過(guò)的年頭都長(zhǎng)。

能對(duì)他進(jìn)行訪談，并將他對(duì)職業(yè)、生活及互聯(lián)網(wǎng)設(shè)計(jì)的深摯熱情分享給各位，對(duì)我來(lái)說(shuō)是非常幸運(yùn)的事。

本文即面向新人，同時(shí)也會(huì)使多年的老手感到共鳴和啟迪。Jeffrey的回答不僅在設(shè)計(jì)方面具有教育意義，而且充滿(mǎn)了個(gè)人化與直率的色彩，內(nèi)容值得反復(fù)閱讀和回味，對(duì)Web設(shè)計(jì)及其歷史發(fā)展軌跡富有真摯情懷的設(shè)計(jì)師們不可錯(cuò)過(guò)。

Q：您是什么時(shí)候進(jìn)入Web領(lǐng)域的，為什么會(huì)對(duì)這個(gè)行當(dāng)感興趣呢？

我1995年的時(shí)候正在廣告行業(yè)當(dāng)中做事。我們的客戶(hù)，華納兄弟的Donald Buckley希望推廣他們即將上映的電影“永遠(yuǎn)的蝙蝠俠”。我當(dāng)時(shí)想，或許可以在那個(gè)叫做萬(wàn)維網(wǎng)的全新信息媒介上做這部電影的主力推廣工作，感覺(jué)很合適的樣子，而且挺有意思，讓人想想就興奮。

畢竟，蝙蝠俠本身就是geek類(lèi)型的超級(jí)英雄形象；還有什么媒介會(huì)比這樣一個(gè)新興的、神秘的、似乎只有電腦狂人和大學(xué)生才掌握的數(shù)字化平臺(tái)上向蝙蝠俠的影迷傳遞信息來(lái)的更酷呢？

Donald當(dāng)時(shí)問(wèn)我們會(huì)不會(huì)做網(wǎng)站。我們騙他說(shuō)會(huì)。三個(gè)月之后我們完成了batmanforever.com。當(dāng)時(shí)來(lái)看這個(gè)站還不錯(cuò)，有著大幅的全屏背景圖片以及動(dòng)畫(huà)閃屏（三年之后Flash動(dòng)畫(huà)才真正成了氣候），主題化的界面元素以及基于故事情節(jié)的導(dǎo)航結(jié)構(gòu)和內(nèi)容，包括字體選擇和元素之間的間距關(guān)聯(lián)等等也都在設(shè)計(jì)考慮的范圍內(nèi)。

要知道，客觀來(lái)講，在1995年的Web行當(dāng)里你很難認(rèn)真追求這些東西，但是我們就是無(wú)知無(wú)畏到會(huì)去做這些。

那一年，全球互聯(lián)網(wǎng)用戶(hù)人數(shù)是三百萬(wàn)，其中有一百五十萬(wàn)人會(huì)訪問(wèn)我們的站點(diǎn)。我本人當(dāng)時(shí)屬于那種，常年試圖通過(guò)自己的音樂(lè)、文字和插畫(huà)來(lái)吸引人們的目光卻始終不得志的藝術(shù)家，所以看到這樣的訪問(wèn)量我真的驚呆了 - 它竟然能吸引到如此量級(jí)的高質(zhì)目標(biāo)群體。此外，我著迷于萬(wàn)維網(wǎng)這個(gè)平臺(tái)將設(shè)計(jì)、寫(xiě)作和科技這三種我摯愛(ài)的事物融匯在一起的強(qiáng)大能力，于是我義無(wú)返顧的全身心投入其中。

Q：能否請(qǐng)您概括一下從上世紀(jì)九十年代直到今天，Web設(shè)計(jì)領(lǐng)域當(dāng)中發(fā)生的重大變革有哪些？或者換一種說(shuō)法，在您看來(lái)，Web/UI設(shè)計(jì)是否一直在朝著某種終極方向發(fā)展著？

在那個(gè)年代，我們一直生存在某種對(duì)立的局面當(dāng)中 - 一方面是對(duì)于精彩豐富的互動(dòng)性及視覺(jué)外觀的渴望（只能在一部分瀏覽器當(dāng)中實(shí)現(xiàn)），一方面是對(duì)于能適應(yīng)各種平臺(tái)環(huán)境的界面的訴求（當(dāng)時(shí)即便能在一定程度上實(shí)現(xiàn)，也無(wú)法同時(shí)兼顧外在表現(xiàn)，致使樣式方面極度乏味）。

而如今，我們有力量為所有人創(chuàng)建更具適應(yīng)能力的Web了，不管他們使用著怎樣的設(shè)備平臺(tái)或網(wǎng)絡(luò)連接。無(wú)論你以怎樣的形式聯(lián)網(wǎng)，都可以訪問(wèn)到這個(gè)Web當(dāng)中的豐富內(nèi)容，而你在互動(dòng)和視覺(jué)方面的體驗(yàn)也會(huì)隨著所持設(shè)備的不同而動(dòng)態(tài)調(diào)整。

過(guò)去，我們談?wù)摰氖恰皟?yōu)雅降級(jí)（graceful degradation）”：在相對(duì)標(biāo)準(zhǔn)的瀏覽器環(huán)境中，頁(yè)面會(huì)以“完美”的形式呈現(xiàn)出來(lái)，而在差一些的的瀏覽器當(dāng)中只提供“可以接受”的體驗(yàn)，確保可用。

現(xiàn)在，我們信仰“漸進(jìn)增強(qiáng)（progressive enhancement）”：界面在任何設(shè)備環(huán)境中都能帶來(lái)最符合設(shè)備特性的優(yōu)質(zhì)體驗(yàn)，不再以表現(xiàn)形式上的約束來(lái)?yè)Q取兼容性。

那時(shí)候，我們習(xí)慣于為某個(gè)特定的規(guī)格（例如640x480）或規(guī)格區(qū)間（例如從640x480到800x600）來(lái)設(shè)計(jì)，如果頁(yè)面布局在目標(biāo)規(guī)格下都表現(xiàn)正常，我們的工作就完成了。

今天，我們知道內(nèi)容會(huì)被規(guī)格多到令人發(fā)指的不同類(lèi)型的設(shè)備訪問(wèn)到。

換個(gè)角度來(lái)詮釋一下：Tim Berners-Lee（萬(wàn)維網(wǎng)發(fā)明者）將Web帶給這個(gè)世界時(shí)，將它形容為某種功能精煉、樸實(shí)無(wú)華的雙向信息發(fā)布平臺(tái)，任何人都可以在任何地方通過(guò)這個(gè)平臺(tái)與他人進(jìn)行聯(lián)系。而上世紀(jì)九十年代的設(shè)計(jì)師們受制于理念和技術(shù)上的局限，將其發(fā)展成了某種在設(shè)計(jì)和體驗(yàn)上力求飽滿(mǎn)，但對(duì)用戶(hù)參與方式有嚴(yán)格制約的平臺(tái)。

當(dāng)年的Web標(biāo)準(zhǔn)項(xiàng)目（Web Standards Project）所要解決的就是這種體驗(yàn)和兼容性的沖突問(wèn)題，而如今的移動(dòng)設(shè)計(jì)及響應(yīng)式設(shè)計(jì)理念則在這條大道上走的更遠(yuǎn)。如今，在正確設(shè)計(jì)與開(kāi)發(fā)實(shí)現(xiàn)的前提下，我們已經(jīng)能夠使界面在不同的平臺(tái)環(huán)境下都能帶來(lái)最佳體驗(yàn)了。

Q：A List Apart對(duì)于設(shè)計(jì)師和開(kāi)發(fā)者來(lái)說(shuō)早已成為最具影響力的資訊來(lái)源之一。您當(dāng)時(shí)創(chuàng)建這個(gè)網(wǎng)站（最初只是郵件列表）的主要目標(biāo)是什么？現(xiàn)在看來(lái)那個(gè)目標(biāo)是否實(shí)現(xiàn)了呢？

有這樣一條DIY原則：如果你想要的某種東西在這個(gè)世界上還不存在，那么不妨自己去創(chuàng)造出來(lái)。

1998年的時(shí)候，在網(wǎng)頁(yè)設(shè)計(jì)、開(kāi)發(fā)和內(nèi)容創(chuàng)作這三個(gè)方面，各自有一些郵件列表和網(wǎng)站在教人們?cè)鯓尤プ觯€沒(méi)有哪個(gè)媒介會(huì)覆蓋到全部三個(gè)方面；當(dāng)時(shí)似乎還沒(méi)人意識(shí)到這三者之間密不可分的關(guān)系 - 它們實(shí)際上都從屬于“21世紀(jì)設(shè)計(jì)”這個(gè)整體概念之下的。

A List Apart 要做的就是將這三個(gè)方面的內(nèi)容進(jìn)行整合，所面向的就是那些和我們自己一樣對(duì)“設(shè)計(jì)”、“開(kāi)發(fā)”、“內(nèi)容”這三者之間的重要關(guān)聯(lián)有所認(rèn)知的讀者。

A List Apart 1999

A List Apart 2008

A List Apart 2015

Q：從一個(gè)簡(jiǎn)單的郵件列表，到如今擁有自己的出版部門(mén)（A Book Apart）并有能力在各地舉辦設(shè)計(jì)師大會(huì)（A Event Apart）的公司，看著A List Apart這樣一路走過(guò)來(lái)，您有何感想？

花了將近20年去培育一個(gè)品牌，感覺(jué)像是培養(yǎng)自己的孩子，苦辣酸甜盡在其中。

最初的日子里，你會(huì)將自己的個(gè)性全部?jī)A入其中，畢竟她的出現(xiàn)和生長(zhǎng)離不開(kāi)你的意志。慢慢的，你要學(xué)著讓她擁有一定的獨(dú)立性，無(wú)論孩子還是網(wǎng)站或是你創(chuàng)造的其他東西，他們都要有能力更加獨(dú)立的適應(yīng)這個(gè)世界。

找來(lái)一些合作伙伴，適當(dāng)放掉一些控制權(quán) - 對(duì)于設(shè)計(jì)師來(lái)說(shuō)，這類(lèi)事情會(huì)讓你時(shí)而極度興奮，時(shí)而異常痛苦。看到A List Apart在大家的努力下保持在正確的方向上不斷前行，我非常開(kāi)心，但有時(shí)也會(huì)覺(jué)得有些難過(guò)，因?yàn)槿绻夷芤恢币哉_的方式來(lái)做這件事的話(huà)，她最終將不再需要我的存在而獨(dú)立發(fā)展下去。不過(guò)不管怎樣，如果我創(chuàng)造出來(lái)的東西能比我本人存在的更久遠(yuǎn)，這就足夠令人開(kāi)心了。

Q：當(dāng)初是什么激勵(lì)了您去創(chuàng)建自己的Happy Cog工作室？1999年剛剛起步時(shí)，您會(huì)想到在十多年后它依然在發(fā)展壯大嗎？

我當(dāng)時(shí)正在一家互聯(lián)網(wǎng)公司擔(dān)任創(chuàng)意總監(jiān)，就是互聯(lián)網(wǎng)泡沫破裂之前的一段日子。雖然掛著這樣的title，但我當(dāng)時(shí)幾乎沒(méi)有話(huà)語(yǔ)權(quán)，甚至連指導(dǎo)設(shè)計(jì)開(kāi)發(fā)工作執(zhí)行的自由也沒(méi)有。

有一天，這家公司用我花30分鐘做的一個(gè)logo換來(lái)了500萬(wàn)美金。

我對(duì)自己說(shuō)：“是我的才能讓這家小公司生存下去的；我應(yīng)該自己干了”。這種想法顯然是將自己的價(jià)值凌駕于公司之上了，但在當(dāng)時(shí)我確實(shí)需要通過(guò)這樣的信念來(lái)推動(dòng)自己。

于是我在被授予公司股權(quán)之前的一個(gè)月辭職了。三個(gè)月之后所有那些股票都變成了廢紙。

臨走時(shí)，我打包了自己所有的網(wǎng)頁(yè)設(shè)計(jì)案例，對(duì)于自由設(shè)計(jì)師來(lái)說(shuō)在當(dāng)時(shí)的價(jià)值超過(guò)了6K美金。那年的圣誕節(jié)前，Happy Cog就成為正式的公司了，我也從自由設(shè)計(jì)師變成了“老板” - 一個(gè)穿著大背心的一根接一根抽煙提神的自己做設(shè)計(jì)和開(kāi)發(fā)的“老板”。

Happy Cog辦公環(huán)境 - 照片來(lái)源

Q：您覺(jué)得是什么使Happy Cog取得成功并從其他眾多創(chuàng)意工作室當(dāng)中脫穎而出的？

我在很小的時(shí)候就發(fā)現(xiàn)自己有那么一些與眾不同。曾經(jīng)試圖融入到更多人當(dāng)中，但很失敗。在當(dāng)時(shí)這種狀況讓我很難受，甚至使得自己有過(guò)好幾年的自殘行為。不過(guò)現(xiàn)在想想這些又很開(kāi)心，畢竟，你不同，你所帶領(lǐng)的公司才能做出一些與眾不同的東西。此外，正是一些很獨(dú)特的地方讓這個(gè)公司本身也充滿(mǎn)了令人興奮和歡樂(lè)的東西。

我們看重原創(chuàng)性，我們輸出原創(chuàng)性 - 我們就是這樣的人。也正是這一點(diǎn)使我們能夠吸引到一些本身就懂得think different的客戶(hù)。

另外很關(guān)鍵的一點(diǎn)，在起步初期，我們就給自己定下了一條規(guī)矩：永遠(yuǎn)不去做那些我們自己無(wú)法認(rèn)同的項(xiàng)目。

我在Happy Cog接的第一個(gè)咨詢(xún)項(xiàng)目，每天能幫我賺到1K美金，我從來(lái)就沒(méi)掙過(guò)這么多，而當(dāng)時(shí)自己的狀態(tài)又非常拮據(jù)。但是最終這個(gè)項(xiàng)目沒(méi)有完成，感覺(jué)不對(duì)，對(duì)于他們來(lái)說(shuō)我不是合適的人選，我無(wú)法幫他們實(shí)現(xiàn)目標(biāo)，因?yàn)槲覀儗?duì)于項(xiàng)目和用戶(hù)的觀念不一致。項(xiàng)目開(kāi)始的三天之后我結(jié)束了合同。

我記得那天還下著雪，我女朋友當(dāng)時(shí)也沒(méi)工作，我們都在發(fā)愁下個(gè)月的房租如何解決。我住在紐約，租金真正不便宜。不過(guò)想想看我還是笑了，因?yàn)槲野l(fā)現(xiàn)自己還不會(huì)為了錢(qián)而做任何事。

從那之后我們?cè)贖appy Cog訂了條規(guī)矩 - 即便在經(jīng)濟(jì)狀況不理想的時(shí)候，我們也絕不要只為了報(bào)酬而做事。如果我們要花幾個(gè)月的時(shí)間來(lái)通力合作，那么必須確保我們自己對(duì)客戶(hù)要做的東西是認(rèn)同的。我的幾個(gè)合作伙伴都認(rèn)同這一觀點(diǎn)，這使我很安心。同時(shí)，我們的員工也做的很開(kāi)心，因?yàn)闆](méi)人會(huì)逼迫他們?nèi)プ鑫覀兌疾徽J(rèn)同的項(xiàng)目。

我們從那時(shí)候開(kāi)始就懂得關(guān)注用戶(hù)和內(nèi)容本身。我們可沒(méi)等到若干年之后某些人發(fā)明了“可用性”這個(gè)詞之后才明白不該去設(shè)計(jì)華而不實(shí)的東西。對(duì)于Web標(biāo)準(zhǔn)和可訪問(wèn)性的高度聚焦也使我們從一開(kāi)始就與其他那些設(shè)計(jì)工作室有著明顯的區(qū)別。當(dāng)然，慢慢的大家都開(kāi)始理解了這些設(shè)計(jì)原則并逐漸趕超了上來(lái)。

如今，我們對(duì)于內(nèi)容策略的關(guān)注度絲毫不亞于在設(shè)計(jì)和開(kāi)發(fā)兩方面的投入程度。總而言之，我們從來(lái)都將“用戶(hù)體驗(yàn)”理解為一個(gè)整體概念，小到界面細(xì)節(jié)的設(shè)計(jì)，大到功能流程的取舍。很多設(shè)計(jì)決策會(huì)對(duì)產(chǎn)品體驗(yàn)帶來(lái)顯著的提升，但很少有人真的會(huì)注意到 - 這就像沒(méi)人會(huì)留意空調(diào)正在賣(mài)力的工作，直到我們覺(jué)得太熱或是太冷了。這樣很好，很自然。

我們只雇用那些真心在意設(shè)計(jì)的人，那些合作起來(lái)會(huì)讓你覺(jué)得自己能得到激發(fā)和推動(dòng)的人。做這行就是這樣，無(wú)論對(duì)產(chǎn)品目標(biāo)用戶(hù)還是日常合作的隊(duì)友們都要有共情的認(rèn)知，享受團(tuán)隊(duì)協(xié)作的快樂(lè)也是設(shè)計(jì)工作的基礎(chǔ)之一。

我們的多數(shù)客戶(hù)都是回頭客，這一點(diǎn)對(duì)我們非常重要。從某些方面講，做設(shè)計(jì)就像談戀愛(ài)，你認(rèn)真的去愛(ài)了，便可能得到愛(ài)的回饋。大量回頭客的意義在于，我們知道了自己確實(shí)做了一些正確的事，并且得到了認(rèn)同。

Q：您能以某個(gè)典型項(xiàng)目為例來(lái)描述一下Happy Cog的設(shè)計(jì)流程嗎？從創(chuàng)意概念到最終交付，這當(dāng)中的流程大致是怎樣的？

不是故意隱瞞 - 對(duì)我們來(lái)說(shuō)確實(shí)沒(méi)有所謂的“典型項(xiàng)目”。每個(gè)項(xiàng)目都是不同的，每一類(lèi)目標(biāo)用戶(hù)都是不同的，每家公司的目標(biāo)也是不同的。

所以，最典型的其實(shí)是我們?cè)谌魏我粋€(gè)項(xiàng)目實(shí)際開(kāi)始之前所做的大量的研究和溝通。和客戶(hù)一起坐下來(lái)之后，我們會(huì)不斷的問(wèn)問(wèn)題。我們不會(huì)像組裝配件的小店鋪那樣只是簡(jiǎn)單的應(yīng)允交出多少成品，然后干活簽單，接下來(lái)馬不停蹄的著手下一個(gè)項(xiàng)目。我們要和客戶(hù)建立合作性的關(guān)系，確保項(xiàng)目和產(chǎn)出禁得住時(shí)間的考驗(yàn)。

也許聽(tīng)上去有些懸乎，不過(guò)我們的項(xiàng)目通常就像和客戶(hù)之間進(jìn)行的持續(xù)的對(duì)話(huà)，一輪接一輪，直到某個(gè)時(shí)候，方案很神奇的自己就呈現(xiàn)在那里了。

Q：有哪些里程碑式的事件或?qū)W習(xí)經(jīng)歷曾經(jīng)推動(dòng)您成長(zhǎng)為更加優(yōu)秀的設(shè)計(jì)師？

讀中學(xué)時(shí)的一段日子里，我的自然課老師留起了胡須，然后某一天突然全部刮掉了。那天到學(xué)校之后所有人都在問(wèn)他胡子的事。后來(lái)開(kāi)始上課，大家安靜下來(lái)，他問(wèn)我們有誰(shuí)注意到他把頭發(fā)染黑了。壓根沒(méi)人留意到。

他過(guò)去是灰頭發(fā)。開(kāi)始蓄須之后，他階段性的將頭發(fā)一點(diǎn)點(diǎn)的染成了黑色。我們都太過(guò)于關(guān)注他的胡子了，以至于完全沒(méi)有察覺(jué)發(fā)色的緩慢變化。而他刮掉胡子的那一天，頭發(fā)已經(jīng)完全是黑色的了 - 如果他沒(méi)說(shuō)起來(lái)的話(huà)，怕是真的完全沒(méi)有人知道這件事。他的實(shí)際目標(biāo)是將灰發(fā)染黑，而他故意將我們的注意力吸引到了錯(cuò)誤的關(guān)注方向上。

這件事我永遠(yuǎn)不會(huì)忘記，實(shí)際上直到今天它仍然影響著我在交互設(shè)計(jì)方面的思考方式。

我母親是音樂(lè)家，父親則是一名愛(ài)好藝術(shù)的工程師。他會(huì)在晚間和周末畫(huà)畫(huà)，在家鄉(xiāng)還組織了一個(gè)藝術(shù)小組。我家里到處是工藝品和藝術(shù)類(lèi)書(shū)籍，我很小的時(shí)候就對(duì)卡通和字體產(chǎn)生了興趣。

10歲的時(shí)候，我已經(jīng)畫(huà)出一系列以一位名叫“Rick Purvis”的間諜為主角的漫畫(huà)。每畫(huà)一部，我的繪畫(huà)技能都有明顯的長(zhǎng)進(jìn)。所以，為了讓那些我想象出來(lái)的讀者不至于因?yàn)槊績(jī)刹恐g繪畫(huà)風(fēng)格的明顯差異而犯迷糊，我編了一套理由，例如Rick一直在做面部整容以便躲避他的敵人等等。

Q：您覺(jué)得設(shè)計(jì)新人們?cè)鯓硬拍鼙M快提升能力？

向你接觸到的每個(gè)人學(xué)習(xí)，無(wú)論他們的職位在你之上還是之下，或是平級(jí)同事。

早到晚走，勤奮做事。

讀書(shū)，看博客，聽(tīng)播客，訂閱資訊郵件。

保持學(xué)習(xí)。這個(gè)行業(yè)每個(gè)六個(gè)月就會(huì)發(fā)生一次重大變化。如果你停止學(xué)習(xí)，就代表你不再關(guān)心。而一旦你不再關(guān)心，你的設(shè)計(jì)師職業(yè)生涯在本質(zhì)上就止步于此了。

Q：在您看來(lái)，“好”的設(shè)計(jì)與“優(yōu)秀”的設(shè)計(jì)之間的差異是什么？

真的要視情況而定。其實(shí)有很多種取巧的方式能回答這個(gè)問(wèn)題，不過(guò)那些答案未必永遠(yuǎn)正確。

比如，我可以說(shuō)，當(dāng)人們看到好的設(shè)計(jì)時(shí)，會(huì)說(shuō)界面看上去好贊，當(dāng)他們看到優(yōu)秀的設(shè)計(jì)時(shí)，會(huì)感到你提供的服務(wù)很贊。這是實(shí)情，但并非在任何情況下都正確。

或者我也可以說(shuō)，好的設(shè)計(jì)會(huì)讓人們?cè)谟玫臅r(shí)候覺(jué)得界面很酷，而優(yōu)秀的設(shè)計(jì)會(huì)讓人們?cè)谟玫臅r(shí)候覺(jué)得自己很酷。

這些說(shuō)法都正確，除了在不正確的時(shí)候。有時(shí)優(yōu)秀的設(shè)計(jì)是隱形的，有時(shí)它又是令人難以側(cè)目的。有些類(lèi)似于電影，比如有些偉大的導(dǎo)演能讓我們留意到所有驚艷的鏡頭，而另外一些偉大的導(dǎo)演則不會(huì)讓我們感覺(jué)到有鏡頭這種東西存在。

在我們的行業(yè)里，太多人太過(guò)絕對(duì)化了。“偉大的設(shè)計(jì)是隱形的”，他們這樣告訴你。但你要知道這種話(huà)有時(shí)是對(duì)的，有時(shí)則是錯(cuò)的。

優(yōu)秀的設(shè)計(jì)都是有效用的設(shè)計(jì)，但有時(shí)有效用的設(shè)計(jì)未必就是優(yōu)秀的設(shè)計(jì)。

持續(xù)的進(jìn)行設(shè)計(jì)，你會(huì)離優(yōu)秀越來(lái)越近。一名優(yōu)秀的平面設(shè)計(jì)師可以不斷擺弄著畫(huà)布上的元素，尋找新的可能性，而此時(shí)普通的設(shè)計(jì)師可能已經(jīng)定稿了。對(duì)交互設(shè)計(jì)來(lái)說(shuō)也是同樣的道理。

Q：在您看來(lái)譬如扁平化這樣的視覺(jué)流行趨勢(shì)有著怎樣的重要意義？視覺(jué)方面的流行趨勢(shì)與技術(shù)方面的流行趨勢(shì)，例如響應(yīng)式，比較起來(lái)有著怎樣的不同？

外觀樣式方面的流行趨勢(shì)沒(méi)什么意義。它們從擁有自己的名字并被人們注意到的那天起就開(kāi)始過(guò)時(shí)了。

追逐流行趨勢(shì)是新人們樂(lè)于做的事情。我曾經(jīng)那樣做過(guò)，我們都曾經(jīng)那樣做過(guò)，這也是學(xué)習(xí)曲線當(dāng)中的一部分。流行趨勢(shì)能夠給新人設(shè)計(jì)師們帶來(lái)一些依靠，你不必過(guò)于擔(dān)心譬如設(shè)計(jì)方案不成功的話(huà)會(huì)導(dǎo)致多少人失業(yè)，或是隱私設(shè)置的模式有問(wèn)題的話(huà)會(huì)導(dǎo)致多少家庭被拆散等等這樣的問(wèn)題。這些問(wèn)題可以留給交互設(shè)計(jì)師去考慮。

模仿流行趨勢(shì)確實(shí)可以使新人設(shè)計(jì)師們少些顧慮，不過(guò)與此同時(shí)，那些更有經(jīng)驗(yàn)的設(shè)計(jì)師則是在考慮怎樣的風(fēng)格最適于當(dāng)前特定的產(chǎn)品、內(nèi)容及品牌。

而響應(yīng)式設(shè)計(jì)并不完全是技術(shù)層面的話(huà)題，也絕非流行趨勢(shì)。它的出現(xiàn)代表著我們終于開(kāi)始理解內(nèi)容與樣式介質(zhì)的體驗(yàn)多樣性問(wèn)題。

Ethan Marcotte為我們的A Book Apart寫(xiě)Responsive Web Design時(shí)，最初只是聚焦在布局及前端技術(shù)方面，使人們有時(shí)間去試著理解和消化這個(gè)新概念。很正確的做法。

而在Ethan將響應(yīng)式設(shè)計(jì)介紹給世人的五年之后，我們都開(kāi)始明白這個(gè)概念更關(guān)注于內(nèi)容與功能的多設(shè)備體驗(yàn)問(wèn)題，而不只是簡(jiǎn)單的布局技術(shù)。

Q：如果有人想學(xué)習(xí)Web設(shè)計(jì)，您會(huì)建議他們首先關(guān)注哪些領(lǐng)域？

我建議從最基礎(chǔ)的地方入手，包括語(yǔ)義化的HTML使用方式及漸進(jìn)增強(qiáng)的理念等等。你還應(yīng)該學(xué)些CSS，并至少對(duì)JavaScript的使用方式及背后的原理有所了解。然后你可以試著自己動(dòng)手寫(xiě)一些最基本的頁(yè)面，并使它們?cè)谌魏卧O(shè)備上的任何瀏覽器當(dāng)中都表現(xiàn)正常。

接下來(lái)可以通過(guò)讀書(shū)來(lái)了解一些現(xiàn)代網(wǎng)頁(yè)標(biāo)準(zhǔn)及字體運(yùn)用方面的知識(shí)。

要像新大陸的探險(xiǎn)者那樣對(duì)與Web設(shè)計(jì)相關(guān)的一切事物保持關(guān)注，進(jìn)行敏銳的觀察和思考。如果看到某個(gè)網(wǎng)站覺(jué)得不錯(cuò)，那么盡可能去鉆研一下細(xì)節(jié)，看看具體是哪些要素讓你覺(jué)得有愛(ài)的。

比如某個(gè)電商網(wǎng)站讓你覺(jué)得體驗(yàn)不錯(cuò)，那么就花些時(shí)間看看他們的設(shè)計(jì)、開(kāi)發(fā)和內(nèi)容團(tuán)隊(duì)做了哪些特別的事情 - 是清晰的信息層級(jí)？還是顯而易見(jiàn)、易于操作的按鈕及表單？界面上的信息元素是不是能幫助你對(duì)接下來(lái)的流程產(chǎn)生正確的預(yù)期？

每當(dāng)你覺(jué)得某個(gè)產(chǎn)品很容易使用的時(shí)候，你該知道這往往意味著它背后的設(shè)計(jì)師們進(jìn)行了一系列正確的設(shè)計(jì)決策。很多人籠統(tǒng)的將其稱(chēng)為“設(shè)計(jì)”，也有人會(huì)更有針對(duì)性的使用“可用性”這個(gè)詞。不管怎樣，閱讀Steve Krug的?Don’t Make Me Think?是必須的。

持續(xù)學(xué)習(xí)，保持對(duì)各種內(nèi)容資源的關(guān)注，包括A List Apart、CSS-Tricks和Smashing Magazine等等。

Q：如果您有機(jī)會(huì)給年輕的自己一些忠告，您會(huì)說(shuō)些什么？

事出必有因。

優(yōu)設(shè)國(guó)內(nèi)設(shè)計(jì)大牛專(zhuān)訪系列：

1. 《優(yōu)設(shè)訪談！騰訊設(shè)計(jì)師米田的設(shè)計(jì)之道與成長(zhǎng)之路》
2. 《優(yōu)設(shè)訪談！著名設(shè)計(jì)師馮鐵的設(shè)計(jì)思考與經(jīng)驗(yàn)之談》
3. 《優(yōu)設(shè)訪談！騰訊高級(jí)交互設(shè)計(jì)師C7210的十年設(shè)計(jì)路》

原文地址：webdesignledger
譯文地址：beforweb
譯者：@C7210

本文為作者授權(quán)優(yōu)設(shè)發(fā)布，未經(jīng)作者本人授權(quán)請(qǐng)勿轉(zhuǎn)載，謝謝 ：）

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量104萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com