DIV CSS 佈局教程網

本文采訪了6位中國知名設計師，講述了中國 Web 設計業從模仿到創新的歷程。他們各自談了幾點關於國內web設計的現狀與原因。

郭宇:

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

白鴉:

幾年前國內網站大量模仿韓國 Flash的網站，花裡胡哨的設計曾一度成為風潮。但隨著 Web 2.0 的到來，國內網站開始改善。用戶更注重內容而不是單純的視覺效果，視覺效果已經不能取悅國內的用戶，他們要的是有用的內容，同時，也希望提供自己的內容。

吳隽辰:

一直在改善，螺旋式上升，越來越好。從 Web 知識和技術來講，國內的設計師和國外的處於同一水平，但他們並沒有真正用好這些知識，比如，用戶調查，很多設計師知道卻很少在實際設計中做，他們知道易用性測試，卻幾乎不做。

周陟:

有兩點，第一，國內的 Web 設計市場中預算緊張問題很普遍，結果就是，Web 設計最終靠視覺效果吸引人，第一眼可能好看，但信息結構沒有很好地組織，易用性很差；第二，國內的 Web 設計非常本土化。

國內 Web 設計: Midea Microwave Oven

比如，支付寶的成功是因為考慮到了國內用戶的心理和購買習慣，中國是個大國，有些網站成功是因為它們迎合了某個特定的地域，這個問題的另一面就是中國的網站不是很國際化。中國是個非常大的市場，即使不開拓國際市場也能生存，你可以看到，UCDChina.com 以及很多國內站點並沒有英文版，甚至在導航中都沒有。

John Woo:

國內還沒有形成一種獨特的 Web 設計風格，因為中國很大，中國用戶在很多方面都非常復雜，國外看國內的 Web 設計會覺得很鬧，很花哨，但我覺得這是實用性。當 Flash 設計時髦的時候，很多設計師（以及他們的老板）希望用 Flash 讓他們的網站吸引人，當SNS在美國興起的時候，很快就被引入了中國，包括 Facebook，Twitter 等的設計風格。當一種東西很實用的時候，很多中國人就會借這個概念把它做下去，百度，QQ，淘寶就是這樣取勝的。

Rex Song:

中國人口眾多，多多益善也適合 Web 設計領域，你可以看到，很多國內的網站非常擁擠，設計者希望把所有東西都堆到一個頁面。另一方面，中國多數網民上網的目的是娛樂，因此，國內的設計者喜歡將他們的網站搞得很好玩，很社會化，很有視覺吸引力，就像2004年前後我們紛紛模仿韓國 Flash 網站一樣。

Shoebox

國內 Web 設計概覽

對國內的 Web 設計現狀，我們從訪談中也可以總結出幾個要點。

1. 大量 Flash：生於模仿

Flash 設計多年來一直受到爭議，事實上，一些設計師主要是因為 Flash 不便 SEO 而棄用。然而，訪談中，Flash 再次被頻繁的提到，回到2004年，當韓國網站一色都是 Flash 的時候，中國的設計師和客戶認為 Flash 很時尚，Rex Song 提到，在 Flash 大紅大紫的年代，你甚至可以花一點錢直接下載完整的 Flash 網站模板。

Google 以簡潔著稱，但比較一下 Google China 和 Google US 就能看多一些細微的差別：

Google 中國的設計比 Google 美國更活潑一些，加入了動畫效果，順便說一下，這個效果最先是用在 Google 韓國和日本網站的，不過後來都換成了那種靜態頁面。

盡管對 Flash 的應用源於模仿，但現在，它被越來越多得用在工作室和個人的作品展示網站，新品發布網站，以及那些以年輕人為主的產品的網站上。

Shanghai Vive 是一個老上海化妝品品牌，現在被重新包裝上市成為高端日化用品，該站點大量使用 Flash 以展示優雅和高尚的生活。

Cool Bear Hi, 長城汽車的一個產品線，用 Flash 網站促銷新車型。

考慮到那些低速上網的用戶，該網站在加載 Flash 的時候，進度顯示做得很好。

