網頁界面設計的五大原則

網頁界面設計不同於一般的平面設計,擁有自身的設計特徵。網頁界面設計應時刻圍繞「信息傳達」這一主題來進行。目前網頁界面傳達的信息主要是視覺信息。因此從設計類型上來看,網頁界面設計屬於視覺傳達的領域,故而網頁界面設計的主要視覺元素和設計指導原則都要遵循視覺傳達的一般規律。網頁界面設計師在視覺傳達的工作,就是通過有效吸引視線的藝術形式使信息得以清晰、準確、有力地傳達。——百科

UI design即用戶界面設計,用戶界面設計是指軟體的人機交互,操作邏輯,界面美觀的整體設計。好的界面設計不僅讓網頁變得有個性有品位,還能讓整個網站的操作變得簡單,舒適,充分體現整個網站的定位和特徵。那麼在設計網頁界面的時候,我們應該要注意哪些原則呢?

原則1: 清晰

清晰是用戶界面設計最重要的原則之一,要讓用戶能夠有效地使用你設計的界面以及清楚的知道這個界面是用來做什麼的,能產生什麼樣的交互,解決什麼樣的問題。清晰意味著能準確表達出信息內容。它有助於防止用戶出錯,清楚地呈現出重要信息並提供完美的用戶體驗。

原則2: 以用戶為中心

在用戶界面設計中,設計師要清楚誰才是真正的使用者。要能夠站在用戶的立場和角度來考慮設計網頁。用戶是你最終產品的體驗者,所以,在做設計時,要遵循以用戶為中心的原則。用戶不會花太多時間在同一個網頁,只要他找到自己所要的訊息,就會跳轉到另一個頁面繼續尋找下一個信息。網頁設計師要知道,用戶之間的差別很大,他們的操作習慣和能力也各有不同。你不能滿足所有人的期望,也別試圖去滿足所有人的期望,因為那是不可能的事。你要做的只能是讓你的網站使用更加方便易操作,要做到這點,你必須了解用戶的需求,目標和偏好以及操作習慣。

原則3:KISS(Keep It Simple And Stupid)

簡單易操作,這也是網頁設計最基本也是最重要的原則。要讓用戶覺得自己是在控制軟體,而不是感覺被軟體控制。切記網頁的可操作性,用戶的習慣和能力各不相同,他們不是網頁設計師,並不懂你們設計這個網頁的原理和操作方式。並且絕大數的用戶,對於電腦的使用經驗是很初級的,只要稍微複雜一點的操作就會讓他們感覺很費力,所以網頁設計師需要注意的是,減少操作。這裡所說的stupid,不是愚蠢,而是能減輕用戶的負擔,讓操作更加簡單。

原則4: 一致性

一致的結構設計,可以讓用戶對網頁的形象有深刻的記憶;一致的導航設計,可以讓用戶迅速而又有效的進入到網頁中找到自己所需要的信息;一致的操作設計,可以讓用戶快速學會整個網站的各種功能操作。破壞這一原則,會誤導用戶,並且讓網頁顯的雜亂無章,給人留下不好的印象。當然,網頁設計的一致性並不意味著一成不變,有的網頁在不同欄目使用不同的風格,或者隨著時間的推移不斷的改版網站,會給用戶帶來新鮮的感覺。

原則5: 網頁布局的合理性

保證頁面布局均勻:主要體現在欄目與欄目,色塊與色塊,圖片與文字之間的搭配協調問題。

重要的信息要醒目:分清主次,重要的信息放置中心的位置。比如,導航,標誌,標題等,並且能讓用戶一眼看得到,給用戶一個指引的提示。

合理的顏色搭配:顏色對人的視覺和大腦感官衝擊力是極大的,合理利用顏色,實現內容與形式的協調。一個屏幕的色彩種類要少於7種,重要信息的對象選取醒目的顏色等。

圖文並茂:一個網頁有過多的圖像將會降低這個網頁的信息量,過多的文字則會顯得沉悶無生氣,理想的圖文並茂才能互相襯托,使得網頁變得生動活躍又使得頁面有豐富的內容。

有好的兼容性:網站能夠很好的兼容各種瀏覽器,能夠快速打開網頁,提高用戶體驗。

以下幾個網站是個人很喜歡的網站,不論在設計上還是內容上都是非常值得借鑒的


推薦閱讀:

UI設計中柵格是什麼?
(4)用Sketch繪製鑽石圖標
優秀交互設計師需要必備哪些條件?
GUI 常用元素中英對照表 / 4. Menu 附彩蛋
雷軍提到手機的通訊錄設計完全是個失敗的產品,那如何設計才能更加適合用戶的口味而且使用率高呢?

TAG:用戶界面設計 | 網頁設計 | 用戶體驗設計 |