基于用戶感觀體驗的網頁界面設計視覺要素探究

周安琪

摘 要 通過網頁界面設計中視覺要素分析，結合用戶感觀體驗進行應用分析研究，旨在為今后網頁界面設計的設計師在實際開發項目中提供理論支撐，為基于用戶感觀體驗的網頁界面設計研究進一步提供理論依據和實踐的探索。

關鍵詞 網頁界面設計；感觀體驗；視覺要素

中圖分類號 G2 文獻標識碼 A 文章編號 2096-0360（2017）20-0010-02

1 網頁界面設計概述

1.1 網頁界面設計概念

網頁界面設計是根據使用者需求，向瀏覽者傳遞所要表達的內容（包括產品、服務、理念、文化），從而進行網站功能板塊劃分，然后進行的頁面設計美化工作。

1.2 網頁界面設計原則

網頁界面的設計，既要從創意設計吸引人眼球，也要根據版式策劃設計規劃、使用者需求，使得網頁界面設計技術與藝術相統一。所以網頁界面設計應遵循以下幾個基本原則。

1）用戶導向原則。網頁界面設計首先要明確使用者是誰，瀏覽網頁的客戶是哪些人，并且應處于使用者的觀點來設計網頁。如樂齡網，使用者是老年人，所以要站在老年人的立場，針對老年人特征、心理需求等特點來進行網頁設計；小精靈網，則是針對兒童所設計的網站，所以設計者應站在兒童的角度進行網頁設計，從而以滿足用戶的需要。

2）KISS（Keep It Simple And Stupid）原則。KIS是“Keep It Sample And Stupid”的縮寫，是使網頁設計變得簡潔化并使操作者更加簡易的使用，這也是網頁界面設計的重要原則。如設計者經常瀏覽的站酷網站，操作功能版面簡單，使用戶可以容易找到所需內容，操作的提示有明確指向，用戶可根據其指向滿足需求。

3）視覺平衡。視覺平衡原則是根據用戶視覺習慣，很好的將圖形、文字、空白等元素排列到一起，使得使用者達到視覺上的統一。如網頁設計中，大量圖片配以相關文字，才可使人視覺平衡，而且根據使用者閱讀傾向，瀏覽內容一般從左到右，自上而下，這也是考慮到視覺平衡所要遵循的原則。

而且適當留白給了字體和設計作品足夠的空間，保持層次感；并且留白區域可以很好的指引用戶，使用戶盡快尋找到所需要的信息，提高用戶

體驗。

4）色彩的搭配和文字的可閱讀性。在網頁界面設計中色彩是其重要因素，不同的顏色對人有不同的影響，并考慮到對使用者的影響，就應選擇適當的顏色，其中背景、元素、鏈接應用什么顏色，都是要考慮的對象，如果一個網頁界面的背景和文字之間的對比不強烈，就像陰郁的天氣會讓人感到壓抑，令人眼花繚亂的純色會給人一種刺激，讓人有強烈的抗議。即使是漂亮的顏色也不能和整體設計分開，由一個主要的顏色貫穿它，主要的顏色并不是最大的顏色，但卻是網頁界面設計中最能揭示和反映主題的顏色。猶如一個軍隊的首長，雖然是少數，但他卻起著主導作用。設計的不同的顏色在相互搭配上也有著很大的學問。如京東網頁設計，在年末時，采用了大紅色主題顏色，不僅突出了過年的喜慶，更引人注目使人感到熱情。

為方便閱讀網站上的信息，使得文字可讀性的提高因素是所選擇的字體，通用的字體（微軟雅黑，華文細黑，房正標宋，Times New Roman，中文宋體）更適合人閱讀習慣，使得人們在瀏覽時更加舒適。但是如果使用不常用字體（如Cloister，Gothic，Script，Westminster，華文彩云，華文行楷），人們在瀏覽時會花費時間進行辨別，在閱讀花費時間較長，更容易感到疲勞，所以在文字字體選擇上更加注意其文字的可閱讀性。

5）和諧與一致性。網頁設計美觀性要求和諧統一，通過對網頁設計的顏色、字體、圖形、空白等元素運用統一風格化，使得網頁看起來是一體的。但網頁設計一致性并不是默守成規、一成不變，而是通過每個專題所采用的不同設計風格，使得保持統一和諧一致感覺后，給用戶新鮮感，例如網頁設計的每個板塊有各自要表達的主題，都采用暖色調，看似和諧統一，但在和諧中還包含新意，使用戶在和諧統一中感受不同。

1.3 網頁界面視覺要素

在界面視覺元素的設計中，使用者在視覺上的感受是至關重要的。網頁界面中能夠影響用戶視覺效果的元素有圖形、文字、色彩等。