在 Flash 加載過程中，在不同的進度，顯示不同的消息來安撫用戶的等待，上面是加載過程截圖。

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

下面是該網站 Flash 加載進度截圖：

動畫加載進程模仿酵母發酵，面團越來越大，直到整個網站出來。

Shoebox, 國內的一個年輕人鞋品牌，整站使用 Flash 以彰顯時尚感。素描圖案，舊報紙背景構成 Shoebox 理念，生活的品位，簡單，運動，時尚。

Lenovo Mobile O1 借 Flash 展示聯想 O1 的功能與特色。

Artlans, 是一個交互設計工作室，主要是菜單按鈕，點擊按鈕，以及語種轉換按鈕。設計工作室一般不願整站使用 Flash，而是在某些主要的位置，借 Flash 顯示他們 Flash 技巧。

Idea Design, 一個設計的設計工作室，全部使用 Flash。

2. 為娛樂而設計

我們喜歡這種一對一的訪談，可以從每個人聽到不同故事，也可以從多個人聽到同一個故事，比如，白鴉，周陟，郭宇以及 Rex 都提到了國內 Web 設計中的娛樂化傾向，白鴉說，當SNS進入中國，它必定成為一個游戲站點。

一個很好的例子就是開心網的偷菜功能，開心在導航以及用戶交互方面從 Facebook 借鑒了很多東西，但不同是，它允許你經營開心農場，建房子，種菜，並從你朋友那裡偷菜。有些玩家甚至用 Excel 表格記錄他的好友的收獲季節以便及時去偷，這個游戲和普通游戲沒有兩樣，但內嵌在一個社會網絡網站中，可以很更多人一起玩。偷菜在國內如此流行甚至驚動了文化部，迫於壓力，這個游戲現在改名摘菜菜，摘菜在中國文化中顯得不那麼刺耳，但玩家們仍喜歡那個更貼切的名字，偷菜。

開心農場

開心牧場

開心果園

最近，這個程序被添加到 Facebook，但目前只用於中文用戶。

Lipton Milk Tea 推出一個連連抱活動，通過另一個社會網絡人人的帳戶，向你的朋友傳遞擁抱並贏得擁抱點數。

一旦積累到一定點數，可以用在線購買禮物:

MM China 也使用了一個類似的在線傳遞游戲鼓勵用戶前來訪問。

I Love G3, 中國移動的一個促銷3G 網絡和3G 手機的站點，使用 Flash 動畫游戲讓用戶參與

當你回答完一系列諸如你在火車上如何消磨時光之類的問題，系統會分析出你的性格並推薦適合你的3G手機。

3. 為點擊而設計

和拉丁以及德語系不同，中文是象形文字，在字母鍵盤上打漢字很慢，尤其對中老年用戶，所以，你會看到國內的很多網站非常擁擠，圖文鏈接到處都是，就像Rex Song 所說的多多益善。這些網站是為點擊而設計的，不同於為搜索而設計（盡管關鍵詞搜索對任何信息類站點來說都是必要的）。

Yoho, 一個面向年輕人的在線購物站點，頁面上密密麻麻都是促銷產品。雖然右上角也有搜索框，但既然有這麼多東西，干脆還是一路點擊吧。

同樣，China Visual, 一個視覺設計門戶站點，首頁充滿各個欄目的文字與圖片鏈接，讓你快速浏覽網站的內容。

NetEase (就是 163.com), 國內四大門戶之一，把中國式 Web 浏覽風格發揮到極處，到處都是鏈接。

上圖是網易的首頁截圖，這篇文章撰寫期間正逢中國春節的臨近，可以看到，網站使用了紅色作為背景，網頁中充滿了新聞標題與廣告，你可以在頂部搜索，但看完全頁，你大概已經知道今天發生了什麼，如果對某條新聞感興趣，點下去就是。John Woo 說，如今，很多網站正在重新整理他們的版面，加大字體，加寬行距以改善閱讀，新浪自1990年代以來一直注重改版，他們在這方面做得越來越好。

4. 為文化而設計

