網(wǎng)站用戶界面（Website UserInterface）指網(wǎng)站用于和用戶交互的外觀、元素和程序等等。如果你經(jīng)常上網(wǎng)，就會(huì)看到很多網(wǎng)站設(shè)計(jì)很樸素，看起來(lái)給人非常舒服的感覺(jué)；有的網(wǎng)站很有創(chuàng)意，常常給人帶來(lái)意外的驚喜和視覺(jué)的沖擊；但相當(dāng)多的網(wǎng)站頁(yè)面上充斥著怪異的字體，花哨的色彩和圖片，給人網(wǎng)頁(yè)制作粗劣的感覺(jué)。網(wǎng)站界面設(shè)計(jì)，既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的，還要結(jié)合圖形和版面設(shè)計(jì)的相關(guān)原理，從而使得網(wǎng)站界面設(shè)計(jì)變成了一門(mén)獨(dú)特的藝術(shù)。通常，企業(yè)網(wǎng)站用戶界面的設(shè)計(jì)一般應(yīng)遵循以下幾個(gè)基本原則：

一．用戶導(dǎo)向原則（User oriented）

設(shè)計(jì)網(wǎng)頁(yè)首先要明確到底誰(shuí)是這個(gè)網(wǎng)頁(yè)的使用者，要站在用戶的觀點(diǎn)和立場(chǎng)上來(lái)考慮和設(shè)計(jì)網(wǎng)站。要做到這一點(diǎn)，就必須要和用戶來(lái)溝通，了解他們的需求、目標(biāo)、期望以及偏好等。網(wǎng)頁(yè)的設(shè)計(jì)者要清楚，用戶之間的差別是很大的，他們的能力也各有不同。比如有的用戶可能會(huì)在視覺(jué)方面有所欠缺（如色盲），對(duì)很多的顏色分辨不清；有的用戶的聽(tīng)覺(jué)也可能會(huì)有些障礙，對(duì)于網(wǎng)站的語(yǔ)音提示反應(yīng)比較遲鈍；而且相當(dāng)一部分用戶的計(jì)算機(jī)使用經(jīng)驗(yàn)還很初級(jí)，對(duì)于復(fù)雜一點(diǎn)的操作就會(huì)感覺(jué)到很費(fèi)力。另外，用戶使用的計(jì)算機(jī)機(jī)器配置是千差萬(wàn)別的，如顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有所不同。設(shè)計(jì)者如果忽視了這些差別，設(shè)計(jì)出的網(wǎng)頁(yè)在不同的機(jī)器上顯示就會(huì)造成錯(cuò)亂。

二．簡(jiǎn)潔和易于操作原則（Keep It Simple And Stupid - KISS）

KISS原則就是"Keep It Sample AndStupid"的縮寫(xiě)，簡(jiǎn)潔和易于操作是網(wǎng)頁(yè)設(shè)計(jì)的最重要的原則。畢竟，網(wǎng)站建設(shè)出來(lái)是用于普通網(wǎng)民來(lái)查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒(méi)必要在網(wǎng)頁(yè)上設(shè)置過(guò)多的操作，堆積很多復(fù)雜和花哨的圖片。此原則的一般要求：

1、網(wǎng)頁(yè)的下載不要超過(guò)6秒鐘（普通的家庭寬帶為2M的，速度一般在220kb/s）；

2、網(wǎng)頁(yè)盡量使用文本鏈接，而減少大幅圖片和動(dòng)畫(huà)的使用，從而加快網(wǎng)頁(yè)的打開(kāi)時(shí)間；

3、操作設(shè)計(jì)盡量簡(jiǎn)單，并且有明確的操作提示；

4、網(wǎng)站所有的內(nèi)容和服務(wù)都盡量在顯眼處向用戶予以說(shuō)明等。

三．布局控制（Layout）

