有中國(guó)特色的網(wǎng)站首頁(yè)
2011-09-03 文章來(lái)源: 百度
長(zhǎng)、閃、擠、花―有中國(guó)特色的網(wǎng)站首頁(yè)
中國(guó)網(wǎng)站首頁(yè)設(shè)計(jì)有四大特色：“長(zhǎng)，閃，擠，花”。
先說(shuō)這個(gè)“長(zhǎng)”
中國(guó)網(wǎng)站的頁(yè)面真是長(zhǎng)啊，以至于我坐在電腦前瀏覽的時(shí)候經(jīng)常會(huì)想，這個(gè)頁(yè)面的最低端會(huì)不會(huì)已經(jīng)搭拉到我的腳面上了。我們的萬(wàn)里長(zhǎng)城是第幾大奇跡來(lái)著？反正中國(guó)的網(wǎng)站應(yīng)該緊排在她后面。
我們的大型門(mén)戶網(wǎng)站恐怕應(yīng)該是長(zhǎng)頁(yè)面的領(lǐng)軍者吧?，F(xiàn)在能生存下來(lái)的大型門(mén)戶各個(gè)實(shí)力不凡，又紛紛上市，其他網(wǎng)站能與他們頁(yè)面相似應(yīng)該也能說(shuō)明實(shí)力相似吧，這幾家大型門(mén)戶已經(jīng)給用戶形成了“長(zhǎng)則是好”的印象，于是眾多網(wǎng)站都紛紛“長(zhǎng)”起來(lái)了。無(wú)論是綜合性網(wǎng)站還是專(zhuān)業(yè)性網(wǎng)站，只要有內(nèi)容，就能做多長(zhǎng)就做多長(zhǎng)，沒(méi)有內(nèi)容，抄襲別人內(nèi)容也要做長(zhǎng)，以至于不少實(shí)力有限的網(wǎng)站只是首頁(yè)很長(zhǎng)，到了欄目頁(yè)面（二級(jí)頁(yè)面）就簡(jiǎn)陋的可憐了。
長(zhǎng)的基礎(chǔ)就是要內(nèi)容要多，這些眾多的長(zhǎng)網(wǎng)站在組織內(nèi)容的思路上基本是一致的，就是把二級(jí)頁(yè)面的內(nèi)容摘要的放在首頁(yè)上。首頁(yè)分成若干個(gè)相應(yīng)的通欄的大塊兒（這樣可以逐個(gè)部分的下載頁(yè)面，易于顯示），再在每?jī)蓧K之間加一條廣告，最后再在頁(yè)面的最上面加一個(gè)更綜合的區(qū)域，所謂的重中之重，這樣以來(lái)頁(yè)面想短都短不了。
按照J(rèn)akob Nielsen的說(shuō)法：網(wǎng)站首頁(yè)的長(zhǎng)度不應(yīng)該超過(guò)4屏。當(dāng)然這個(gè)準(zhǔn)則也未必就那么準(zhǔn)確，但是至少應(yīng)該承認(rèn)頁(yè)面不是越長(zhǎng)越好的。
第二，說(shuō)說(shuō)“閃”
就是網(wǎng)頁(yè)上能動(dòng)的東西―――動(dòng)畫(huà)。主要是Gif動(dòng)畫(huà)，flash動(dòng)畫(huà)，腳本語(yǔ)言實(shí)現(xiàn)的圖片交替效果，還有就是彈出窗口。動(dòng)畫(huà)對(duì)網(wǎng)頁(yè)表現(xiàn)本應(yīng)該是個(gè)很好的補(bǔ)充，但是現(xiàn)在的實(shí)際效果是對(duì)網(wǎng)頁(yè)的干擾，因?yàn)閯?dòng)畫(huà)從一開(kāi)始就扮演著廣告的角色。雖然將各種形式的動(dòng)畫(huà)應(yīng)用于網(wǎng)站在國(guó)外的網(wǎng)站上也常見(jiàn)，但是中國(guó)網(wǎng)站上的動(dòng)畫(huà)實(shí)在是太多了?？峙乱彩且?yàn)橹袊?guó)網(wǎng)站頁(yè)面長(zhǎng)吧，能放動(dòng)畫(huà)的空間自然也就大了。整個(gè)頁(yè)面到處都在不停的閃。科學(xué)家已經(jīng)證實(shí)，在月球上是看不到萬(wàn)里長(zhǎng)城的，但是我想，應(yīng)該是可以看到中國(guó)網(wǎng)頁(yè)的，它們不僅長(zhǎng)，而且還在不停的閃爍。
這些動(dòng)畫(huà)通常是廣告，網(wǎng)站要生存，要有經(jīng)濟(jì)效益，這是可以理解的，但卻不可接受，尤其是太多的時(shí)候。最不可接受的是一些網(wǎng)站會(huì)把自己的欄目名稱，網(wǎng)站logo之類(lèi)的很重要的內(nèi)容也做成動(dòng)畫(huà)，以為這樣可以更醒目，要知道，絕大多數(shù)用戶是經(jīng)驗(yàn)豐富的，他們看到動(dòng)畫(huà)閃來(lái)閃去就會(huì)認(rèn)為那是廣告的，盡管你不是，那也活該，誰(shuí)讓你亂閃來(lái)著。
雖然彈出窗口里的內(nèi)容不一定是動(dòng)畫(huà)，但是它“噌”的一下彈出來(lái)，著實(shí)是夠“動(dòng)”的，就動(dòng)畫(huà)的效果而言，絕對(duì)是最具視覺(jué)沖擊力的。還好，現(xiàn)在有越來(lái)越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。
腳本語(yǔ)言實(shí)現(xiàn)的圖片交替效果目前主要是用在網(wǎng)站頭條的圖片報(bào)道上，雖然是動(dòng)，分散用戶的注意力，好在這種方式還是為了給用戶提供盡可能多的信息，應(yīng)該值得肯定，也應(yīng)該是動(dòng)畫(huà)應(yīng)用于網(wǎng)絡(luò)的發(fā)展方向，只是不知道什么時(shí)候，哪位設(shè)計(jì)師靈感突現(xiàn)，把廣告也偽裝成這種樣子，應(yīng)該能在一片罵聲中為公司贏得不少經(jīng)濟(jì)效益。
Gif動(dòng)畫(huà)是種傳統(tǒng)的動(dòng)畫(huà)形式了，不過(guò)在flash動(dòng)畫(huà)面前，它的生存空間越來(lái)越小了，與flash動(dòng)畫(huà)相比恐怕Gif動(dòng)畫(huà)唯一的優(yōu)勢(shì)就是在用戶將網(wǎng)頁(yè)“另存為…”后，Gif動(dòng)畫(huà)還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因?yàn)樗ǔＪ菑V告。
Flash動(dòng)畫(huà)無(wú)疑是網(wǎng)頁(yè)動(dòng)畫(huà)的主力了，文件小，效果好，一個(gè)白方塊在黑背景上隔幀出現(xiàn)，連續(xù)幾次，只要尺寸稍大就足以造成用戶暫時(shí)性失明。實(shí)際上，flash基于其強(qiáng)大的交互性應(yīng)當(dāng)能為提高用戶界面的性能提供巨大幫助，但是如前面所說(shuō)，它更被廣告商所看好。更不幸的是越來(lái)越多“閃客”在為這項(xiàng)事業(yè)服務(wù)，原本代表特例獨(dú)行、自由創(chuàng)造精神的人走向了相反的方向。這有點(diǎn)兒象政府將反政府武裝招安后讓他們穿著原來(lái)的軍裝去給政府機(jī)關(guān)當(dāng)保安。
第三是“擠”
我們的網(wǎng)站看上去滿滿當(dāng)當(dāng)?shù)模裙财?chē)還擠。每天早上都是擠公共汽車(chē)，然后擠地鐵，擠電梯，擠著打卡，好容易坐下了，打開(kāi)電腦就不要再那么擠了，大家站開(kāi)點(diǎn)兒吧，網(wǎng)頁(yè)上有的是地兒。
與英文相比，中文本身就顯得比較復(fù)雜，對(duì)于有鏈接的文字中國(guó)網(wǎng)站又往往更傾向于傳統(tǒng)的隨時(shí)保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這里夸張了，至少還要有劃下劃線的地兒），使得頁(yè)面看上去分外豐滿，如同我小時(shí)候習(xí)慣了在田字格本上寫(xiě)字后，初次改用行距很小的單線格本寫(xiě)字所展現(xiàn)出的風(fēng)采。
即便是體檢用的視力表也沒(méi)有把行距安排的如此之小，那可是專(zhuān)門(mén)給我們眼睛找麻煩的工具啊，我們的網(wǎng)站無(wú)一不是把用戶放在第一位的（至少自稱是這樣的），為什么不能把行距拉大些呢？經(jīng)?？梢钥吹侥尘W(wǎng)站為了突出重點(diǎn)內(nèi)容而使用14pt的字號(hào)，然而卻不加大該內(nèi)容與其他內(nèi)容的距離，這樣只能使頁(yè)面看上去更擁擠。這種做法倒是與老板（個(gè)別的，個(gè)別的，如果您是老板，那這里所說(shuō)的一定不包括您）的做法頗為相似：只增加工作，不加薪。也許是設(shè)計(jì)師在用這種擁擠的樣式向老板示威吧。
第四是“花”
中國(guó)網(wǎng)站的色彩之絢爛，幾乎無(wú)以復(fù)加。前面分析了首頁(yè)的構(gòu)成方式―――將各個(gè)欄目摘要排放在首頁(yè)上，通常每一個(gè)欄目會(huì)有一種主色調(diào)，這樣一來(lái)，首頁(yè)上的色彩自然就很豐富了。
當(dāng)然，分欄目確定主色調(diào)的設(shè)計(jì)方式本身并沒(méi)有錯(cuò)誤，也不足以搞“花”頁(yè)面，然而實(shí)際情況卻更復(fù)雜，以文字為例，未點(diǎn)擊的鏈接文字有黑色和藍(lán)色，重點(diǎn)的文字會(huì)用紅色（重點(diǎn)通常還很多），點(diǎn)擊后的文字鏈接是紫色，無(wú)鏈接且不重要的文字是灰色，此外為了突出某一個(gè)重點(diǎn)內(nèi)容會(huì)添加一個(gè)醒目的背景色或文字顏色。網(wǎng)頁(yè)設(shè)計(jì)師為了表明自己工作用心，會(huì)給每一個(gè)子欄目的標(biāo)題部分設(shè)計(jì)一個(gè)很具有特色的背景，這些文字再與數(shù)不勝數(shù)的圖片、動(dòng)畫(huà)交相輝映，使得用戶可以在一個(gè)頁(yè)面上將電腦可以顯示的全部色彩盡收眼底。網(wǎng)頁(yè)設(shè)計(jì)師實(shí)際上根本不需要絞盡腦汁為頁(yè)面設(shè)定主色調(diào)了，所有的頁(yè)面色調(diào)都已經(jīng)設(shè)定好了―――彩色。
為什么中國(guó)網(wǎng)站會(huì)設(shè)計(jì)成這個(gè)樣子呢？
造成“長(zhǎng)，閃，擠，花”問(wèn)題的實(shí)質(zhì)是一個(gè)“多”字。中國(guó)網(wǎng)站首頁(yè)上內(nèi)容多，重點(diǎn)多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。
“多”是中國(guó)網(wǎng)站的特點(diǎn)，更是中國(guó)社會(huì)的現(xiàn)實(shí)狀況。無(wú)論是超級(jí)市場(chǎng)里還是購(gòu)物中心里，到處是商品，到處是人潮，即使是象書(shū)店，美術(shù)館這樣的場(chǎng)所也是相似的場(chǎng)面，人們相信人多的商場(chǎng)里的商品會(huì)更好，人多的書(shū)店里的書(shū)會(huì)更全，人多的美術(shù)展會(huì)更有水平，賣(mài)家只能盡可能的展現(xiàn)自己的產(chǎn)品，從而證明自己的實(shí)力，而其他更高級(jí)的要求，諸如：環(huán)境，風(fēng)格，品味，服務(wù)……都要為展示產(chǎn)品讓路了。
在目前的中國(guó)，無(wú)論是物質(zhì)產(chǎn)品還是精神產(chǎn)品，廣大受眾的需求都遠(yuǎn)遠(yuǎn)沒(méi)有得到滿足，所以大家都希望能看到更多產(chǎn)品，這樣就形成了“多則好”消費(fèi)心理（瀏覽網(wǎng)站的消費(fèi)形式顯得更間接），網(wǎng)頁(yè)設(shè)計(jì)師在應(yīng)聘時(shí)經(jīng)常會(huì)被問(wèn)到：你是否能勝任“大型”網(wǎng)站的設(shè)計(jì)，即“能不能把頁(yè)面做的很長(zhǎng)。”
中國(guó)網(wǎng)頁(yè)內(nèi)容多，給人忙亂的感受，正象我們自己經(jīng)常會(huì)向別人抱怨自己忙的要死，以此來(lái)表示我們自己的價(jià)值。
引用Donald Norman 在《emotional design》一書(shū)中的理論，設(shè)計(jì)可以分為三種層次：本能水平的設(shè)計(jì)、行為水平的設(shè)計(jì)、反思水平的設(shè)計(jì)。本能水平的設(shè)計(jì)是滿足人類(lèi)本能審美需求的設(shè)計(jì)，也就是漂亮、美觀的設(shè)計(jì)；行為水平的設(shè)計(jì)是注重效用的設(shè)計(jì)，注重功能、易用性、可用性；反思水平的設(shè)計(jì)注重信息、文化的作用，一件產(chǎn)品被設(shè)計(jì)的很獨(dú)特、出眾、引人矚目，用戶會(huì)因?yàn)槭冀K這個(gè)產(chǎn)品而產(chǎn)生樂(lè)趣，產(chǎn)生滿足感。根據(jù)這個(gè)理論，中國(guó)網(wǎng)站的設(shè)計(jì)普遍達(dá)沒(méi)能實(shí)現(xiàn)本能水平的設(shè)計(jì)，雖然網(wǎng)站的boss、設(shè)計(jì)師本人都希望把網(wǎng)站設(shè)計(jì)的很漂亮，吸引用戶的眼球。行為水平的設(shè)計(jì)逐漸被重視了，不過(guò)目前基本上還是停留在不高的水平上。上面說(shuō)到的中國(guó)網(wǎng)站的種種問(wèn)題實(shí)際上正式在反思水平上的設(shè)計(jì)，一種變相的反思水平設(shè)計(jì)。
“多”這種看似缺陷的現(xiàn)象，實(shí)際上正式給用戶一個(gè)好的反思―――“這個(gè)網(wǎng)站的內(nèi)容豐富，在這里我能得到想要的東西。”盡管很多用戶并不會(huì)真的關(guān)注首頁(yè)上的內(nèi)容。正是這種反思吸引著用戶，保證著網(wǎng)站的訪問(wèn)量。
造成上述網(wǎng)站首頁(yè)設(shè)計(jì)問(wèn)題的罪魁并不是設(shè)計(jì)師沒(méi)水平或者用戶沒(méi)品味，而是產(chǎn)品不夠，這表面上的“多”其實(shí)是由于“少”造成的。用戶對(duì)網(wǎng)絡(luò)內(nèi)容的需求引導(dǎo)著網(wǎng)站的設(shè)計(jì)，策劃人員有意無(wú)意的在迎合著這樣的需求。要改變中國(guó)網(wǎng)頁(yè)設(shè)計(jì)單靠高水平的設(shè)計(jì)師是不夠的，中國(guó)網(wǎng)頁(yè)設(shè)計(jì)水平的提高是伴隨著社會(huì)發(fā)展在進(jìn)步的。
好吧，我們好好干吧，等我們實(shí)現(xiàn)了“四個(gè)現(xiàn)代化”，完成了“三步走”，創(chuàng)建了“和諧社會(huì)”，那時(shí)候，會(huì)需要更好的頁(yè)面設(shè)計(jì)的。
