網(wǎng)站頁設(shè)計的幾大特色

先說這個「長」，網(wǎng)站的頁面真是長啊，以至于我坐在計算機前瀏覽的時候經(jīng)常會想，這個頁面的低端會不會已經(jīng)搭拉到我的腳面上了。我們的萬里長城是第幾大奇跡來著？反正的網(wǎng)站應(yīng)該緊排在她后面。

我們的大型門戶網(wǎng)站恐怕應(yīng)該是長頁面的領(lǐng)軍者吧?，F(xiàn)在能生存下來的大型門戶各個實力不凡，又紛紛上市，其他網(wǎng)站能與他們頁面相似應(yīng)該也能說明實力相似吧，這幾家大型門戶已經(jīng)給用戶形成了「長則是好」的印象，于是眾多網(wǎng)站都紛紛「長」起來了。無論是綜合性網(wǎng)站還是性網(wǎng)站，只要有內(nèi)容，就能做多長就做多長，沒有內(nèi)容，抄襲別人內(nèi)容也要做長，以至于不少實力有限的網(wǎng)站只是頁很長，到了欄目頁面（二級頁面）就簡陋的可憐了。

長的基礎(chǔ)就是要內(nèi)容要多，這些眾多的長網(wǎng)站在組織內(nèi)容的思路上基本是一致的，就是把二級頁面的內(nèi)容摘要的放在頁上。頁分成若干個相應(yīng)的通欄的大塊兒（這樣可以逐個部分的下載頁面，易于顯示），再在每兩塊之間加一條廣告，后再在頁面的上面加一個更綜合的區(qū)域，所謂的重中之重，這樣以來頁面想短都短不了。

按照Jakob Nielsen的說法：網(wǎng)站頁的長度不應(yīng)該超過4屏。當(dāng)然這個準則也未必就那么準確，但是至少應(yīng)該承認頁面不是越長越好的。

第二，說說「閃」。就是網(wǎng)頁上能動的東西－－－動畫。主要是Gif動畫，flash動畫，腳本語言實現(xiàn)的圖片交替效果，還有就是彈出窗口。動畫對網(wǎng)頁表現(xiàn)本應(yīng)該是個很好的補充，但是現(xiàn)在的實際效果是對網(wǎng)頁的干擾，因為動畫從一開始就扮演著廣告的角色。雖然將各種形式的動畫應(yīng)用于網(wǎng)站在國外的網(wǎng)站上也常見，但是網(wǎng)站上的動畫實在是太多了?？峙乱彩且驗榫W(wǎng)站頁面長吧，能放動畫的空間自然也就大了。整個頁面到處都在不停的閃?？茖W(xué)家已經(jīng)證實，在月球上是看不到萬里長城的，但是我想，應(yīng)該是可以看到網(wǎng)頁的，它們不僅長，而且還在不停的閃爍。

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

雖然彈出窗口里的內(nèi)容不一定是動畫，但是它「噌」的一下彈出來，著實是夠「動」的，就動畫的效果而言，絕對是具視覺沖擊力的。還好，現(xiàn)在有越來越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。

腳本語言實現(xiàn)的圖片交替效果目前主要是用在網(wǎng)站頭條的圖片報道上，雖然是動，分散用戶的注意力，好在這種方式還是為了給用戶提供盡可能多的信息，應(yīng)該值得肯定，也應(yīng)該是動畫應(yīng)用于網(wǎng)絡(luò)的發(fā)展方向，只是不知道什么時候，哪位設(shè)計師靈感突現(xiàn)，把廣告也偽裝成這種樣子，應(yīng)該能在一片罵聲中為公司贏得不少經(jīng)濟效益。

Gif動畫是種傳統(tǒng)的動畫形式了，不過在flash動畫面前，它的生存空間越來越小了，與flash動畫相比恐怕Gif動畫的優(yōu)勢就是在用戶將網(wǎng)頁「另存為…」后，Gif動畫還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因為它通常是廣告。

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

第三是「擠」。我們的網(wǎng)站看上去滿滿當(dāng)當(dāng)?shù)?，比公共汽車還擠。每天早上都是擠公共汽車，然后擠地鐵，擠電梯，擠著打卡，好容易坐下了，打開計算機就不要再那么擠了，大家站開點兒吧，網(wǎng)頁上有的是地兒。

與英文相比，中文本身就顯得比較復(fù)雜，對于有鏈接的文字網(wǎng)站又往往更傾向于傳統(tǒng)的隨時保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這里夸張了，至少還要有劃下劃線的地兒），使得頁面看上去分外豐滿，如同我小時候習(xí)慣了在田字格本上寫字后，初次改用行距很小的單線格本寫字所展現(xiàn)出的風(fēng)采。

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