在網(wǎng)頁(yè)排版布局方面，很多網(wǎng)頁(yè)設(shè)計(jì)者還不夠重視，網(wǎng)頁(yè)界面設(shè)計(jì)排版過(guò)于死板，甚至照抄他人。如果網(wǎng)頁(yè)的布局凌亂，僅把大量的信息堆集在頁(yè)面上，就會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁(yè)界面的版式設(shè)計(jì)上所要遵循的原則有：

1、7±2的Miller公式。

根據(jù)心理學(xué)家George A.Miller的研究表明，人一次性接受的信息量在7個(gè)比特左右為宜。總結(jié)一個(gè)公式為：一個(gè)人一次所接受的信息量為 7±2比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中，一般網(wǎng)頁(yè)上面的欄目選擇好在5～9個(gè)之間，如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過(guò)這個(gè)區(qū)間，人在心理上就會(huì)煩躁，壓抑，會(huì)讓人感覺(jué)到信息太密集，看不過(guò)來(lái)，很累。然而很多國(guó)內(nèi)的網(wǎng)站在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個(gè)區(qū)間。

2、分組處理。

上面提到，對(duì)于信息或欄目的分類(lèi)，不能超過(guò)9個(gè)。但如果你的內(nèi)容實(shí)在是太多，超出9個(gè)，就需要進(jìn)行分組處理。如果，你的網(wǎng)頁(yè)上有幾十篇文章的鏈接，需要每隔7篇加一個(gè)空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個(gè)，如騰訊公司的網(wǎng)站或其它幾個(gè)比較知名的門(mén)戶，有很多個(gè)欄目，超過(guò)了9個(gè)。為了不破壞7±2的Miller公式，在設(shè)計(jì)時(shí)把比較有代表性的分類(lèi)加粗，然后再按性質(zhì)分組。

四．視覺(jué)平衡（Visual balance）

網(wǎng)頁(yè)設(shè)計(jì)時(shí)，各種元素（如圖形、文字、空白）都要有視覺(jué)平衡作用。根據(jù)視覺(jué)原理，圖形與一塊文字相比較，圖形的視覺(jué)作用要大一些。所以，為了達(dá)到視覺(jué)平衡，設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要以更多的文字來(lái)平衡一張圖片。另外，按照中國(guó)人的閱讀習(xí)慣是從左到右，從上到下，因此視覺(jué)平衡也要遵循這個(gè)這個(gè)原則。例如，你的很多的文字是采用左對(duì)齊，需要在網(wǎng)頁(yè)的右面加一些圖片或一些較明亮、較醒目的顏色。通常情況下，每張網(wǎng)頁(yè)都會(huì)設(shè)置一個(gè)頁(yè)眉部分和一個(gè)頁(yè)腳部分，頁(yè)眉部分通常放置一些Banner廣告或?qū)Ш綏l及網(wǎng)站LOGO，而頁(yè)腳部分通常放置聯(lián)系方式和版權(quán)信息等，頁(yè)眉和頁(yè)腳在設(shè)計(jì)上也要注重視覺(jué)平衡。同時(shí)，也決不能低估空白的價(jià)值；網(wǎng)頁(yè)上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至?xí)鹱x者反感，破壞該網(wǎng)站的形象。在網(wǎng)頁(yè)設(shè)計(jì)上，適當(dāng)?shù)牡胤皆黾右恍┝舭祝珶捄蜕A你的網(wǎng)頁(yè)的形象及美感，使得頁(yè)面變得簡(jiǎn)潔。

五．色彩的搭配及文字的可閱讀性（Colors and text can be read）

顏色是影響網(wǎng)頁(yè)的重要因素之一，不同的顏色對(duì)人的感覺(jué)有不同的影響，比如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽(yáng)光，是一種快活的顏色；黑色顯得比較莊重，考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響，為網(wǎng)頁(yè)設(shè)計(jì)選擇最恰當(dāng)?shù)念伾òū尘吧⒃仡伾⑽淖诸伾㈡湽?jié)顏色等）。

