中國(guó)是個(gè)擁有5000年文明史的多民族國(guó)家，地域與文化延伸亞洲大部，漢風(fēng)與漢字多被日本，韓國(guó)，越南等鄰國(guó)采用。中國(guó)曾經(jīng)興衰，如今大門重開(kāi)，接納來(lái)自世界的風(fēng)潮，概念與技術(shù)，也包括 Web 技術(shù)。本文采訪了6位中國(guó)知名設(shè)計(jì)師，講述了中國(guó) Web 設(shè)計(jì)業(yè)從模仿到創(chuàng)新的歷程。

 中國(guó) Web 設(shè)計(jì): Dongpai

中國(guó) Web 設(shè)計(jì)現(xiàn)狀

我們采訪了6位來(lái)自四個(gè)大城市的中國(guó)設(shè)計(jì)師，他們講述了國(guó)內(nèi) Web 設(shè)計(jì)的現(xiàn)狀與趨勢(shì)：

郭宇

百度前首席設(shè)計(jì)師，現(xiàn)居北京

白鴉

UCDChina 合伙創(chuàng)始人，支付寶產(chǎn)品設(shè)計(jì)師，現(xiàn)居杭州

吳雋辰

UCDChina 合伙創(chuàng)始人，途牛旅游網(wǎng)的產(chǎn)品主管，現(xiàn)居南京

周陟

美術(shù)設(shè)計(jì)師，CK Telecom 的 UI 設(shè)計(jì)主管，《UI進(jìn)化論-移動(dòng)設(shè)備人機(jī)界面設(shè)計(jì)》的作者，現(xiàn)居深圳。

John Woo

Google 中國(guó)的用戶體驗(yàn)團(tuán)隊(duì)主管，現(xiàn)居北京。

Rex Song

UCDChina 合伙創(chuàng)始人，互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)與架構(gòu)師，現(xiàn)居北京。

訪談通過(guò)電話，Skype 和 Google Talk 進(jìn)行，采訪內(nèi)容事先已發(fā)給他們，但實(shí)際采訪中有部分隨機(jī)問(wèn)題，為了讓他們暢所欲言，我們的問(wèn)題并不僅限于 “Web 設(shè)計(jì)”，除了美工，CSS，前端設(shè)計(jì)外，還涉及后臺(tái)設(shè)計(jì)，架構(gòu)，設(shè)計(jì)理論，文化元素，用戶體驗(yàn)等。

 MFM Moliyo, 一個(gè)游戲網(wǎng)站.

問(wèn)題: 如何看待國(guó)內(nèi) Web 設(shè)計(jì)現(xiàn)狀?

郭宇:

中國(guó)的網(wǎng)民30歲以下的大約占70%，他們年輕，開(kāi)放，容易接受新生事物。他們喜歡在線玩游戲，娛樂(lè)，因此，你會(huì)在很多國(guó)內(nèi)網(wǎng)站上看到吸引視線的東西，來(lái)迎合這一類型的用戶。

白鴉:

大約兩年前，我們見(jiàn)識(shí)了國(guó)內(nèi)大量模仿韓國(guó) Flash 網(wǎng)站的風(fēng)氣，花里胡哨的設(shè)計(jì)曾一度成為風(fēng)潮。但隨著 Web 2.0 的到來(lái)，國(guó)內(nèi)網(wǎng)站開(kāi)始改善。用戶更注重內(nèi)容而不是單純的視覺(jué)效果，視覺(jué)效果已經(jīng)不能取悅國(guó)內(nèi)的用戶，他們要的是有用的內(nèi)容，同時(shí)，也希望提供自己的內(nèi)容。

吳雋辰:

事情在改善，變得越來(lái)越好，但是一種螺旋上升。從 Web 知識(shí)和技術(shù)來(lái)講，國(guó)內(nèi)的設(shè)計(jì)師和國(guó)外的處于同一水平，但他們并沒(méi)有真正用好這些知識(shí)，比如，用戶調(diào)查，很多設(shè)計(jì)師知道卻很少在實(shí)際設(shè)計(jì)中做，他們知道易用性測(cè)試，卻幾乎不做。

周陟:

有兩點(diǎn)，第一，國(guó)內(nèi)的 Web 設(shè)計(jì)市場(chǎng)中預(yù)算緊張問(wèn)題很普遍，結(jié)果就是，Web 設(shè)計(jì)最終靠視覺(jué)效果吸引人，第一眼可能好看，但信息結(jié)構(gòu)沒(méi)有很好地組織，易用性很差；第二，國(guó)內(nèi)的 Web 設(shè)計(jì)非常本土化，也應(yīng)該這樣。

 
國(guó)內(nèi) Web 設(shè)計(jì): Midea Microwave Oven

