網(wǎng)站界面設(shè)計應(yīng)該注意的情況

網(wǎng)站界面設(shè)計應(yīng)該注意的情況！網(wǎng)站用戶界面（WebsiteUserInterface）指網(wǎng)站用于和用戶交互的外觀、元素和程序等等。如果你經(jīng)常上網(wǎng)，就會看到很多網(wǎng)站設(shè)計很樸素，看起來給人非常舒服的感覺；有的網(wǎng)站很有創(chuàng)意，常常給人帶來意外的驚喜和視覺的沖擊；但相當(dāng)多的網(wǎng)站頁面上充斥著怪異的字體，花哨的色彩和圖片，給人網(wǎng)頁制作粗劣的感覺。網(wǎng)站界面設(shè)計，既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的，還要結(jié)合圖形和版面設(shè)計的相關(guān)原理，從而使得網(wǎng)站界面設(shè)計變成了一門獨(dú)特的藝術(shù)。通常，企業(yè)網(wǎng)站用戶界面的設(shè)計一般應(yīng)遵循以下幾個基本原則：一．用戶導(dǎo)向原則（Useroriented）設(shè)計網(wǎng)頁首先要明確到底誰是這個網(wǎng)頁的使用者，要站在用戶的觀點(diǎn)和立場上來考慮和設(shè)計網(wǎng)站。要做到這一點(diǎn)，就必須要和用戶來溝通，了解他們的需求、目標(biāo)、期望以及偏好等。網(wǎng)頁的設(shè)計者要清楚，用戶之間的差別是很大的，他們的能力也各有不同。比如有的用戶可能會在視覺方面有所欠缺（如色盲），對很多的顏色分辨不清；有的用戶的聽覺也可能會有些障礙，對于網(wǎng)站的語音提示反應(yīng)比較遲鈍；而且相當(dāng)一部分用戶的計算機(jī)使用經(jīng)驗還很初級，對于復(fù)雜一點(diǎn)的操作就會感覺到很費(fèi)力。另外，用戶使用的計算機(jī)機(jī)器配置是千差萬別的，如顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會有所不同。設(shè)計者如果忽視了這些差別，設(shè)計出的網(wǎng)頁在不同的機(jī)器上顯示就會造成錯亂。二．簡潔和易于操作原則（KeepItSimpleAndStupid-KISS）KISS原則就是"KeepItSampleAndStupid"的縮寫，簡潔和易于操作是網(wǎng)頁設(shè)計的最重要的原則。畢竟，網(wǎng)站建設(shè)出來是用于普通網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒必要在網(wǎng)頁上設(shè)置過多的操作，堆積很多復(fù)雜和花哨的圖片。此原則的一般要求：1、網(wǎng)頁的下載不要超過6秒鐘（普通的家庭寬帶為2M的，速度一般在220kb/s）；2、網(wǎng)頁盡量使用文本鏈接，而減少大幅圖片和動畫的使用，從而加快網(wǎng)頁的打開時間；3、操作設(shè)計盡量簡單，并且有明確的操作提示；4、網(wǎng)站所有的內(nèi)容和服務(wù)都盡量在顯眼處向用戶予以說明等。三．布局控制（Layout）在網(wǎng)頁排版布局方面，很多網(wǎng)頁設(shè)計者還不夠重視，網(wǎng)頁界面設(shè)計排版過于死板，甚至照抄他人。如果網(wǎng)頁的布局凌亂，僅把大量的信息堆集在頁面上，就會干擾瀏覽者的閱讀。一般在網(wǎng)頁界面的版式設(shè)計上所要遵循的原則有：1、7±2的Miller公式。根據(jù)心理學(xué)家GeorgeA.Miller的研究表明，人一次性接受的信息量在7個比特左右為宜。總結(jié)一個公式為：一個人一次所接受的信息量為7±2比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中，一般網(wǎng)頁上面的欄目選擇最佳在5～9個之間，如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過這個區(qū)間，人在心理上就會煩躁，壓抑，會讓人感覺到信息太密集，看不過來，很累。然而很多國內(nèi)的網(wǎng)站在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個區(qū)間。2、分組處理。上面提到，對于信息或欄目的分類，不能超過9個。但如果你的內(nèi)容實在是太多，超出9個，就需要進(jìn)行分組處理。如果，你的網(wǎng)頁上有幾十篇文章的鏈接，需要每隔7篇加一個空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個，如騰訊公司的網(wǎng)站或其它幾個比較知名的門戶，有很多個欄目，超過了9個。為了不破壞7±2的Miller公式，在設(shè)計時把比較有代表性的分類加粗，然后再按性質(zhì)分組。四．視覺平衡（Visualbalance）網(wǎng)頁設(shè)計時，各種元素（如圖形、文字、空白）都要有視覺平衡作用。根據(jù)視覺原理，圖形與一塊文字相比較，圖形的視覺作用要大一些。所以，為了達(dá)到視覺平衡，設(shè)計網(wǎng)頁時需要以更多的文字來平衡一張圖片。另外，按照中國人的閱讀習(xí)慣是從左到右，從上到下，因此視覺平衡也要遵循這個這個原則。例如，你的很多的文字是采用左對齊，需要在網(wǎng)頁的右面加一些圖片或一些較明亮、較醒目的顏色。通常情況下，每張網(wǎng)頁都會設(shè)置一個頁眉部分和一個頁腳部分，頁眉部分通常放置一些Banner廣告或?qū)Ш綏l及網(wǎng)站LOGO，而頁腳部分通常放置聯(lián)系方式和版權(quán)信息等，頁眉和頁腳在設(shè)計上也要注重視覺平衡。同時，也決不能低估空白的價值；網(wǎng)頁上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至?xí)鹱x者反感，破壞該網(wǎng)站的形象。在網(wǎng)頁設(shè)計上，適當(dāng)?shù)牡胤皆黾右恍┝舭?，精煉和升華你的網(wǎng)頁的形象及美感，使得頁面變得簡潔。五．色彩的搭配及文字的可閱讀性（Colorsandtextcanberead）方面內(nèi)容感興趣，他會從上至下，逐行閱讀。這樣可充分力利用首屏，讓首頁增多從上至下閱讀的可能?！け苊庖粰谔珡?qiáng)，一欄太弱。通過圖片、套紅等手段進(jìn)行調(diào)控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。6、圖片·有圖有真相，一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多?！ぴ谀夸涰摰膱D，小點(diǎn)，再小點(diǎn)，多用特寫；小分辨率，能看就行。在正文頁的圖，保證清晰，美觀。正文頁有的是版面。·正文頁在5屏之內(nèi)，盡量不要分頁。讓讀者一次讀完。7、導(dǎo)航條與網(wǎng)站地圖·導(dǎo)航條是網(wǎng)站的門牌號碼，不能隨意更改。否則，讀者會迷路，找不到他原來看的內(nèi)容?！?dǎo)航條上的分類名的前后次序要兼顧重點(diǎn)和讀者閱讀邏輯，即歸類擺放。·導(dǎo)航條最多三行。最好二行。太多行顯重。·導(dǎo)航的更多，就是網(wǎng)站地圖。網(wǎng)站地圖的摘要版可以放在網(wǎng)站底部，成為底部導(dǎo)航。網(wǎng)站的底部導(dǎo)航，很有必要。其好處是：一、可放多行；二、可形成網(wǎng)站底部的閱讀重點(diǎn)。將讀者從首屏帶到最后一屏，期間會增加很多點(diǎn)擊?！ぶ鲗?dǎo)航和頻道導(dǎo)航：主導(dǎo)航每頁都有，頻道導(dǎo)航只在本頻道頁面出現(xiàn)。8、首頁更新成本·首頁設(shè)計不能只考慮美觀、協(xié)調(diào)，要考慮24小時更新一遍之要求。更新是網(wǎng)站的生命，一定要最大限度地降低首頁更新成本?！そ徊孀詣油礁碌脑O(shè)計，可有效降低各種首頁更新成本，給讀者