隨着資訊化的深入，網頁成爲人們瀏覽資訊、獲取資訊、放眼世界的主要視窗之一，下面是小編蒐集整理的一篇網頁介面視覺設計探討的論文範文，希望對你的論文寫作有幫助。
在傳統網頁的介面設計中，人們認爲網頁介面設計就是美工，而美工就是單純對網頁進行裝飾。隨着網絡技術的發展與普及，網頁介面設計的技術在不斷的進步，設計的理念也在不斷的更新，網頁介面設計不再是單純的視覺設計，而是將視覺設計與人的行爲習慣、生活方式、心理體驗等結合在一起的設計，基於用戶體驗的網頁UI設計是當前研究的熱點。
一、網頁UI設計及用戶體驗
UI即User Interface(用戶介面)的簡稱，指對軟件的人機交互、操作邏輯、介面美觀的整體設計。網頁UI設計用戶體驗(UserExperience，簡稱UE)則是一種純主觀在用戶使用產品過程中建立起來的感受。由於生活習慣、文化背景、行爲方式及心理體驗等不同，用戶體驗產品時會有不同的感受，一個好的UI設計要能充分滿足大衆的需求，使用戶在體驗過程中都能心情愉悅、操作流暢、交互高效。
就網頁UI設計而言，用戶瀏覽網頁的需求是什麼?抽象出來可以歸納爲兩點：一瀏覽資訊，二操作數據。這裏的數據是指在數據庫中躺着的數據，用戶在單純瀏覽資訊時，不會對頁面背後的“數據”造成任何操作，但用戶進行點擊連結、跳轉頁面和處理資訊時，就要和頁面背後的數據進行交互。所以，在做網頁UI設計時候主要滿足於用戶的這兩方面的需求，第一是用戶在瀏覽資訊時候，要有一個賞心悅目的介面，即網頁介面的視覺設計要美觀。第二是用戶在操作數據時候要高效，即網頁介面的交互設計靈活。
二、網頁介面視覺設計
愛美之心人皆有之，漂亮的網頁介面能吸引瀏覽者的眼球、提高網頁的瀏覽量。傳統網頁美工設計，更注重網頁的佈局以及網頁的顏色搭配，換言之，就是重在設計網頁平面效果圖和以及對網頁進行裝飾。隨着人們生活節奏的加快，快餐文化日漸豐富，僅靠傳統網頁美工已不能適應當今網頁發展的需要。那麼，如何讓你的網站跟上時代的步伐，滿足當今用戶的需求呢?
從用戶體驗出發：什麼東西能讓我們從電腦屏幕上看到接近於現實世界的東西?是視覺吸引，視覺吸引是非常有效的提示工具，通常在用戶第一次開啟某個應用，或進入某個新的介面時出現。簡單的視覺吸引能扭轉乾坤，把令人沮喪萬分的第一次使用經歷變成滿意的產品使用體驗。
常見的網頁視覺吸引的模式：
1.對話框
這是最常見的視覺吸引模式，它是網頁中一種次要視窗，包含按鈕和各種選項，透過它可以完成特定命令或任務。
2.提示
提示指給予相應的提醒、明示和解釋，它可以出現在網頁中的任何位置，比對話框更能融入到網頁的應用情景。
3.使用導航
導航是網頁佈局中最重要的元素之一，是網頁主要內容的提煉，是網站的框架更是網站資訊的分類，直觀漂亮的導航能吸引用戶的操作。
4.視頻演示
將視頻嵌入到網頁當中，透過視頻形象直觀的畫面來吸引瀏覽者。在進行視頻嵌入設計時，爲了便於用戶的操作，一般要提供常見的視頻控制選項(停止、暫停、音量控制等)。
5.首次使用引導
用戶首次使用網頁或是網頁介面中的某些操作時候，提供適當的引導，幫助用戶進入操作介面，比如說利用圖像或是其他視覺線索來引導用戶使用。
6.持續視覺吸引
持續視覺吸引設計，主要是將一些網頁元素進行有別於其他網頁元素的設計(比如說，透過字型的大小、顏色區別開來)，並將這些元素一直保持在網頁中，透過持續的視覺刺激來吸引用戶。
7.可發現的視覺吸引
可發現的視覺吸引是一種在保持頁面簡潔的前提下，用戶透過執行特定交互操作的.方法(如點擊和滑動等)，就能看到頁面中某些隱藏的元素。如比較常見的視覺吸引模式是鼓勵用戶重新載入數據的提示。
三、網頁介面交互設計
“交互”是人與機器之間的相互作用。良好的交互能保持或是激發用戶使用網站的興趣，傳統的網頁交互設計重在技術上關注人機之間的交互，忽視了人機之間“情感”交互。發揮設計中人的情感體驗作用，使設計更具有人性化的自由，滿足審美的追求，這不僅需要交互技術，更需要交互藝術。所以，從用戶體驗出發，來進行網頁介面的交互設計。
1.交互技術
人機之間資訊交互的有效性主要取決於交互技術。好的交互主要包括兩方面：
(1)時效性
如今生活節奏的加快，人們更注重時效性，在人機交互過程中，如果交互不及時，瀏覽者就會厭煩甚至放棄瀏覽該資訊，有網絡調查研究表明，用戶開啟網頁等待的時間最長爲五秒，如果五秒之後沒有任何的反饋資訊，用戶一般會放棄該網頁的操作。所以，在進行網頁介面設計時，要考慮到受衆的心理，在提高交互速度的同時，也要爲用戶在等待交互過程中提供相關的資訊，減少用戶的疑惑以及焦慮。比如在用戶等待操作時的，提供操作成功與否的資訊或是提供操作成功的數據量和剩餘所需等待的時間等。
(2)直觀性
簡單直觀的交互能幫助用戶快速完成任務，繁瑣的交互會增加用戶操作和思考的時間，也會引起用戶心理上的厭倦。在進行交互設計時，反饋回來的資訊要直接明瞭，因爲在操作過程中用戶都喜歡被告訴怎麼做，而不喜歡去思考如何做。同時，交互設計要減少干擾，讓用戶的操作能更順暢。
2.交互藝術
交互發生取決於交互技術，交互持續取決於交互藝術。交互藝術，是指運用一定的創意，使用戶在體驗交互的過程中，能沉浸其中，並保持愉悅的心情。在交互設計中，運用藝術表現形式，改變傳統媒體的線性秩序敘事方式，強調觀衆的積極性和能動性，引導用戶更好地進行交互操作，達到人機交互的自然、和諧。
四、結語
“以人爲本”的創新設計是UI設計的核心，好的設計既是美的設計也是爲人的設計，這也是未來UI設計的趨勢。所以，在網頁UI設計中，我們要摒棄以往介面設計就是美工的觀念，網頁UI設計不是給網頁進行簡單的裝飾和美化，而是要賦予其獨立的思想和創意，結合用戶的心理體驗、行爲習慣、生活方式等因素，以人爲本，基於用戶體驗進行網頁UI設計。
參考文獻
[1]Tberesa Neil着.王軍鋒,郭偎,武豔芳譯.移動應用UI設計模式[M].人民郵電出版社,2013,11.
[2]王曉丹.以人爲本創新感受—淺談網頁設計中UI設計的用戶體驗[J].中國藝術,2012(1).