網(wǎng)頁界面設(shè)計的原則

第頁網(wǎng)頁界面設(shè)計的原則1、用戶導(dǎo)向原則

制定網(wǎng)頁首先要明確到底誰是使用者，要站在用戶的觀點和態(tài)度上來合計制定網(wǎng)站。要做到這一點，必須要和用戶來溝通，了解他們的必須求、目標、期望和偏好等。網(wǎng)頁的制定者要清楚，用戶之間差別很大，他們的能力各有不同。另外，用戶使用的計算機機器配置也是千差萬別，包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會有不同。制定者如果忽視了這些差別，制定出的網(wǎng)頁在不同的機器上顯示就會造成混亂。

2、簡潔易操作原則

KISS原則就是KeepItSampleAnd

Stupid的縮寫，簡潔和易于操作是〔網(wǎng)頁制定〕的最重要的原則。畢竟，網(wǎng)站建設(shè)出來是用于一般網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒有必要在網(wǎng)頁上設(shè)置過多的操作，堆積很多復(fù)雜和花哨的圖片。該原則一般的要求，網(wǎng)頁的下載不要超過10秒鐘;盡量使用文本鏈接，而減少大幅圖片和動畫的使用;操作制定盡量簡單，并且有明確的操作提示;網(wǎng)站所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說明等。

3、布局控制

關(guān)于網(wǎng)頁排版布局方面，很多網(wǎng)頁制定者重視不夠，網(wǎng)頁排版制定的過于死板，甚至照抄他人。如果網(wǎng)頁的布局雜亂，僅僅把大量的信息堆集在頁面上，會干擾瀏覽者的閱讀。一般在網(wǎng)頁制定上所要遵循的原理有：

(1)Miller公式。一個人一次所接受的信息量為72

比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中，一般網(wǎng)頁上面的欄目選擇最正確在5～9個之間，如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過這個區(qū)間，人在心理上就會煩躁，壓抑，會讓人感覺到信息太密集，看不過來，很累。

(2)分組處理。上面提到，關(guān)于信息的分類，不能超過9個欄目。但如果你的內(nèi)容實在是多，超出了9個，必須要進行分組處理。如果，你的網(wǎng)頁上提供幾十篇文章的鏈接，必須要每隔7篇加一個空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個，如微軟公司的網(wǎng)站，共有11個欄目，超過了9個。

4、視覺平衡

網(wǎng)頁制定時，也要各種元素(如圖形、文字、空白)都會有視覺作用。依據(jù)視覺原理，圖形與一塊文字相比較，圖形的視覺作用要大一些。所以，為了達到視覺平衡，在制定網(wǎng)頁時必須要以更多的文字來平衡一幅圖片。另外，按照中國人的閱讀習(xí)慣是從左到右，從上到下，因此視覺平衡也要遵循這個這個道理。

例如，你的很多的文字是采納左對齊〈Align=left〉，必須要在網(wǎng)頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般狀況下，每張網(wǎng)頁都會設(shè)置一個頁眉部分和一個頁腳部分，頁眉部分常放置一些Banner廣告或?qū)Ш綏l，而頁腳部分通常放置聯(lián)系方式和版權(quán)信息等，頁眉和頁腳在制定上也要注重視覺平衡。

同時，也決不能低估空白的價值。如果你的網(wǎng)頁上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至?xí)鹱x者反感，破壞該網(wǎng)站的形象。在網(wǎng)頁制定上，適當(dāng)增加一些空白，精煉你的網(wǎng)頁，使得頁面變的簡潔。

5、色彩的搭配和文字的可閱讀性

顏色是影響網(wǎng)頁的重要因素，不同的顏色對人的感覺有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽光，是一種快活的顏色;黑顏色顯得比較莊重，合計到你希望對瀏覽者產(chǎn)生什么影響，為網(wǎng)頁制定選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等)。

為方便閱讀網(wǎng)站上的信息，可以參照報紙的編排方式將網(wǎng)頁的內(nèi)容分欄制定，甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提升文字可讀性的因素是所選擇的字體，通用的字體(Arial，CourierNew，Garamond，Times

NewRoman，中文宋體)最易閱讀，特別字體用于標題效果較好，但是不合適正文。

6、和諧與一致性

通過對網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格，使得制定優(yōu)良的網(wǎng)頁看起來應(yīng)該是和諧的?；蛘哒f，網(wǎng)站的眾多單獨網(wǎng)頁應(yīng)該看起來像一個整體。網(wǎng)站制定上要堅持一致性，這又是很重要的一點。

一致的結(jié)構(gòu)制定，可以讓瀏覽者對網(wǎng)站的形象有深入的記憶;一致的導(dǎo)航制定，可以讓瀏覽者迅速而又有效的進入在網(wǎng)站中自己所必須要的部分;一致的操作制定，可以讓瀏覽者快速學(xué)會在整個網(wǎng)站的各種功能操作。破壞這一原則，會誤導(dǎo)瀏覽者，并且讓整個網(wǎng)站顯的雜亂無章，給人留下不良的印象。

