探析計(jì)算機(jī)網(wǎng)頁界面設(shè)計(jì)中的人性化

周鳳凌

摘 要 計(jì)算機(jī)和互聯(lián)網(wǎng)已經(jīng)成為當(dāng)前時(shí)代下人們?nèi)粘Ｉ钪械闹匾M成部分，而便攜智能設(shè)備的爆炸式發(fā)展使得當(dāng)前幾乎每個(gè)人都會(huì)通過網(wǎng)頁獲取資訊。在當(dāng)前時(shí)代，互聯(lián)網(wǎng)網(wǎng)頁已經(jīng)成為鏈接虛擬與現(xiàn)實(shí)的一種重要載體。而伴隨著技術(shù)的成熟和網(wǎng)頁的普及率提升，人們對(duì)于網(wǎng)頁已經(jīng)不滿足于二十一時(shí)期初干巴巴的純文字模式，網(wǎng)頁界面設(shè)計(jì)的人性化要求也越來越高。本文基于此，對(duì)網(wǎng)頁設(shè)計(jì)的相關(guān)基礎(chǔ)理論進(jìn)行簡要的論述，對(duì)網(wǎng)頁設(shè)計(jì)人性化要求的必要性進(jìn)行闡述，并羅列當(dāng)前網(wǎng)頁界面設(shè)計(jì)中的人性化表現(xiàn)。

關(guān)鍵詞 計(jì)算機(jī) 網(wǎng)頁設(shè)計(jì) 界面設(shè)計(jì) 人性化

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A

互聯(lián)網(wǎng)對(duì)于當(dāng)前的時(shí)代以及時(shí)代環(huán)境下的人們的影響力毋庸贅述，從上個(gè)世紀(jì)末期開始普及以來，了解、使用、精通互聯(lián)網(wǎng)的人們?cè)絹碓蕉?，使用的群體也從青少年群體發(fā)展為全年齡段。而盡管隨著智能手機(jī)的技術(shù)發(fā)展，計(jì)算機(jī)的非工作使用率有所下降，但是互聯(lián)網(wǎng)網(wǎng)頁的使用率卻因?yàn)槭謾C(jī)、平板等全新平臺(tái)能夠?yàn)g覽而利用率大幅提升。所以，人們對(duì)網(wǎng)頁界面的要求越來越高，網(wǎng)頁界面設(shè)計(jì)的人性化問題也成為當(dāng)前網(wǎng)頁界面設(shè)計(jì)者面臨的一個(gè)非常重要的問題。

1網(wǎng)頁界面設(shè)計(jì)概述

1.1網(wǎng)頁界面設(shè)計(jì)的概念

界面設(shè)計(jì)，一般來說指的是視覺界面設(shè)計(jì)，指的是對(duì)計(jì)算機(jī)運(yùn)行過程中呈現(xiàn)給人們的窗口中所展現(xiàn)的內(nèi)容進(jìn)行設(shè)計(jì)的過程。網(wǎng)頁界面設(shè)計(jì)，顧名思義指的就是對(duì)呈獻(xiàn)在人們面前的網(wǎng)頁界面進(jìn)行設(shè)計(jì)的過程，其主要包含的內(nèi)容以文字、圖形和色彩為主，兼具布局、交互元素和多媒體等多方面的要素內(nèi)容。

網(wǎng)頁界面設(shè)計(jì)嚴(yán)格意義上來說是伴隨著互聯(lián)網(wǎng)的誕生而誕生和發(fā)展的，因?yàn)橛芯W(wǎng)頁界面，就會(huì)存在設(shè)計(jì)。但是真正的設(shè)計(jì)被人們重視是在二十一世紀(jì)以后，在這個(gè)時(shí)期，全球范圍內(nèi)互聯(lián)網(wǎng)技術(shù)得到了質(zhì)的提升，全面廣泛的民用化成為了現(xiàn)實(shí)，“設(shè)計(jì)”才成為人們的需求，才引起了重視。

網(wǎng)頁界面設(shè)計(jì)大致上分為三類，分別是功能性設(shè)計(jì)、情感性設(shè)計(jì)和環(huán)境性設(shè)計(jì)。功能性設(shè)計(jì)是對(duì)網(wǎng)頁基本功能進(jìn)行的設(shè)計(jì)，它是網(wǎng)頁界面設(shè)計(jì)的核心，脫離了功能性設(shè)計(jì)，網(wǎng)頁就失去了其存在的意義；情感性設(shè)計(jì)是在確?；竟δ艿那疤嵯逻M(jìn)行的設(shè)計(jì)過程，它的目標(biāo)是取得與人們的情感共鳴；環(huán)境性設(shè)計(jì)則將網(wǎng)頁界面也視為一個(gè)特殊的整體元素，強(qiáng)調(diào)外部環(huán)境對(duì)人的信息傳遞。