為了方便閱讀網(wǎng)站上的信息資訊，可以借鑒參考報(bào)紙及雜志的編排方式將網(wǎng)頁(yè)的內(nèi)容分欄設(shè)計(jì)，甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。另外一種能夠提高文字可讀性的因素是字體的選擇，通用的字體（Arial，CourierNew，Garamond，Times NewRoman，中文宋體）最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體（如Cloister，Gothic，Script，Westminster，華文彩云，華文行楷），這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。這類(lèi)特殊字體如果在頁(yè)面上大量使用，會(huì)使得閱讀頗為費(fèi)力，瀏覽者的眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁(yè)面。

六．和諧與一致性（Harmony and consistency）

通過(guò)對(duì)網(wǎng)站的各種元素（顏色、字體、圖形、空白等）使用一定的規(guī)格，使得設(shè)計(jì)良好的網(wǎng)頁(yè)看起來(lái)應(yīng)該是和諧的。或者說(shuō)，網(wǎng)站的眾多獨(dú)立網(wǎng)頁(yè)看起來(lái)更像一個(gè)整體。網(wǎng)站界面設(shè)計(jì)上要保持一致性，這是很重要的一點(diǎn)。一致的網(wǎng)站結(jié)構(gòu)設(shè)計(jì)，可以讓瀏覽者對(duì)網(wǎng)站的形象有深刻的記憶與印象；一致的導(dǎo)航設(shè)計(jì)，可以讓瀏覽者迅速而又有效的進(jìn)入在網(wǎng)站中自己所需要的部分；一致的操作設(shè)計(jì)，可以讓瀏覽者快速學(xué)會(huì)在整個(gè)網(wǎng)站的各種功能操作。如果破壞這一原則，就會(huì)誤導(dǎo)瀏覽者，并且讓整個(gè)網(wǎng)站顯得雜亂無(wú)章，給人留下不良的印象。

當(dāng)然，網(wǎng)站設(shè)計(jì)的一致性并不意味著刻板和一成不變，有的網(wǎng)站在不同欄目使用不同的風(fēng)格，或者隨著時(shí)間的推移不斷的改版網(wǎng)站，會(huì)給瀏覽者帶來(lái)新鮮的感覺(jué)。

七．個(gè)性化（Individualization）

1、符合網(wǎng)絡(luò)文化

企業(yè)網(wǎng)站不同于傳統(tǒng)的企業(yè)商務(wù)活動(dòng)，要符合Internet網(wǎng)絡(luò)文化的要求。首先，網(wǎng)絡(luò)最早為非正式性、非商業(yè)化的，只是科研人員用來(lái)交流信息的。其次，網(wǎng)絡(luò)信息是只在計(jì)算機(jī)屏幕上顯示而沒(méi)有打印出來(lái)閱讀，網(wǎng)絡(luò)上的交流具備隱蔽性，誰(shuí)都不知道對(duì)方的真實(shí)身份和信息。此外，許多人在上網(wǎng)的時(shí)候是在家中或網(wǎng)吧等一些比較休閑，比較隨意的環(huán)境下。此時(shí)訪客的使用環(huán)境所蘊(yùn)涵的思維模式與坐在辦公室里西裝革履的時(shí)候是截然不同的。因此，整個(gè)互聯(lián)網(wǎng)的文化是一種休閑的、非正式性的、輕松活潑的文化。在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語(yǔ)言，創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍就會(huì)使網(wǎng)站的訪問(wèn)量大增。

分享名稱(chēng)：網(wǎng)站界面設(shè)計(jì)應(yīng)該注意的地方！
文章轉(zhuǎn)載：http://m.newbst.com/news/29847.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、軟件開(kāi)發(fā)、搜索引擎優(yōu)化、網(wǎng)站排名、建站公司、電子商務(wù)

廣告

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