UI design即用戶界面設(shè)計(jì)，用戶界面設(shè)計(jì)是指軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)。好的界面設(shè)計(jì)不僅讓網(wǎng)頁(yè)變得有個(gè)性有品位，還能讓整個(gè)網(wǎng)站的操作變得簡(jiǎn)單，舒適，充分體現(xiàn)整個(gè)網(wǎng)站的定位和特征。那么在設(shè)計(jì)網(wǎng)頁(yè)界面的時(shí)候，我們應(yīng)該要注意哪些原則呢？

1.信息清晰原則

清晰是用戶界面設(shè)計(jì)最重要的原則之一，要讓用戶能夠有效地使用你設(shè)計(jì)的界面以及清楚的知道這個(gè)界面是用來(lái)做什么的，能產(chǎn)生什么樣的交互，解決什么樣的問(wèn)題。清晰意味著能準(zhǔn)確表達(dá)出信息內(nèi)容。它有助于防止用戶出錯(cuò)，清楚地呈現(xiàn)出重要信息并提供好的用戶體驗(yàn)。

2.以用戶為中心原則

在用戶界面設(shè)計(jì)中，設(shè)計(jì)師要清楚誰(shuí)才是真正的使用者。要能夠站在用戶的立場(chǎng)和角度來(lái)考慮設(shè)計(jì)網(wǎng)頁(yè)。用戶是你最終產(chǎn)品的體驗(yàn)者，所以，在做設(shè)計(jì)時(shí)，要遵循以用戶為中心的原則。用戶不會(huì)花太多時(shí)間在同一個(gè)網(wǎng)頁(yè)，只要他找到自己所要的訊息，就會(huì)跳轉(zhuǎn)到另一個(gè)頁(yè)面繼續(xù)尋找下一個(gè)信息。網(wǎng)頁(yè)設(shè)計(jì)師要知道，用戶之間的差別很大，他們的操作習(xí)慣和能力也各有不同。你不能滿足所有人的期望，也別試圖去滿足所有人的期望，因?yàn)槟鞘遣豢赡艿氖?。你要做的只能是讓你的網(wǎng)站使用更加方便易操作，要做到這點(diǎn)，你必須了解用戶的需求，目標(biāo)和偏好以及操作習(xí)慣。

3.KISS（Keep It Simple And Stupid）原則

簡(jiǎn)單易操作，這也是網(wǎng)頁(yè)設(shè)計(jì)最基本也是最重要的原則。要讓用戶覺(jué)得自己是在控制軟件，而不是感覺(jué)被軟件控制。切記網(wǎng)頁(yè)的可操作性，用戶的習(xí)慣和能力各不相同，他們不是網(wǎng)頁(yè)設(shè)計(jì)師，并不懂你們?cè)O(shè)計(jì)這個(gè)網(wǎng)頁(yè)的原理和操作方式。并且絕大數(shù)的用戶，對(duì)于電腦的使用經(jīng)驗(yàn)是很初級(jí)的，只要稍微復(fù)雜一點(diǎn)的操作就會(huì)讓他們感覺(jué)很費(fèi)力，所以網(wǎng)頁(yè)設(shè)計(jì)師需要注意的是，減少操作。這里所說(shuō)的stupid，不是愚蠢，而是能減輕用戶的負(fù)擔(dān)，讓操作更加簡(jiǎn)單。

一致的結(jié)構(gòu)設(shè)計(jì)，可以讓用戶對(duì)網(wǎng)頁(yè)的形象有深刻的記憶；一致的導(dǎo)航設(shè)計(jì)，可以讓用戶迅速而又有效的進(jìn)入到網(wǎng)頁(yè)中找到自己所需要的信息；一致的操作設(shè)計(jì)，可以讓用戶快速學(xué)會(huì)整個(gè)網(wǎng)站的各種功能操作。破壞這一原則，會(huì)誤導(dǎo)用戶，并且讓網(wǎng)頁(yè)顯的雜亂無(wú)章，給人留下不好的印象。當(dāng)然，網(wǎng)頁(yè)設(shè)計(jì)的一致性并不意味著一成不變，有的網(wǎng)頁(yè)在不同欄目使用不同的風(fēng)格，或者隨著時(shí)間的推移不斷的改版網(wǎng)站，會(huì)給用戶帶來(lái)新鮮的感覺(jué)。

4 .一致性原則

保證頁(yè)面布局均勻：主要體現(xiàn)在欄目與欄目，色塊與色塊，圖片與文字之間的搭配協(xié)調(diào)問(wèn)題。

重要的信息要醒目：分清主次，重要的信息放置中心的位置。比如，導(dǎo)航，標(biāo)志，標(biāo)題等，并且能讓用戶一眼看得到，給用戶一個(gè)指引的提示。

5.網(wǎng)頁(yè)布局的合理性原則

合理的顏色搭配：顏色對(duì)人的視覺(jué)和大腦感官?zèng)_擊力是極大的，合理利用顏色，實(shí)現(xiàn)內(nèi)容與形式的協(xié)調(diào)。一個(gè)屏幕的色彩種類要少于7種，重要信息的對(duì)象選取醒目的顏色等。

圖文并茂：一個(gè)網(wǎng)頁(yè)有過(guò)多的圖像將會(huì)降低這個(gè)網(wǎng)頁(yè)的信息量，過(guò)多的文字則會(huì)顯得沉悶無(wú)生氣，理想的圖文并茂才能互相襯托，使得網(wǎng)頁(yè)變得生動(dòng)活躍又使得頁(yè)面有豐富的內(nèi)容。

有好的兼容性：網(wǎng)站能夠很好的兼容各種瀏覽器，能夠快速打開(kāi)網(wǎng)頁(yè)，提高用戶體驗(yàn)。