1.2網(wǎng)頁界面設(shè)計(jì)的新特點(diǎn)

界面設(shè)計(jì)是已經(jīng)誕生并發(fā)展很久的學(xué)科和藝術(shù)形式，網(wǎng)頁界面設(shè)計(jì)盡管冠以界面設(shè)計(jì)的名號(hào)，但是實(shí)際上與傳統(tǒng)的界面設(shè)計(jì)還是存在很多不同之處的，其中，以下幾個(gè)特點(diǎn)是二者差異性較大的幾個(gè)方面：（1）數(shù)字化。毋庸置疑，網(wǎng)頁界面設(shè)計(jì)已經(jīng)超出了平面設(shè)計(jì)的一般范疇，它有著特定的承載主體：網(wǎng)頁。所以網(wǎng)頁界面設(shè)計(jì)區(qū)別于傳統(tǒng)界面設(shè)計(jì)的首要特點(diǎn)就是數(shù)字化；（2）動(dòng)態(tài)性。即便發(fā)展到現(xiàn)在，一般的平面設(shè)計(jì)也還是靜態(tài)的，而網(wǎng)頁界面設(shè)計(jì)是一種動(dòng)態(tài)的；（3）信息性。傳統(tǒng)網(wǎng)頁界面設(shè)計(jì)即便也有傳達(dá)信息的作用，但是并不以信息性為主要特點(diǎn)，例如很多平面設(shè)計(jì)中有抽象的純色彩展示。而網(wǎng)頁界面設(shè)計(jì)則不同，它主要的作用就是展示和傳達(dá)信息；（4）受到虛擬世界和現(xiàn)實(shí)世界的雙重制約。

最早的口傳文化時(shí)代，人們通過手舞足蹈來進(jìn)行交流，要想明白表達(dá)者想要表達(dá)的含義，必須身臨其境地去感同身受；文字紙張時(shí)代，人們可以通過紙張來了解到信息，但是這種信息是一種非常淺層次的、至關(guān)的交流；電力的發(fā)展造就了聲光影時(shí)代，人們通過更加視覺化的、直接的方式了解信息，但是卻依然沒有逃出被動(dòng)接受信息的藩籬；直到互聯(lián)網(wǎng)時(shí)代乃至“互聯(lián)網(wǎng)+”時(shí)代，人們才真正參與到了交流當(dāng)中，網(wǎng)頁界面設(shè)計(jì)對(duì)現(xiàn)代人尤其重要恰恰是因?yàn)樗辉偈且粋€(gè)單純展示信息的平臺(tái)和媒介，也是人們添加和輸出信息的載體。

2網(wǎng)頁界面設(shè)計(jì)中人性化的必要性

網(wǎng)頁界面設(shè)計(jì)發(fā)展到現(xiàn)在，其人性化發(fā)展已經(jīng)成為非常重要的一項(xiàng)基本要求，其必要性主要體現(xiàn)在以下幾個(gè)方面：

2.1互聯(lián)網(wǎng)網(wǎng)站競爭壓力巨大

盡管互聯(lián)網(wǎng)只是一個(gè)寬泛的概念，“網(wǎng)站”對(duì)于現(xiàn)代人來說也開始逐漸分為購物網(wǎng)站、功能性網(wǎng)站、信息獲取網(wǎng)站等多種類型，但是毋庸置疑，現(xiàn)在沒有任何領(lǐng)域僅僅只有一家網(wǎng)站，網(wǎng)站之間的競爭壓力也是非常大的。在當(dāng)前激烈的競爭壓力下，除了購物網(wǎng)站還可以靠商品質(zhì)量本身獲得口碑之外，其他的網(wǎng)站要想被人們認(rèn)同并長期使用，更加人性化的界面設(shè)計(jì)是必不可少的。不少老牌的互聯(lián)網(wǎng)大鱷由于并沒有在其界面設(shè)計(jì)上下功夫，當(dāng)前已經(jīng)面臨著被時(shí)代和網(wǎng)民淘汰的嚴(yán)峻形勢。

2.2網(wǎng)頁界面設(shè)計(jì)沒有與時(shí)俱進(jìn)

這里所說的沒有與時(shí)俱進(jìn)有兩層含義：（1）網(wǎng)頁界面設(shè)計(jì)停留在較為陳舊的水準(zhǔn)之上，在設(shè)計(jì)之初，可能更加符合當(dāng)年人們的審美觀念，但是互聯(lián)網(wǎng)的發(fā)展是極為迅猛的，人們的口味也是在不斷變化的，停留和穩(wěn)定用在網(wǎng)頁界面設(shè)計(jì)上并不是兩個(gè)褒義詞；（2）當(dāng)前人們對(duì)于計(jì)算機(jī)網(wǎng)站的使用率已經(jīng)開始遠(yuǎn)小于使用手機(jī)等多媒體設(shè)備了，而在手機(jī)、平板等設(shè)備的瀏覽器中展現(xiàn)出的網(wǎng)頁界面，要么功能不全，要么受限于屏幕尺寸，是需要進(jìn)行專門的重新設(shè)計(jì)的。但是不少網(wǎng)站并沒有針對(duì)手機(jī)端進(jìn)行重新的網(wǎng)頁界面設(shè)計(jì)。這就讓不少人在使用上非常不方便。