當(dāng)然，網(wǎng)站制定的一致性并不意味著呆板和一成不變，有的網(wǎng)站在不同欄目使用不同的風(fēng)格，或者隨著時間的推移不斷的改版網(wǎng)站，會給瀏覽者帶來新鮮的感覺。

7、個性化

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

整個互聯(lián)網(wǎng)的文化是一種休閑的、非正式性的、輕松活潑的文化。在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語言，創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍會使網(wǎng)站的訪問量大增。

(2)塑造網(wǎng)站個性

另外，網(wǎng)站的整體風(fēng)格和整體氣氛表達要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè)文化，進而形成風(fēng)格。

2網(wǎng)站頁面制定原則

(1)注目性

注目性是指頁面形象要能引起瀏覽者視覺的注意。這種注意同視覺形象的結(jié)構(gòu)、大小、方位、環(huán)境、色彩因素有關(guān)。強化注目性是網(wǎng)站頁面制定必須追求和注意的事項,在制定時往往要采納概括簡潔、生動鮮亮的視覺語言,通過對圖形或色彩的創(chuàng)意變化,將用文字或聽覺語言都難以表達清楚的含義展現(xiàn)出來,這種表達方式利于吸引視線和注意力,可以產(chǎn)生事半功倍的效果。

(2)適應(yīng)性

網(wǎng)頁作為信息社會中的視覺語言,要想達到信息傳播的目的,就必須具有適應(yīng)性特征,重視現(xiàn)代社會的特點以及受傳者的文化層次、生理、心理因素,尊重瀏覽者的習(xí)慣心理和公認原則。如果網(wǎng)站頁面制定中沒有體現(xiàn)這一特征,就會出現(xiàn)頁面形象和色彩制定的隨意性影響信息瀏覽和傳遞。

(3)記憶性

記憶性是指形象能長期地記憶于腦中,并能形成一定的條件反射。只有充分利用各種構(gòu)成因素,通過均衡、調(diào)和、動靜對比、視覺誘導(dǎo)、結(jié)構(gòu)比例等關(guān)系進行制定,才干使制定出的網(wǎng)頁具有新穎、醒目的藝術(shù)魅力,引起公眾的注意和長期的記憶。

(4)選擇性

網(wǎng)頁界面中的信息往往豐富而繁雜,瀏覽者不一定會對網(wǎng)頁中的所有信息都感興趣,這就涉及對信息的選擇性問題。由于視覺對點線等元素的敏感程度較高,因此在安排引導(dǎo)不同信息的標題和圖形時可以將之點化或線化,從而形成視覺注意的中心,便于用戶選擇性瀏覽。

3用戶界面制定原則

1."明確'應(yīng)該放在制定的首要位置

對任何界面而言，"明確'是首要的也是最重要的一點。人們必須能夠辨認出它是什么，才干有效地使用你制定出來的界面。制定師們在制定的時候，要去關(guān)懷人們?yōu)楹螘褂眠@個應(yīng)用，去了解什么樣的界面是能幫助他們與之互動的，去猜測人們在使用時的行為并能夠成功地反饋給他們。這樣做了之后，界面中再出現(xiàn)的必須要推理的地方以及延時反應(yīng)都是可以被容忍的，但是絕對不能出現(xiàn)讓用戶疑惑的地方。明確的界面能夠給使用者進一步操作的信心。一個應(yīng)用就算它有一百張頁面，但是每一頁都是清楚明確的，它也遠勝于只有一頁卻不知所云的應(yīng)用。

2.界面是為了交互而存在

界面的存在是為了讓人和我們的世界產(chǎn)生互動。它可以幫助人們厘清，明白，使用，展示互相之間的關(guān)系，他能夠把我們聚集在一起可以將我們隔開，實現(xiàn)我們的價值并為我們服務(wù)。界面制定不是藝術(shù)制定。界面制定也不是用來標榜制定師的個人。界面的功用和效果是可以被測量的。但是它們不是功利性的。優(yōu)秀的界面不但能夠讓我們做事有效率，還能夠激發(fā)、喚起和強化我們與這個世界的聯(lián)系。

3.不惜一切代價吸引用戶注意

我們生活在一個容易被打攪的世界。我們很難在一個不被干擾的環(huán)境中靜下心來閱讀。用戶注意力是非常寶貴的。所以，不要在應(yīng)用的四周丟一些容易令人分心的東西

要把制定這個畫面最初的目的隨時放在首位。如果用戶正在閱讀，那先讓他們專心的讀完之后再彈出廣告(如果一定要放廣告的話)。尊重用戶的注意力，不僅僅會讓用戶感到高興，你本身的制定也會收獲好結(jié)果。如果在界面制定中，用戶使用是首要目標的話，那么尊重用戶的注意力是先決條件。要不惜一切代價保護它。

4.讓用戶掌控一切

人們會在自己能掌控的環(huán)境中感覺最舒心，最放松。制定輕率的軟件應(yīng)用不但剝奪了這種舒適性，還會迫使人們面對毫無預(yù)期的互動，疑惑的流程和意外的結(jié)果。通過定期的梳理系統(tǒng)狀態(tài)，描述因果關(guān)系(如果你這個做了，就會被體現(xiàn)出來)，并且在每一步操作都給出提示，讓用戶感覺每一步操作都在他的掌控中。不要擔(dān)心說，這不是"顯而易見'的嗎?因為世界上從來沒有顯而易見的事情。

