長、閃、擠、花―――有中國特色的網站首頁

很久沒有去藝版看了，今天發現一篇不錯的文章
原貼
中國網站首頁設計有四大特色：“長，閃，擠，花”。

先說這個“長”，中國網站的頁面真是長啊，以至於我坐在電腦前瀏覽的時候經常會想，這個頁面的最低端會不會已經搭拉到我的腳面上了。我們的萬里長城是第幾大奇蹟來着？反正中國的網站應該緊排在她後面。

我 們的大型門戶網站恐怕應該是長頁面的領軍者吧。現在能生存下來的大型門戶各個實力不凡，又紛紛上市，其他網站能與他們頁面相似應該也能說明實力相似吧，這 幾家大型門戶已經給用戶形成了“長則是好”的印象，於是衆多網站都紛紛“長”起來了。無論是綜合性網站還是專業性網站，只要有內容，就能做多長就做多長， 沒有內容，抄襲別人內容也要做長，以至於不少實力有限的網站只是首頁很長，到了欄目頁面（二級頁面）就簡陋的可憐了。

長的基礎就是要內容 要多，這些衆多的長網站在組織內容的思路上基本是一致的，就是把二級頁面的內容摘要的放在首頁上。首頁分成若干個相應的通欄的大塊兒（這樣可以逐個部分的 下載頁面，易於顯示），再在每兩塊之間加一條廣告，最後再在頁面的最上面加一個更綜合的區域，所謂的重中之重，這樣以來頁面想短都短不了。

按照Jakob Nielsen的說法：網站首頁的長度不應該超過4屏。當然這個準則也未必就那麼準確，但是至少應該承認頁面不是越長越好的。


第 二，說說“閃”。就是網頁上能動的東西―――動畫。主要是Gif動畫，flash動畫，腳本語言實現的圖片交替效果，還有就是彈出窗口。動畫對網頁表現本 應該是個很好的補充，但是現在的實際效果是對網頁的干擾，因爲動畫從一開始就扮演着廣告的角色。雖然將各種形式的動畫應用於網站在國外的網站上也常見，但 是中國網站上的動畫實在是太多了。恐怕也是因爲中國網站頁面長吧，能放動畫的空間自然也就大了。整個頁面到處都在不停的閃。科學家已經證實，在月球上是看 不到萬里長城的，但是我想，應該是可以看到中國網頁的，它們不僅長，而且還在不停的閃爍。

這些動畫通常是廣告，網站要生存，要有經濟效 益，這是可以理解的，但卻不可接受，尤其是太多的時候。最不可接受的是一些網站會把自己的欄目名稱，網站logo之類的很重要的內容也做成動畫，以爲這樣 可以更醒目，要知道，絕大多數用戶是經驗豐富的，他們看到動畫閃來閃去就會認爲那是廣告的，儘管你不是，那也活該，誰讓你亂閃來着。

雖然彈出窗口裏的內容不一定是動畫，但是它“噌”的一下彈出來，着實是夠“動”的，就動畫的效果而言，絕對是最具視覺衝擊力的。還好，現在有越來越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。

腳 本語言實現的圖片交替效果目前主要是用在網站頭條的圖片報道上，雖然是動，分散用戶的注意力，好在這種方式還是爲了給用戶提供儘可能多的信息，應該值得肯 定，也應該是動畫應用於網絡的發展方向，只是不知道什麼時候，哪位設計師靈感突現，把廣告也僞裝成這種樣子，應該能在一片罵聲中爲公司贏得不少經濟效益。

Gif 動畫是種傳統的動畫形式了，不過在flash動畫面前，它的生存空間越來越小了，與flash動畫相比恐怕Gif動畫唯一的優勢就是在用戶將網頁“另存 爲…”後，Gif動畫還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因爲它通常是廣告。

Flash動畫無 疑是網頁動畫的主力了，文件小，效果好，一個白方塊在黑背景上隔幀出現，連續幾次，只要尺寸稍大就足以造成用戶暫時性失明。實際上，flash基於其強大 的交互性應當能爲提高用戶界面的性能提供巨大幫助，但是如前面所說，它更被廣告商所看好。更不幸的是越來越多“閃客”在爲這項事業服務，原本代表特例獨 行、自由創造精神的人走向了相反的方向。這有點兒象政府將反政府武裝招安後讓他們穿着原來的軍裝去給政府機關當保安。


第三是“擠”。我們的網站看上去滿滿當當的，比公共汽車還擠。每天早上都是擠公共汽車，然後擠地鐵，擠電梯，擠着打卡，好容易坐下了，打開電腦就不要再那麼擠了，大家站開點兒吧，網頁上有的是地兒。

與 英文相比，中文本身就顯得比較複雜，對於有鏈接的文字中國網站又往往更傾向於傳統的隨時保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這裏誇張 了，至少還要有劃下劃線的地兒），使得頁面看上去分外豐滿，如同我小時候習慣了在田字格本上寫字後，初次改用行距很小的單線格本寫字所展現出的風采。