1）圖形。圖形具有認知性，比如，人們普遍用放大境符號當作捜索或者放大的圖標，就是因為放大鏡具有很高的認知性，人們看到放大鏡，腦海里就會想到放大或搜索事物；而且圖形具有普遍性，如公共洗手間中的性別標識，無論男女老少，都能認出；圖形還具有獨特性，為了人們都能理解圖形設計，圖形設計會符合多數人共同特征，但在形式方面，卻有所不同，所以需要在共同特征下，尋求其圖形的獨特性。

2）文字。文字從古至今是傳遞信息最好的符號，網頁界面中文字傳遞給人們的信息也是最多的，在當今社會，文字不只是單純的信息傳達，更是一種藝術表現形式以滿足人們的視覺享受。

文字信息要簡明扼要，要抓住內容的特點，概括網頁界面的主要內容，使瀏覽者看到后就知道自己搜尋的信息之所在。

3）色彩。色彩是藝術表現形式之一，它憑借自身不可抗拒的魅力可以使原本平淡無奇的東西瞬間賦予生命；在界面設計中，設計師通過配色方案使得用戶能夠很快找到所需信息，并進行分類歸納，使得使用者更加方便快捷的使用。色彩如果搭配合理可以使用戶更加舒適高效的運用，反之，會引起使用者的誤操作。

2 用戶體驗中的網頁界面視覺要素研究

2.1 網頁界面設計中的用戶感觀體驗概述

感觀體驗指用戶對某產品產生的直接感受，如視覺方面、聽覺方面的感受。感觀體驗的研究貫穿了整個網頁界面設計過程，包括網頁頁面中的圖形、文字及色彩搭配等，這些可帶給人們直接的感觀刺激。主要是為了滿足使用者精神需求，通過用戶特性分析，設計出合理的視覺元素，然后不斷深化，使得用戶能舒適的沉浸在交互愉悅之中。endprint

2.2 網頁界面設計中感觀體驗的視覺要素應用

分析

1）網頁界面設計中的圖形設計。圖形設計既要反映對應的信息，還要符合整個網站的風格特點，所以要圖文并茂的展示網頁內容，使用戶即使還未閱讀文字，通過圖形設計便可了解其主題。如淘寶服裝界面，沒有圖片無法辨別其網頁界面的內容，但因通過設計的上衣、褲子、外套、裙子等相關圖形，使得使用者觀看圖形，便可第一時間判斷出這是一個與衣服有關的網頁界面。

2）網頁界面設計中的文字設計。文字是網頁中的主要內容，并不像圖像能讓人直觀地提取畫面信息。要提高信息傳遞的效率，就必然要確保文字的結構合理、格式整齊、頁面整潔，界面需去繁從簡，使人能以最短的時間獲取最有效的信息。在進行字體大小設置時，應考慮到不同年齡人的視力情況，現在大多數年輕人存在近視，高齡人存在老花等問題，所以字體大小的設置要滿足大多數人的需求，才能有效地獲取信息。此外，文字設計也要與其內容相協調，如公安部門的網絡就應嚴肅整齊，字體簡潔，給人一種精干莊重的感覺；娛樂休閑的網站就應輕松活潑，給人一種舒暢自由的感覺；公司類的網站則需要結合公司的特點進行定制，但也要給人一種積極向上的感覺；個人網站則可依據自身的喜好來進行設計，突出自身的特點，使人通過閱覽該主頁即可大致了解你的喜好。無論怎樣的網站，字體的種類要精簡，風格統一。

3）網頁界面設計中的色彩設計。每個人都是一個獨立個體，對待色彩喜好也有所不同。在進行網頁界面設計時，要細致分析用戶人群特征，如使用者是兒童，就不能選擇單調深沉的色彩，而需要搭配一些鮮艷明快的顏色。網頁界面設計需要滿足用戶需求，這樣才能引人眼球，提高網頁宣傳效果。顏色搭配還應符合主題，如政府機關的網站就比較端莊莊重，一般采用藍色和紅色，反映出政府機構的莊嚴肅穆；購物網站要給人親切形象，一般采用暖色調，這種類型的顏色能夠給人一種溫暖的感覺，可以使消費者能更好的進行選購。因為人群特征不同，所以在進行網頁界面色彩搭配時，需要運用合理的顏色進行設計，達到完美的視覺效果。

3 結束語

隨著當今社會快速發展，人們越來越重視以人為本，以用戶為中心的設計，基于感觀體驗的網頁界面設計也得到很大的關注。本文分析網頁界面設計的視覺要素，通過案例驗證了感觀體驗下的網頁界面設計視覺要素應用，即在今后網頁界面設計中，可給設計者提供理論支撐，提升用戶滿意度，使得使用者可得到最佳交互體驗。

參考文獻

[1]李洪海.交互界面設計[M].北京：化學工業出版巧，2011：37-58.

[2]徐海化.UI群英匯—用戶體驗.交互.視覺設計方法論[M].北京：清華大學出版社，2012：32-49.

[3]張曉莉.體驗設計的應用研究仁[D].無錫：江南大學，2008.

[4]陳燁.面向用戶體驗的網頁界面優化設計方法研究[D].重慶：重慶大學，2010.endprint