2.3人們對(duì)人性化的要求越來越高

即將進(jìn)入到二十一世紀(jì)的第三個(gè)十年，全球政治經(jīng)濟(jì)形勢都開始趨于穩(wěn)定，并且全球一體化的趨勢不斷深化。在這種趨勢下，各種思想觀念開始交匯融合，人們?cè)诋?dāng)前社會(huì)亟需社會(huì)成員對(duì)自我的認(rèn)同和肯定，一種人文主義思潮正在醞釀當(dāng)中。而這種思想會(huì)影響人們對(duì)很多事物的觀感和態(tài)度，針對(duì)網(wǎng)頁界面設(shè)計(jì)來說，人們厭惡繁復(fù)的界面設(shè)計(jì)和操作，喜歡和追求更加便捷、人性化的設(shè)計(jì)，這也是互聯(lián)網(wǎng)行業(yè)由網(wǎng)站主導(dǎo)開始向受眾主導(dǎo)這一趨勢的最直接體現(xiàn)。

3網(wǎng)頁界面設(shè)計(jì)中的人性化表現(xiàn)

網(wǎng)頁界面設(shè)計(jì)的人性化表現(xiàn)是一個(gè)非常龐大的課題，限于篇幅，本文僅選取了部分網(wǎng)頁構(gòu)成要素的人性化表現(xiàn)與改善進(jìn)行研究：

3.1色彩

要知道，網(wǎng)頁本身是一個(gè)最直接的視覺呈現(xiàn)的窗口，人們?cè)邳c(diǎn)開網(wǎng)頁的一瞬間，其實(shí)并不能很深入地了解網(wǎng)頁所承載的具體內(nèi)容，而首先進(jìn)入到瀏覽者大腦皮層的毋庸置疑就是色彩。所以做好色彩方面的人性化構(gòu)建是非常有必要的，充分發(fā)揮色彩的魅力也能夠在最短時(shí)間內(nèi)獲得人們的認(rèn)同。而人性化的色彩，需要做到以下幾點(diǎn)：（1）要找準(zhǔn)網(wǎng)站的定位，購物類網(wǎng)站顏色可以適當(dāng)鮮艷，政務(wù)網(wǎng)站色彩則宜簡潔等等；（2）考慮到受眾的文化背景，針對(duì)外國人瀏覽的網(wǎng)站就要了解外國人對(duì)色彩的習(xí)俗；（3）做好色彩的搭配。

3.2文字

毫無疑問，任何網(wǎng)頁的核心都是文字，文字的編排和設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中占據(jù)著最為重要的位置，文字這一元素的作用是其他任何網(wǎng)頁設(shè)計(jì)元素都無法取代的。文字的人性化主要應(yīng)當(dāng)從以下幾個(gè)方面入手：（1）語言方面，要符合大多數(shù)受眾的閱讀習(xí)慣，例如受眾針對(duì)中國人，最好以中文為主，而針對(duì)香港地區(qū)居民，則可以以繁體字為主；（2）要選擇合適的字體。當(dāng)前互聯(lián)網(wǎng)中存在著非常多的不同字體，在不同的語言環(huán)境中能夠起到意想不到的效果，但是既然網(wǎng)站針對(duì)的是不特定的大多數(shù)人，字體設(shè)置還應(yīng)當(dāng)以大眾普遍接受和使用的字體為宜，不適合進(jìn)行特別大膽地嘗試。

3.3圖片、視頻等

當(dāng)前人們生活和工作節(jié)奏加快，所以當(dāng)前人們的審美也出現(xiàn)了視覺化的趨勢。針對(duì)視覺化的習(xí)慣和偏好，純文字已經(jīng)不能滿足現(xiàn)代人的需求，所以網(wǎng)站中往往直接設(shè)置有不少的圖片和視頻。這些圖片和食品能夠最大程度加深用戶的印象，同時(shí)也能夠有效地起到對(duì)文字的輔助作用，使人們?cè)谶M(jìn)入網(wǎng)站的一瞬間能夠一目了然地清楚網(wǎng)站想要傳達(dá)什么內(nèi)容。針對(duì)圖片和視頻的人性化設(shè)置，應(yīng)當(dāng)合理選擇圖片和視頻、大小，還要有相對(duì)便捷的關(guān)閉圖片和視頻的按鍵。