即便是體檢用的視力表也沒有把行距安排的如此之小，那可是專門給我們眼睛找麻煩的工具啊，我們的網站無一不是把用戶放在第一位的（至少自稱是這樣的），爲什麼不能把行距拉大些呢？

經 常可以看到某網站爲了突出重點內容而使用14pt的字號，然而卻不加大該內容與其他內容的距離，這樣只能使頁面看上去更擁擠。這種做法倒是與老闆（個別 的，個別的，如果您是老闆，那這裏所說的一定不包括您）的做法頗爲相似：只增加工作，不加薪。也許是設計師在用這種擁擠的樣式向老闆示威吧。


第四是“花”，中國網站的色彩之絢爛，幾乎無以復加。前面分析了首頁的構成方式―――將各個欄目摘要排放在首頁上，通常每一個欄目會有一種主色調，這樣一來，首頁上的色彩自然就很豐富了。

當 然，分欄目確定主色調的設計方式本身並沒有錯誤，也不足以搞“花”頁面，然而實際情況卻更復雜，以文字爲例，未點擊的鏈接文字有黑色和藍色，重點的文字會 用紅色（重點通常還很多），點擊後的文字鏈接是紫色，無鏈接且不重要的文字是灰色，此外爲了突出某一個重點內容會添加一個醒目的背景色或文字顏色。網頁設 計師爲了表明自己工作用心，會給每一個子欄目的標題部分設計一個很具有特色的背景，這些文字再與數不勝數的圖片、動畫交相輝映，使得用戶可以在一個頁面上 將電腦可以顯示的全部色彩盡收眼底。網頁設計師實際上根本不需要絞盡腦汁爲頁面設定主色調了，所有的頁面色調都已經設定好了―――彩色。


爲什麼中國網站會設計成這個樣子呢？

造成“長，閃，擠，花”問題的實質是一個“多”字。中國網站首頁上內容多，重點多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。

“多” 是中國網站的特點，更是中國社會的現實狀況。無論是超級市場裏還是購物中心裏，到處是商品，到處是人潮，即使是象書店，美術館這樣的場所也是相似的場面， 人們相信人多的商場裏的商品會更好，人多的書店裏的書會更全，人多的美術展會更有水平，賣家只能儘可能的展現自己的產品，從而證明自己的實力，而其他更高 級的要求，諸如：環境，風格，品味，服務……都要爲展示產品讓路了。

在目前的中國，無論是物質產品還是精神產品，廣大受衆的需求都遠遠沒 有得到滿足，所以大家都希望能看到更多產品，這樣就形成了“多則好”消費心理（瀏覽網站的消費形式顯得更間接），網頁設計師在應聘時經常會被問到：你是否 能勝任“大型”網站的設計，即“能不能把頁面做的很長。”

中國網頁內容多，給人忙亂的感受，正象我們自己經常會向別人抱怨自己忙的要死，以此來表示我們自己的價值。

引 用Donald Norman 在《emotional design》一書中的理論，設計可以分爲三種層次：本能水平的設計、行爲水平的設計、反思水平的設計。本能水平的設計是滿足人類本能審美需求的設計，也 就是漂亮、美觀的設計；行爲水平的設計是注重效用的設計，注重功能、易用性、可用性；反思水平的設計注重信息、文化的作用，一件產品被設計的很獨特、出 衆、引人矚目，用戶會因爲始終這個產品而產生樂趣，產生滿足感。

根據這個理論，中國網站的設計普遍達沒能實現本能水平的設計，雖然網站的 boss、設計師本人都希望把網站設計的很漂亮，吸引用戶的眼球。行爲水平的設計逐漸被重視了，不過目前基本上還是停留在不高的水平上。上面說到的中國網 站的種種問題實際上正式在反思水平上的設計，一種變相的反思水平設計。

“多”這種看似缺陷的現象，實際上正式給用戶一個好的反思―――“這個網站的內容豐富，在這裏我能得到想要的東西。”儘管很多用戶並不會真的關注首頁上的內容。

正是這種反思吸引着用戶，保證着網站的訪問量。

造成上述網站首頁設計問題的罪魁並不是設計師沒水平或者用戶沒品味，而是產品不夠，這表面上的“多”其實是由於“少”造成的。用戶對網絡內容的需求引導着網站的設計，策劃人員有意無意的在迎合着這樣的需求。

要改變中國網頁設計單靠高水平的設計師是不夠的，中國網頁設計水平的提高是伴隨着社會發展在進步的。

好吧，我們好好幹吧，等我們實現了“四個現代化”，完成了“三步走”，創建了“和諧社會”，那時候，會需要更好的頁面設計的。


PS：太多的功利心讓設計師失去了對一個網站的真正認知，內容的豐富不代碼這個站是我想要的東西，花哨的界面，沒有任何的重點在裏面，技術已經升級了不知多少次，但人的思想沒有起步，結果就成這樣了，嘻嘻