網頁界面設計的原則 用戶界面設計原則

哈嘍小伙伴們 ，今天給大家科普一個小知識。在日常生活中我們或多或少的都會接觸到網頁界面設計的原則 用戶界面設計原則 方面的一些說法，有的小伙伴還不是很了解，今天就給大家詳細的介紹一下關于網頁界面設計的原則 用戶界面設計原則 的相關內容。

【資料圖】

設計網頁首先要明確到底誰是使用者，要站在用戶的觀點和立場上來考慮設計網站，要做到這一點，必須要和用戶來，了解他們的需求、目標、期望和偏好等。下面介紹網頁界面設計的原則，希望對您有幫助。

1、用戶導向原則

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

2、簡潔易操作原則

KISS原則就是 Keep It Sample And

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

3、布局控制

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

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

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

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

4、視覺平衡

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

例如，你的很多的文字是采用左對齊〈Align=left〉，需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下，每張網頁都會設置一個頁眉部分和一個頁腳部分，頁眉部分常放置一些Banner廣告或導航條，而頁腳部分通常放置聯系方式和版權信息等，頁眉和頁腳在設計上也要注重視覺平衡。

同時，也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至會引起讀者反感，破壞該網站的形象。在網頁設計上，適當增加一些空白，精煉你的網頁，使得頁面變的簡潔。

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

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

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

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

6、和諧與一致性

通過對網站的各種元素(顏色、字體、圖形、空白等)使用一定的規格，使得設計良好的網頁看起來應該是和諧的。或者說，網站的眾多單獨網頁應該看起來像一個整體。網站設計上要保持一致性，這又是很重要的一點。

一致的結構設計，可以讓瀏覽者對網站的形象有深刻的記憶;一致的導航設計，可以讓瀏覽者迅速而又有效的進入在網站中自己所需要的部分;一致的操作設計，可以讓瀏覽者快速學會在整個網站的各種功能操作。破壞這一原則，會誤導瀏覽者，并且讓整個網站顯的雜亂無章，給人留下不良的印象。

當然，網站設計的一致性并不意味著刻板和一成不變，有的網站在不同欄目使用不同的風格，或者隨著時間的推移不斷的改版網站，會給瀏覽者帶來新鮮的感覺。

7、個性化

(1)符合網絡文化

整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在網站上使用幽默的網絡語言，創造一種休閑的、輕松愉快、非正式的氛圍會使網站的訪問量大增。

(2)塑造網站個性

另外，網站的整體風格和整體氣氛表達要同企業形象相符合并應該很好的體現企業文化，進而形成風格。

網站頁面設計原則

 (1)注目性

注目性是指頁面形象要能引起瀏覽者視覺的注意。這種注意同視覺形象的結構、大小、方位、環境、色彩因素有關。加強注目性是網站頁面設計必須追求和注意的事項,在設計時往往要采用概括簡潔、生動鮮明的視覺語言,通過對圖形或色彩的創意變化,將用文字或聽覺語言都難以表達清楚的含義展現出來,這種表達方式利于吸引視線和注意力,可以產生事半功倍的效果。

(2)適應性

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

(3)記憶性

記憶性是指形象能長期地記憶于腦中,并能形成一定的條件反射。只有充分利用各種構成因素,通過均衡、調和、動靜對比、視覺誘導、結構比例等關系進行設計,才能使設計出的網頁具有新穎、醒目的藝術魅力,引起公眾的注意和長久的記憶。

(4)選擇性

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

用戶界面設計原則

1. 明確 應該放在設計的首要位置

對任何界面而言， 明確 是首要的也是最重要的一點。人們必須能夠辨別出它是什么，才能有效地使用你設計出來的界面。設計師們在設計的時候，要去關心人們為何會使用這個應用，去了解什么樣的界面是能幫助他們與之互動的，去預測人們在使用時的行為并能夠成功地反饋給他們。這樣做了之后，界面中再出現的需要推理的地方以及延時反應都是可以被容忍的，但是絕對不能出現讓用戶困惑的地方。明確的界面能夠給使用者進一步操作的信心。一個應用就算它有一百張頁面，但是每一頁都是清晰明確的，它也遠勝于只有一頁卻不知所云的應用。

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

界面的存在是為了讓人和我們的世界產生互動。它可以幫助人們厘清，明白，使用，展示相互之間的關系，他能夠把我們聚集在一起可以將我們隔開，實現我們的價值并為我們服務。界面設計不是藝術設計。界面設計也不是用來標榜設計師的個人。界面的功用和效果是可以被測量的。但是它們不是功利性的。優秀的界面不但能夠讓我們做事有效率，還能夠激發、喚起和加強我們與這個世界的聯系。

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

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

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

4.讓用戶掌控一切

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

5.直觀操作是最好的

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

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

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

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

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

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

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

網站首頁設計注意事項

建站過程中需要注意的事項很多，有人把后臺系統內容頁做完備了但卻對網站首頁不怎么上心。其實網站首頁很重要，首頁相當于人的 面子 ，憑眼緣就可以留住用戶，繼續在網站進行瀏覽，如果首頁做的一塌糊涂，想必用戶也沒耐心去繼續看下去了。那網站設計時首頁哪些要點千萬不能忽略?

第一，要展現出整體風格，爭取達到吸睛的效果

網站的整體風格一般通過首頁就可以實現，整個網站的色調是否協調、布局是否合適都可以從首頁來看出來。除了導航類網站那種較為固定的首頁模式，其他網站首頁在設計時候可以進行一定的創新，這樣才能吸引用戶的目光。但這個創新并不是為所欲為，是要符合用戶胃口的設計和制作。

第二，首頁布局應當合理

對于一個瀏覽者來說，網站內容結構合理實在太重要了。干巴巴一大堆文字讓人無所適從，大多數都是華而不實的圖片則讓瀏覽者對網站內容質量有所懷疑。有數據統計發現，多數用戶會比較關注網站頁面上方和左方的內容，我們可以利用這種習慣，把有用的內容放在這些位置，圖片等放點綴在其他地方，這樣才會有不錯的效果。此外優質的導航也是網站內容結構中不可少的一塊兒，導航幫助瀏覽者快速的找到他們想要的信息。還對搜索引擎的收錄，和網站權重的提高有幫助。選擇圖片導航還是下拉菜單活著特效導航，應該看具體網站類別來選用。

第三，網站首頁信息必需經常更新

網站首頁設計得好當然會吸引人們點擊，但這僅僅是一小段時間，并不會太長久，接下來吸引瀏覽者目光的就是內容標題和內容了。網站首頁信息必需必須經常更新，而且更新的內容要盡量在主頁中提示給瀏覽者，如果更新的內容都存在各級版塊或欄目中，瀏覽者就不會很方便的找到更新的東西，導致瀏覽者體驗下降。

第四，網站首頁內容至關重要

現在這個時代，不論是搜索引擎還是瀏覽者都非常關注網站的內容。網站首頁設計中最好在第一頁就對這個網站性質與內容做個簡要說明，對搜索引擎和瀏覽者都有好處。而在網站首頁適當的關鍵詞的架構能幫助提高搜索引擎對網站的搜索率以及訪客量。首頁采用主關鍵詞，內頁采用次關鍵詞，再加上有關聯的圖片、影像、聲音，你的首頁將更加完美。

以上是整理的網頁界面設計的原則全部內容。