3.4頁面整體布局

除了上述單一的元素之外，這些元素的整合也是網(wǎng)頁界面設(shè)計(jì)非常重要的組成部分。頁面整體布局做得好，能夠彌補(bǔ)單一元素的不足，使文字、圖形上的一些問題和缺陷能夠相互補(bǔ)足，使網(wǎng)站的運(yùn)行能夠更加順暢。頁面整體布局對(duì)于人性化的要求更高，因?yàn)槠湟呀?jīng)不是單一元素的羅列，而是要考慮整體了，所以其要點(diǎn)也較多：（1）要注意排版的間隙。各種元素之間的排列不要過于疏離，容易造成一種松散的感覺，也不能太過于緊湊，會(huì)讓人看的較累。并且各種信息一股腦地堆砌在頁面上，很容易讓用戶覺得眼花繚亂，分不清主次，找不到主題；（2）不要刻意追求藝術(shù)效果，用過多的、過于繁復(fù)的色彩、線條等元素去點(diǎn)綴?？梢院喖s，可以復(fù)雜，但是一定不能凌亂；（3）頁面一定不要過長，不要讓用戶無限地去拉動(dòng)滾動(dòng)條而找不到自己需要的內(nèi)容，要在頁面上合理設(shè)置導(dǎo)航。

3.5交互元素

何為交互元素？其指的是除了上述的元素之外一些輔助性的、所有網(wǎng)站通用的一些元素，但是這些元素卻是必不可少的。這里對(duì)這些元素不再一一列舉，而從人性化角度來進(jìn)行簡單的分析：（1）對(duì)于超文本鏈接來說，長度一定不要過長，并且要選擇適當(dāng)?shù)摹⑿涯康念伾層脩粢谎劭催^去就了解其實(shí)鏈接；（2）網(wǎng)頁界面中的各種按鈕要根據(jù)網(wǎng)站的具體情況，設(shè)置不同的顏色、大小；（3）導(dǎo)航條的設(shè)置應(yīng)當(dāng)合理且簡略，能夠讓用戶在短時(shí)間內(nèi)準(zhǔn)確選擇其需要的功能。

4結(jié)語

網(wǎng)頁界面并不是一個(gè)單純的信息展示平臺(tái)，隨著計(jì)算機(jī)技術(shù)、互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，網(wǎng)頁界面也具備著越來越多的美學(xué)元素和美學(xué)價(jià)值。并且進(jìn)入到二十一世紀(jì)以后，隨著全球政治經(jīng)濟(jì)形勢的進(jìn)一步趨于穩(wěn)定，全球范圍內(nèi)又開始出現(xiàn)了或多或少的人文主義價(jià)值的推崇，所以人性化成為了人們對(duì)很多領(lǐng)域的基本要求，計(jì)算機(jī)網(wǎng)頁界面設(shè)計(jì)亦不例外。當(dāng)前，由于缺乏人性化的設(shè)計(jì)，不少網(wǎng)站的網(wǎng)頁界面功能非常強(qiáng)大但是信息略顯繁瑣、內(nèi)容豐富但是缺乏必要的導(dǎo)航指引、網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)非常不合理不符合人們的閱讀習(xí)慣，所以人性化的網(wǎng)頁界面設(shè)計(jì)已經(jīng)成為人們的強(qiáng)烈呼聲。所以我們一定要深入研究計(jì)算機(jī)網(wǎng)頁界面設(shè)計(jì)中的人性化要素，并在計(jì)算機(jī)和便攜移動(dòng)設(shè)備中進(jìn)行不同的頁面設(shè)計(jì)，使人們能夠更加方便地從網(wǎng)頁中獲取資訊。

參考文獻(xiàn)

[1] 周虹，王詠剛.優(yōu)秀網(wǎng)頁設(shè)計(jì)速查與賞析[M].北京：電子工業(yè)出版社，2005.

[2] 鄒慧琴，敖蕾，譚開屆.互動(dòng)網(wǎng)頁設(shè)計(jì)與易用度[M].北京：中國輕工業(yè)出版社，2007.

[3] 柯楊.探析計(jì)算機(jī)網(wǎng)頁界面設(shè)計(jì)中的人性化[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013（11）.

[4] 江濤.試析計(jì)算機(jī)軟件用戶界面的人性化設(shè)計(jì)[J].電子技術(shù)與軟件工程，2013（10）.

[5] 康鐵英；李維；鄭文剛；蘆金石. 基于MINIGUI系統(tǒng)灌溉控制人性化計(jì)算機(jī)界面設(shè)計(jì)[J]. 遼寧師范大學(xué)學(xué)報(bào)（自然科學(xué)版），2006（30）.