經(jīng)?？梢钥吹侥尘W(wǎng)站為了突出重點內(nèi)容而使用14pt的字號，然而卻不加大該內(nèi)容與其他內(nèi)容的距離，這樣只能使頁面看上去更擁擠。這種做法倒是與老板（個別的，個別的，如果您是老板，那這里所說的一定不包括您）的做法頗為相似：只增加工作，不加薪。也許是設(shè)計師在用這種擁擠的樣式向老板示威吧。

第四是「花」，網(wǎng)站的色彩之絢爛，幾乎無以復(fù)加。前面分析了頁的構(gòu)成方式－－－將各個欄目摘要排放在頁上，通常每一個欄目會有一種主色調(diào)，這樣一來，頁上的色彩自然就很豐富了。

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

為什么網(wǎng)站會設(shè)計成這個樣子呢？

造成「長，閃，擠，花」問題的實質(zhì)是一個「多」字。網(wǎng)站頁上內(nèi)容多，重點多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。

「多」是網(wǎng)站的特點，更是社會的現(xiàn)實狀況。無論是超級市場里還是購物中心里，到處是商品，到處是人潮，即使是象書店，美術(shù)館這樣的場所也是相似的場面，人們相信人多的商場里的商品會更好，人多的書店里的書會更全，人多的美術(shù)展會更有水平，賣家只能盡可能的展現(xiàn)自己的產(chǎn)品，從而證明自己的實力，而其他更高級的要求，諸如：環(huán)境，風(fēng)格，品味，服務(wù)……都要為展示產(chǎn)品讓路了。

在目前的，無論是物質(zhì)產(chǎn)品還是精神產(chǎn)品，廣大受眾的需求都遠遠沒有得到滿足，所以大家都希望能看到更多產(chǎn)品，這樣就形成了「多則好」消費心理（瀏覽網(wǎng)站的消費形式顯得更間接），網(wǎng)頁設(shè)計師在應(yīng)聘時經(jīng)常會被問到：你是否能勝任「大型」網(wǎng)站的設(shè)計，即「能不能把頁面做的很長?！?/p>

網(wǎng)頁內(nèi)容多，給人忙亂的感受，正像我們自己經(jīng)常會向別人抱怨自己忙的要死，以此來表示我們自己的價值。

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

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

「多」這種看似缺陷的現(xiàn)象，實際上正式給用戶一個好的反思－－－「這個網(wǎng)站的內(nèi)容豐富，在這里我能得到想要的東西。」盡管很多用戶并不會真的關(guān)注頁上的內(nèi)容。

正是這種反思吸引著用戶，保證著網(wǎng)站的訪問量。

造成上述網(wǎng)站頁設(shè)計問題的罪魁并不是設(shè)計師沒水平或者用戶沒品味，而是產(chǎn)品不夠，這表面上的「多」其實是由于「少」造成的。用戶對網(wǎng)絡(luò)內(nèi)容的需求引導(dǎo)著網(wǎng)站的設(shè)計，策劃人員有意無意的在迎合著這樣的需求。

要改變網(wǎng)頁設(shè)計單靠高水平的設(shè)計師是不夠的，網(wǎng)頁設(shè)計水平的提高是伴隨著社會發(fā)展在進步的。

好吧，我們好好干吧，等我們實現(xiàn)了「四個現(xiàn)代化」，完成了「三步走」，創(chuàng)建了「和諧社會」，那時候，會需要更好的頁面設(shè)計的。

pS：太多的功利心讓設(shè)計師失去了對一個網(wǎng)站的真正認知，內(nèi)容的豐富不代碼這個站是我想要的東西，花哨的界面，沒有任何的重點在里面，技術(shù)已經(jīng)升級了不知多少次，但人的思想沒有起步，結(jié)果就成這樣了。

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司－創(chuàng)新互聯(lián)(www.bm7419.com），確保您獲得理想的網(wǎng)頁設(shè)計服務(wù)，設(shè)計團隊為您提供FLASH網(wǎng)站設(shè)計，網(wǎng)頁制作，App界面設(shè)計及程序開發(fā)，多媒體觸摸屏展示設(shè)計.

分享標題：網(wǎng)站頁設(shè)計的幾大特色
瀏覽地址：http://www.bm7419.com/news36/183936.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、自適應(yīng)網(wǎng)站、網(wǎng)站維護、外貿(mào)網(wǎng)站建設(shè)、App設(shè)計、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)