當被問及世界可以從中國 Web 設計中學到什麼的時候，周陟不假思索地說，文化。中國崇尚道家思想，我們有自己的一套價值和習慣，面向中國市場的 Web 設計應該遵從中國用戶的在線習慣和審美。比如，我們的文化符號，書法以及節日，都可以用用到 Web 設計中，一個湖泊不過如此，但給它賦予傳說故事就不一樣了。

確實如果在一個湖泊中加入神話故事和人的感觸，人們對它的印象就會改變。

在講到文化差異時，Pizza Hut China 是我喜歡用到的一個例子，整站體現濃濃的中國味，從配色，到家庭主題。暖紅加黃是中國節慶的顏色，而家庭餐在中國很受重視。

相反，Pizza Hut US 則強調快餐和在線訂購，紅色仍然是必勝客的主題色，但相比中國的暖紅，顯得更硬，更暗，更冷。

McDonalds China 網站也是，主導航中就包含歡樂家庭聚餐。

Tong2 Studio，使用傳統中國花色做背景，顯得很特別。

Six Station, 主頁使用中國水墨畫風格的 Flash，向客戶傳達創意與創新。

Dongpai Design, 一個交互設計工作室，他們有一個小站點，用三國故事來傳達他們的設計理念。

盡管 John Woo 指出在設計中借用中國元素並不只限於 Web 設計，但他承認中國 Web 設計中的實踐性，設計師們將他們認為有用的任何東西都借用到設計中。

中國是個擁有5000年文明史的多民族國家，地域與文化延伸亞洲大部，漢風與漢字多被日本，韓國，越南等鄰國采用。中國曾經興衰，如今大門重開，接納來自世界的風潮，概念與技術，也包括Web技術。本文采訪了6位中國知名設計師，講述了中國Web設計業從模仿到創新的歷程。我們采訪了6位來自四個大城市的中國設計師，他們講述了國內Web設計的現狀與趨勢，這是本文第二部分。

更多案例
以下是更多中國風格的網站案例，可以讓你對國內的 Web 設計有更好的了解。

UI Seven： 一個設計工作室

 

IDT： 一個個人網站，記錄了作者12年來的愛情故事

 

Youguan Cookies：使用 Flash 展示他們的產品線

Xin Hongru：一個設計公司，使用中國元素和Flash展示作品

 

Thinkpad Edge：Thinkpad 筆記本新品

 

Moliyo MFM：在線游戲站點，一大堆鏈接

361 Sports：借鑒了廣州2010亞運會主題

 

Dove Chocolate China：中國元素，中國新年

 

BangbangWa：一個食品公司，大量游戲和Flash

 

Brain Town：個人作品展示

 

ShuXia：展示會員作品

Jossy Jo：布藝品牌

 

Apsou：一個顧問公司

 

Mole Lele：卡通畫家的個人網站

 

WEBE7 Enterprise Network Interactive：作品展示

Sanshen Toscana：一個不動產公司，大量Flash

 

Wotoon Design：一個設計公司

Shaopan Film Studio

 

X’mas Tree Workshop：小游戲，自己設計聖誕樹並制成賀卡發給朋友

The GF Space：一個設計公司

 

Magic Workshop：童裝公司，使用 Flash 動畫彰顯公司文化

 

JJ Ying：一個簡潔的個人作品展示網站

 

Beijing Orange Advertising：創意展示

Nescafe：雀巢咖啡，大量游戲和Flash

 

Yee Chino：一家飯店

 

Gold Chino：Yee Chino 的姊妹店

 

Guoguo Diary：個人站點，簡單，有創意。

 

Rancho Santa Fe：上海的一家地產公司

 

挑戰，機遇與趨勢 挑戰
談到互聯網行業的挑戰，白鴉，隽辰，Rex 和 周陟都談到一個令人沮喪的問題，就是政&府&審&查。YouTube，Twitter，Facebook，Flickr 均因存在不當內容被政%府封殺，白鴉說，新浪的微博客為了迎合審%查，除了機器自動過濾外，還組建了一個人工團隊審%查內容。

