王曉俊
摘 要:隨著數(shù)字技術(shù)的發(fā)展,人們對網(wǎng)頁的視覺審美也在不斷發(fā)生變化,已不僅僅滿足對信息的獲取,更注重對網(wǎng)頁的體驗感追求。本文從用戶體驗的視角出發(fā),闡述用戶體驗式網(wǎng)頁編排設(shè)計的視覺特征,分析基于用戶體驗式網(wǎng)頁編排設(shè)計的具體表現(xiàn)。希望通過對網(wǎng)頁編排的視覺化設(shè)計,提升用戶對網(wǎng)頁的體驗感。
關(guān)鍵詞:用戶體驗;網(wǎng)頁編排;視覺設(shè)計
當今,人們的生活無處不充斥著數(shù)字信息的元素,瀏覽網(wǎng)頁成為生活中必不可少的行為習慣之一。從某種意義上來說網(wǎng)頁編排設(shè)計已不僅僅是視覺分享與傳達信息,更是將人們的生活方式、行為習慣、心理變化融為一體的視覺設(shè)計。
一、用戶體驗式網(wǎng)頁編排設(shè)計
用戶體驗是一種主觀存在的概念,是通過人們使用產(chǎn)品過程中產(chǎn)生的真實感受。它通過人與產(chǎn)品的互動對產(chǎn)品產(chǎn)生不同的感受,從而獲得的不一樣的體驗感。如用戶在瀏覽某購物類的網(wǎng)頁時,絕大部分用戶會自主選擇查找需要購買的產(chǎn)品,但由于某些網(wǎng)頁編排設(shè)計的不合理性使得用戶在購買的過程中遇到問題時,用戶很少會選擇自己去解決,總會第一時間向網(wǎng)頁客服求助,往往產(chǎn)生很不愉快的體驗感。在網(wǎng)頁編排設(shè)計時信息之間的層次要鮮明,既要注重整體的版式設(shè)計,營造個性化的視覺效果,也要給用戶帶來更舒適的服務(wù)體驗。
二、用戶體驗式網(wǎng)頁編排設(shè)計的特征
網(wǎng)頁版式設(shè)計不再是單純的視覺享受,它是將視覺享受與人們的生活習慣、生活方式、心理體驗等進行充分融合的藝術(shù)設(shè)計。[1]在網(wǎng)頁編排設(shè)計中還需要注意以下幾個方面的特征:
(一)注意版面設(shè)計的留白
版面留白,即在網(wǎng)頁界面空間中留出一定比例的空白。在網(wǎng)頁編排設(shè)計中適度的留白能在心理上讓用戶產(chǎn)生無限的聯(lián)想,使網(wǎng)頁界面上的圖形和文字之間產(chǎn)生呼應(yīng),給用戶帶來舒適的視覺體驗。增加網(wǎng)頁編排中的留白,能讓網(wǎng)頁界面更具有呼吸感,充滿韻律和節(jié)奏,能使用戶快速搜索信息,有效瀏覽網(wǎng)頁內(nèi)容。同時,也增強了網(wǎng)頁中有效信息的可讀性與易識別性,最終達到文字、圖形、編排之間的協(xié)調(diào)統(tǒng)一。
(二)注意交互設(shè)計的效果
交互式作為用戶體驗的一個方面,動態(tài)的效果在網(wǎng)頁編排設(shè)計中不只是頁面上簡單出現(xiàn)的FLASH動畫、躍動的文字、動態(tài)的圖片等,更主要的是與用戶之間的交互性,試圖將用戶的需求通過形變、移位等方法生動有趣的過渡,利用鼠標的點擊、滾動效果增添在交互式過程中給用戶帶來的生動趣味。
三、用戶體驗式網(wǎng)頁編排設(shè)計中的視覺表現(xiàn)
合理安排文字和相關(guān)視覺元素,能使瀏覽者感受平衡和穩(wěn)定的感覺;同時,運用多種文字造型按照獨特的排布規(guī)律,使界面產(chǎn)生活躍的動感,具備節(jié)奏和韻律,也有利于網(wǎng)頁內(nèi)容的協(xié)調(diào)統(tǒng)一[2]。
(一)兩側(cè)均衡式結(jié)構(gòu)
網(wǎng)頁編排中視覺設(shè)計的兩側(cè)均衡式結(jié)構(gòu)一般會將網(wǎng)頁頁面分為左、右兩部分,常見的有左大右小結(jié)構(gòu)、左右對稱結(jié)構(gòu)。心理學家研究表明,人在瀏覽文字的過程中視覺流程是從左至右,從上至下的習慣。這一結(jié)構(gòu)的設(shè)計能讓用戶在瀏覽網(wǎng)頁的過程中快速有效地獲取所需要的信息。設(shè)計師在設(shè)計網(wǎng)頁編排結(jié)構(gòu)時盡可能的將左半部的文字信息與右半部的內(nèi)容信息通過連接技術(shù),第一時間在導(dǎo)航與內(nèi)容信息之間進行轉(zhuǎn)換顯示。這樣的網(wǎng)頁編排設(shè)計靈活、簡潔,但由于數(shù)據(jù)含量較少的緣故,只適用在設(shè)計小型網(wǎng)頁編排中使用。
(二)上包圍式結(jié)構(gòu)
上包圍式結(jié)構(gòu)主要將上半部設(shè)計為導(dǎo)航菜單,綜合的信息數(shù)據(jù)內(nèi)容和二級導(dǎo)航菜單會分布在網(wǎng)頁頁面左右兩側(cè),如:各類鏈接、搜索欄、賬號登錄窗口、用戶注冊端口等。目前,上包圍式結(jié)構(gòu)的網(wǎng)頁編排設(shè)計在網(wǎng)頁界面的使用上最為常見,適用性較強。其均衡直觀的特點能讓用戶最快捷的獲取所需信息,獲取的數(shù)據(jù)信息條理性較強。同時,這種結(jié)構(gòu)編排設(shè)計過于程序化,樣式單一。因此,設(shè)計師在使用這種結(jié)構(gòu)設(shè)計網(wǎng)頁編排時應(yīng)強調(diào)色彩之間的搭配運用,合理利用色彩的視覺效果提升網(wǎng)頁界面的藝術(shù)性。
(三)全封閉式結(jié)構(gòu)
全封閉式結(jié)構(gòu)在上包圍結(jié)構(gòu)的基礎(chǔ)上做改進,上包圍式結(jié)構(gòu)是基本,網(wǎng)頁的下半部添加了對應(yīng)的橫向操作菜單??梢栽谟邢薜木W(wǎng)頁頁面范圍內(nèi)充分利用頁面空間。提升頁面有效數(shù)據(jù)信息的容量,降低不必要的文本數(shù)據(jù),提高用戶在預(yù)覽網(wǎng)頁界面時對有效數(shù)據(jù)信息獲取的效率。由于對信息的封閉性太強,這也是此結(jié)構(gòu)網(wǎng)頁編排設(shè)計的不足之處。往往容易導(dǎo)致用戶瀏覽網(wǎng)頁信息內(nèi)容刷新較慢,造成擁堵的重要原因。
(四)左圍合式結(jié)構(gòu)
左部圍合結(jié)構(gòu)是在上包圍式結(jié)構(gòu)的基礎(chǔ)上,設(shè)計師對上包圍式結(jié)構(gòu)做相應(yīng)的修改而形成的一種新的結(jié)構(gòu)形式。在上包圍式結(jié)構(gòu)中將網(wǎng)頁頁面順時針旋轉(zhuǎn)270度后得到的一種包圍結(jié)構(gòu),也是將全封閉式結(jié)構(gòu)網(wǎng)頁編排右側(cè)信息欄刪減所形成的一種編排結(jié)構(gòu)。此種結(jié)構(gòu)彌補了全封閉式結(jié)構(gòu)過于封閉性的缺點。
(五)樣式各異的結(jié)構(gòu)
網(wǎng)頁編排樣式各異的結(jié)構(gòu)主要是對網(wǎng)頁主體標識、網(wǎng)頁展示的圖片、藝術(shù)性的字體、超鏈接等要素進行的編排設(shè)計。在頁面導(dǎo)航菜單上則不做重點設(shè)計,只結(jié)合數(shù)據(jù)信息的需要在網(wǎng)頁頁面上做裝飾、點綴、優(yōu)化的效果,以此來協(xié)調(diào)均衡頁面的空間布局。這一網(wǎng)頁編排結(jié)構(gòu)通常備受時尚界網(wǎng)站的青睞,能給用戶在瀏覽網(wǎng)頁時感到輕松、自由、現(xiàn)代的視覺體驗,從而降低用戶因長時間瀏覽網(wǎng)頁帶來的審美疲倦。
四、結(jié)語
在網(wǎng)頁編排中,視覺設(shè)計的色彩、編排、交互等安排的是否合理是構(gòu)成用戶體驗良好反饋的前提。從用戶的視角出發(fā),熟知用戶操作的行為習慣,追求人性化的設(shè)計理念,從而更進一步優(yōu)化網(wǎng)頁編排的視覺設(shè)計效果,可以讓用戶在長時間瀏覽網(wǎng)站的同時,能夠更加高效、便捷、精準地獲取所需數(shù)據(jù)信息,增加用戶對網(wǎng)頁的體驗感。
參考文獻:
[1]胡萍,許睿.淺析用戶體驗式網(wǎng)頁布局及應(yīng)用.福建電腦,2018(8).
[2]謝春松.基于網(wǎng)頁界面設(shè)計中視覺元素分析與研究[J].福建師范大學,2014.
基金項目:安徽新華學院科研項目《基于用戶體驗的網(wǎng)頁交互性創(chuàng)新研究》,編號:2017rw008;安徽省人文社科重點研究項目《基于感官體驗的兒童視覺導(dǎo)視系統(tǒng)設(shè)計研究》編號:SK2018A0645