5.直觀操作是最好的

好的界面是無意識的，就像我們在實際生活中直接操作的感覺一樣。這并不是那么容易實現(xiàn)的，并且隨著元素和資訊的不斷增加，這就變得更難，所以我們制定界面來幫助我們?nèi)ズ退鼈兓?。要想在畫面上添加一個不必要的東西是非常簡單，例如，加個華麗的按鈕，鑲邊，圖形，選項，偏好，窗口，附件和其它一些冗余的東西。以至于我們一頭扎進處理界面元素細節(jié)的怪圈中而忽視了最重要的事情。取而代之的，你應(yīng)該抓住直觀操作這個最初的目標界面制定要盡可能的簡潔，更多的可識別的慣用自然手勢。理想狀況下，界面會變得非常細小，用戶在會有直觀操作的感覺。

6.一個頁面一個主要操作

我們制定的每一個畫面，都應(yīng)給用戶提供有實際意義的單一操作。這一點，令界面更快上手、易于操作，如果有必須要的話，新增或擴充也更簡易。如果一個畫面上有兩個或兩個以上的主要操作，瞬間就會讓用戶感到疑惑。就像寫文章要有單一的以及強有力的論點一樣，界面制定中的單個畫面，也都應(yīng)該有單一且明確的操作，這是它存在的理由。

7.讓次要操作在次要位置

畫面在包涵一個主要動作的同時，可以有多個次要動作，但盡量不要讓它們喧賓奪主!就像你寫一篇文章的目的，是為了讓人可以閱讀可以了解，而不是為了人們能夠把它轉(zhuǎn)載在交際網(wǎng)絡(luò)上讓次要得動作放在次要的位置，削減它們的視覺沖擊力，或是在主要動作完成后再顯示它們。

8.提供自然而然的下一步操作

很少有交互是有意被放在最后的，所以要為用戶精心制定交互的下一步操作。你要預(yù)期用戶下一步的交互是怎樣的，并且通過制定將其實現(xiàn)。就像我們的日常談話，要為深入交談開一個好頭。當(dāng)用戶已經(jīng)完成要做的操作后，別讓它們不知所措的停留在那提供自然而然的下一步，幫助他們完成操作。

4網(wǎng)站首頁制定注意事項

建站過程中必須要注意的事項很多，有人把后臺系統(tǒng)內(nèi)容頁做完備了但卻對網(wǎng)站首頁不怎么上心。其實網(wǎng)站首頁很重要，首頁相當(dāng)于人的"面子'，憑眼緣就可以留住用戶，持續(xù)在網(wǎng)站進行瀏覽，如果首頁做的一塌糊涂，想必用戶也沒耐心去持續(xù)看下去了。那網(wǎng)站制定時首頁哪些要點千萬不能忽略?

第一，要展現(xiàn)出整體風(fēng)格，爭取達到吸睛的效果

網(wǎng)站的整體風(fēng)格一般通過首頁就可以實現(xiàn)，整個網(wǎng)站的色調(diào)是否協(xié)調(diào)、布局是否合適都可以從首頁來看出來。除了導(dǎo)航類網(wǎng)站那種較為固定的首頁模式，其他網(wǎng)站首頁在制定時候可以進行一定的革新，這樣才干吸引用戶的目光。但這個革新并不是為所欲為，是要符合用戶胃口的制定和制作。

第二，首頁布局應(yīng)當(dāng)合理

關(guān)于一個瀏覽者來說，網(wǎng)站內(nèi)容結(jié)構(gòu)合理實在太重要了。干巴巴一大堆文字讓人無所適從，大多數(shù)都是華而不實的圖片則讓瀏覽者對網(wǎng)站內(nèi)容質(zhì)量有所懷疑。有數(shù)據(jù)統(tǒng)計發(fā)現(xiàn)，多數(shù)用戶會比較關(guān)注網(wǎng)站頁面上方和左方的內(nèi)容，我們可以利用這種習(xí)慣，把有用的內(nèi)容放在這些位置，圖片等放點綴在其他地方，這樣才會有不錯的效果。此外優(yōu)質(zhì)的導(dǎo)航也是網(wǎng)站內(nèi)容結(jié)構(gòu)中不可少的一塊兒，導(dǎo)航幫助瀏覽者快速的找到他們想要的信息。還對搜索引擎的收錄，和網(wǎng)站權(quán)重的提升有幫助。選擇圖片導(dǎo)航還是下拉菜單活著特效導(dǎo)航，應(yīng)該看具體網(wǎng)站類別來選用。

第三，網(wǎng)站首頁信息必必須常常更新

網(wǎng)站首頁制定得好當(dāng)然會吸引人們點擊，但這僅僅是一小段時間，并不會太長期，接下來吸引瀏覽者目光的就是內(nèi)容標題和內(nèi)容了。網(wǎng)站首頁