比如，支付寶的成功是因?yàn)榭紤]到了國(guó)內(nèi)用戶的心理和購(gòu)買習(xí)慣，中國(guó)是個(gè)大國(guó)，有些網(wǎng)站成功是因?yàn)樗鼈冇狭四硞€(gè)特定的地域，這個(gè)問(wèn)題的另一面就是中國(guó)的網(wǎng)站不是很國(guó)際化。中國(guó)是個(gè)非常大的市場(chǎng)，即使不開(kāi)拓國(guó)際市場(chǎng)也能生存，你可以看到，UCDChina.com 以及很多國(guó)內(nèi)站點(diǎn)并沒(méi)有英文版，甚至在導(dǎo)航中都沒(méi)有。

John Woo:

國(guó)內(nèi)還沒(méi)有形成一種獨(dú)特的 Web 設(shè)計(jì)風(fēng)格，因?yàn)橹袊?guó)很大，中國(guó)用戶在很多方面都非常復(fù)雜，國(guó)外看國(guó)內(nèi)的 Web 設(shè)計(jì)會(huì)覺(jué)得很永久，很花哨，但我覺(jué)得這是實(shí)踐。當(dāng) Flash 設(shè)計(jì)時(shí)髦的時(shí)候，很多設(shè)計(jì)師（以及他們的老板）希望用 Flash 讓他們的網(wǎng)站吸引人，當(dāng)社會(huì)網(wǎng)絡(luò)在美國(guó)興起的時(shí)候，很快就引入了中國(guó)，包括 Facebook，Twitter 等的設(shè)計(jì)風(fēng)格。當(dāng)一種東西很實(shí)用的時(shí)候，很多中國(guó)人就會(huì)借這個(gè)概念把它做下去，百度，QQ，淘寶就是這樣取勝的。

Rex Song:

中國(guó)人口眾多，多多益善也適合 Web 設(shè)計(jì)領(lǐng)域，你可以看到，很多國(guó)內(nèi)的網(wǎng)站非常擁擠，設(shè)計(jì)者希望把所有東西都堆到一個(gè)頁(yè)面。另一方面，中國(guó)多數(shù)網(wǎng)民上網(wǎng)的目的是娛樂(lè)，因此，國(guó)內(nèi)的設(shè)計(jì)者喜歡將他們的網(wǎng)站搞得很好玩，很社會(huì)化，很有視覺(jué)吸引力，就像2004年前后我們紛紛模仿韓國(guó) Flash 網(wǎng)站一樣。

Shoebox

國(guó)內(nèi) Web 設(shè)計(jì)概覽

對(duì)國(guó)內(nèi)的 Web 設(shè)計(jì)現(xiàn)狀，我們從訪談中也可以總結(jié)出幾個(gè)要點(diǎn)。

1. 大量 Flash：生于模仿

Flash 設(shè)計(jì)多年來(lái)一直受到爭(zhēng)議，事實(shí)上，一些設(shè)計(jì)師主要是因?yàn)?Flash 不便 SEO 而棄用。然而，訪談中，F(xiàn)lash 再次被頻繁的提到，回到2004年，當(dāng)韓國(guó)網(wǎng)站一色都是 Flash 的時(shí)候，中國(guó)的設(shè)計(jì)師和客戶認(rèn)為 Flash 很時(shí)尚，Rex Song 提到，在 Flash 大紅大紫的年代，你甚至可以花一點(diǎn)錢直接下載完整的 Flash 網(wǎng)站模板。

Google 以簡(jiǎn)潔著稱，但比較一下 Google China 和 Google US 就能看多一些細(xì)微的差別：

Google 中國(guó)的設(shè)計(jì)比 Google 美國(guó)更活潑一些，加入了動(dòng)畫(huà)效果，順便說(shuō)一下，這個(gè)效果最先是用在 Google 韓國(guó)和日本網(wǎng)站的，不過(guò)后來(lái)都換成了那種靜態(tài)頁(yè)面。

盡管對(duì) Flash 的應(yīng)用源于模仿，但現(xiàn)在，它被越來(lái)越多得用在工作室和個(gè)人的作品展示網(wǎng)站，新品發(fā)布網(wǎng)站，以及那些以年輕人為主的產(chǎn)品的網(wǎng)站上。

Shanghai Vive 是一個(gè)老上海化妝品品牌，現(xiàn)在被重新挖掘出來(lái)用于高端化妝品，該站點(diǎn)大量使用 Flash 以展示優(yōu)雅和高尚的生活。

Cool Bear Hi, 長(zhǎng)城汽車的一個(gè)產(chǎn)品線，用 Flash 網(wǎng)站促銷新車型。

 考慮到那些低速上網(wǎng)的用戶，該網(wǎng)站在加載 Flash 的時(shí)候，進(jìn)度顯示做得很好。

 在 Flash 加載過(guò)程中，在不同的進(jìn)度，顯示不同的消息來(lái)安撫用戶的等待，上面是加載過(guò)程截圖。

Mian Dian Fang, 一家即食早餐公司，其公司網(wǎng)站也大量使用 Flash。動(dòng)畫(huà)中，饅頭包子一起做早操，以顯示該公司的健康食品理念。

下面是該網(wǎng)站 Flash 加載進(jìn)度截圖：

動(dòng)畫(huà)加載進(jìn)程模仿酵母發(fā)酵，面團(tuán)越來(lái)越大，直到整個(gè)網(wǎng)站出來(lái)。