國際社會關於互聯網嚴寬與開放問題的討論一直在持續（參閱 2010 Nussbaum），並沒有放之四海皆准的准則，然而，失去了開放的環境，中國可能無法與其他國家並肩齊進。

不過，任何事情都有兩面，白鴉說，盡管限制了柿油，但對 UI 設計和內容展示來說有積極的一面，你將不得不將精力放在有用的內容，以及對內容的有效展示上。

吳隽辰 和 Rex 提到了另外一個挑戰，就是教育還沒有接軌。職業學校可以教你如何使用 Photoshop，Dreamweaver，教你如何編寫 HTML，CSS，JavaScript 代碼，卻不會教你設計背後的思考與邏輯。Web 仍然是個年輕的行業，在高等院校，還沒有信息架構與用戶體驗設計方面的學位。

我們的采訪指出了一個事實，中國的設計者還沒有完全從嚴格的調查方法學中受益，就像吳隽辰所說的那樣，中國的很多設計者知道這些概念，但他們很少用到具體設計中，他們知道易用性測試，但很少去做。

當被問及如何說服客戶接受某種設計的時候，Rex Song 提到了關系和信任，他覺得，A/B測試，多元測試的概念很西方化，它的投入產出比可能並不高。

一方面這可以理解，中國因儒道傳統思想的影響比較善於主觀推理。但另一方面，中國的 Web 設計者在用戶研究方面拿數據說話仍任重道遠。

有人會說，設計師的工作就是簡簡單單地設計而已，事實上，你的設計需要支撐的依據，這些東西會影響你的布局，配色，以及用戶交互。那些跟著感覺走的設計師，只有 25% 是對的。Neilsen Norman Group 2009 年做了一項研究，結論是，跟這些人討建議還不如擲硬幣。這當然不能一概而論，但說明了數據的重要。
機遇與趨勢
以下是對6位受訪者在國內 Web 設計的機遇與走向方面的采訪。

問題: 在你看來，國內 Web 設計的趨勢是什麼？

郭宇: 電子商務。你知道淘寶嗎，我的女同事在那裡購買調味品，搾菜和零食等等我從來沒在淘寶聽說過的東西。她們喜歡。這就是中國的市場，有需求，我覺得每家公司都該好好利用。

 

白鴉: 我覺得國內的 Web 設計將越來越向用戶生成內容的方向發展。比如在國內大獲成功的豆瓣網，這個在線圖書與電影社區，和 YouTube 一樣，絕大多數內容由用戶創建，順便說一下，豆瓣比 YouTube 成立得早。

 

未來幾年，電子商務將在國內百花齊放，電子商務無關意識形態，不會被審%查，而且人們需要。

吳隽辰: 為客戶創造更多價值，聽他們所講，看他們所做，做他們所做，想他們所想，我相信國內的 Web 設計會越來越好，呈螺旋上升的趨勢。

周陟: 將精力放在用戶和服務，就不會出現那些華而不實的東西，功能，行業標准，滿足客戶需要是未來的趨勢，要跳出圈子之外思考。

John Woo: 好用，實用，易用。將站點搞得眼花缭亂，大紅大綠毫無必要。注重用戶的本質需求。天語 KTouch 手機最近在國內很受歡迎，我一下買了6個，4個帶大屏幕和手寫輸入的給的父母和岳父母，一個帶3倍光學變焦800萬像素的相機，一個看上去象女士的粉盒。天語是個山寨廠家，但他們在國內有很好的市場份額，為什麼，因為注重客戶基本需要。網站也一樣。

 

Rex Song: 我們會發展出中國文化下的自己的 Web 設計風格。指標方面，我們會和世界主流同步，創建出更加以用戶為中心的設計，並推出更好的用戶體驗。
總結
國內的 Web 還年輕，中國的設計師正迎頭趕上，盡管有挑戰，但我們看到的是更多的機遇，聰明的人，龐大的市場，不斷增加的需求，以及靈活，創新，以用戶為中心的思維。而在當前的國內網站中，我們已經看到了一種螺旋上升的，從模仿到創新的趨勢。