利用計(jì)算機(jī)交互技術(shù)的網(wǎng)頁(yè)界面文本視覺優(yōu)化設(shè)計(jì)

汪雅丹

（仙桃職業(yè)學(xué)院 湖北 仙桃 433000）

0 引言

在文化視覺的時(shí)代背景下，網(wǎng)頁(yè)界面的設(shè)計(jì)需要重視文本視覺的突顯。想要讓網(wǎng)頁(yè)中的數(shù)據(jù)信息能夠以更加高效更加完善的形式在計(jì)算機(jī)和用戶之間展開傳輸，讓用戶和計(jì)算機(jī)之間所產(chǎn)生的交互能夠更加出色地完成，就需要做到將網(wǎng)頁(yè)界面文本視覺的完善優(yōu)化，達(dá)到符合用戶需求和用戶審美觀的視覺優(yōu)化效果[1]。文本視覺的優(yōu)化設(shè)計(jì)能夠?qū)W(wǎng)頁(yè)界面的傳播理念進(jìn)行拓展，從而實(shí)現(xiàn)視覺文化的轉(zhuǎn)變。在計(jì)算機(jī)交互技術(shù)的合理運(yùn)用下，能夠?qū)W(wǎng)頁(yè)界面設(shè)計(jì)下的文本視覺進(jìn)行自然拓展與延伸，不僅可以在很大程度上提高設(shè)計(jì)效率，同時(shí)也能夠?qū)W(wǎng)頁(yè)界面設(shè)計(jì)進(jìn)行實(shí)時(shí)優(yōu)化。因此，利用計(jì)算機(jī)交互技術(shù)對(duì)網(wǎng)頁(yè)界面文本視覺的設(shè)計(jì)進(jìn)行優(yōu)化，以期能夠?qū)崿F(xiàn)網(wǎng)頁(yè)界面視覺文本傳播的目的。

1 計(jì)算機(jī)交互技術(shù)

計(jì)算機(jī)交互技術(shù)是指經(jīng)過計(jì)算機(jī)的輸出設(shè)備以及輸入設(shè)備的使用，來(lái)達(dá)成計(jì)算機(jī)和我們產(chǎn)生信息交互的技術(shù)。計(jì)算機(jī)交互技術(shù)囊括了計(jì)算機(jī)利用輸出設(shè)備和交互屏幕來(lái)為我們發(fā)出各種信息和數(shù)據(jù)以及完成請(qǐng)示提示等功能，我們能夠利用計(jì)算機(jī)的輸入設(shè)備來(lái)為其輸入相關(guān)的數(shù)據(jù)和消息，完成回答問題和請(qǐng)示提升等功能。由此可見計(jì)算機(jī)交互技術(shù)對(duì)于網(wǎng)頁(yè)界面的視覺優(yōu)化起到了尤為關(guān)鍵的作用。計(jì)算機(jī)交互技術(shù)跟心理學(xué)、人機(jī)工程學(xué)和認(rèn)知學(xué)等一系列的科學(xué)領(lǐng)域存在著一定的相互關(guān)聯(lián)。這種技術(shù)也表示經(jīng)過電極把計(jì)算機(jī)中的電子信號(hào)和系統(tǒng)神經(jīng)信號(hào)相互連接，從而達(dá)成計(jì)算機(jī)和我們之間完成彼此信息交互的功能，以此能夠發(fā)現(xiàn)，計(jì)算機(jī)在今后的科技發(fā)展中會(huì)作為一種媒介，從而完成人類大腦之間的意識(shí)互相溝通。

計(jì)算機(jī)交互技術(shù)的運(yùn)用能夠賦予其交互功能，即賦予文本視覺設(shè)計(jì)獨(dú)特的展示性，讓網(wǎng)頁(yè)頁(yè)面具備直觀性，通過在設(shè)計(jì)過程中，對(duì)其整個(gè)文本視覺進(jìn)行展示，從而尋找其中不足的地方進(jìn)行優(yōu)化，以此提升網(wǎng)頁(yè)界面的視覺性與沖擊性，進(jìn)而在網(wǎng)頁(yè)界面設(shè)計(jì)方案中節(jié)省設(shè)計(jì)時(shí)間，提升設(shè)計(jì)效率。

同樣，計(jì)算機(jī)交互技術(shù)運(yùn)用到網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)當(dāng)中，具備以下幾個(gè)特征：（1）可交互性。計(jì)算機(jī)交互技術(shù)的可交互性主要是在虛擬的設(shè)計(jì)過程中，能夠?qū)ξ谋疽曈X進(jìn)行操作，通過演示與還擊的及時(shí)反饋，從而讓計(jì)算機(jī)能夠生成與網(wǎng)頁(yè)界面設(shè)計(jì)需求相一致的虛擬環(huán)境，借助計(jì)算機(jī)交互技術(shù)對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)下的文本視覺信息進(jìn)行接受、認(rèn)知與反饋，通過虛擬來(lái)優(yōu)化文本視覺設(shè)計(jì)效果，以此節(jié)省網(wǎng)頁(yè)界面的設(shè)計(jì)時(shí)間；（2）可體驗(yàn)式。計(jì)算機(jī)交互技術(shù)能夠讓文本視覺設(shè)計(jì)過程更加真實(shí)，通過計(jì)算機(jī)虛擬體驗(yàn)?zāi)軌蛱嵘谋疽曈X的沖擊感，從而對(duì)文本視覺設(shè)計(jì)進(jìn)行調(diào)整，以此滿足實(shí)際的設(shè)計(jì)需求；（3）即時(shí)高效性。計(jì)算機(jī)交互技術(shù)的運(yùn)用，能夠在以往的網(wǎng)頁(yè)界面設(shè)計(jì)中，對(duì)文本視覺設(shè)計(jì)時(shí)間進(jìn)行跨越，通過數(shù)字化技術(shù)的合理運(yùn)用，能夠?qū)ξ谋疽曈X信息進(jìn)行及時(shí)反饋，從而提升設(shè)計(jì)的及時(shí)高效性，讓設(shè)計(jì)人員能夠準(zhǔn)確全面掌握，以此優(yōu)化網(wǎng)頁(yè)界面的文本視覺設(shè)計(jì)。

2 網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)問題

在網(wǎng)頁(yè)界面視覺文化背景下，網(wǎng)頁(yè)界面需要朝著交互、便捷與信息層次分明的方向發(fā)展。在當(dāng)前的網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)中，多元化的發(fā)展趨勢(shì)導(dǎo)致設(shè)計(jì)存在無(wú)限可能，如何提升網(wǎng)頁(yè)界面文本視覺的設(shè)計(jì)效果，需要從文字、圖像、色彩以及版式等內(nèi)容進(jìn)行優(yōu)化。例如圖像在網(wǎng)頁(yè)界面文本視覺中的運(yùn)用，往往能夠構(gòu)成不同的信息框，滿足不同的設(shè)計(jì)需求，同時(shí)也能夠引導(dǎo)閱讀者產(chǎn)生興趣與新鮮感，從而減少傳統(tǒng)單一的網(wǎng)頁(yè)界面流量模式帶來(lái)的枯燥性，讓網(wǎng)頁(yè)界面具備明顯的視覺性，從而加強(qiáng)文本視覺設(shè)計(jì)價(jià)值[2]。

3 計(jì)算機(jī)交互技術(shù)優(yōu)化網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)要點(diǎn)

在計(jì)算機(jī)交互技術(shù)的運(yùn)用下，網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)需要遵循以下兩點(diǎn)原則：（1）主體鮮明原則。網(wǎng)頁(yè)界面的文本視覺設(shè)計(jì)，需要遵循主體鮮明原則，確保能夠在設(shè)計(jì)上突出文本視覺效果，從交互的需求、心理與生理等層面優(yōu)化設(shè)計(jì)，同時(shí)借助鮮明凸顯的文本視覺色彩，來(lái)表達(dá)設(shè)計(jì)的意圖，以此保障文本視覺設(shè)計(jì)效果；（2）統(tǒng)一與整體性原則。在網(wǎng)頁(yè)界面文本視覺的優(yōu)化設(shè)計(jì)上，堅(jiān)持設(shè)計(jì)內(nèi)容與形式的協(xié)調(diào)統(tǒng)一性，提升整體設(shè)計(jì)的藝術(shù)效果，不僅能夠滿足實(shí)際的設(shè)計(jì)需求，同時(shí)也能夠加強(qiáng)設(shè)計(jì)審美需求，以此保障網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)的合理性[3]。

并且網(wǎng)頁(yè)界面的功能主要是進(jìn)行數(shù)據(jù)信息的傳輸，所以網(wǎng)頁(yè)界面的展現(xiàn)會(huì)擁有更加多元化的方法，對(duì)于情感和情緒的表達(dá)能夠更加精準(zhǔn)，從而可以更好地留住用戶的目光。所以想要讓網(wǎng)頁(yè)界面文本所凸顯的感覺能夠得到完善的優(yōu)化，需要利用基于計(jì)算機(jī)交互技術(shù)的網(wǎng)頁(yè)界面文本視覺優(yōu)化方法，從而完善對(duì)于網(wǎng)頁(yè)界面文本的視覺優(yōu)化。網(wǎng)頁(yè)界面文本視覺優(yōu)化的整體流程大致如下。

（1）圖形用戶界面。這一環(huán)節(jié)主要是表示我們和計(jì)算機(jī)之間產(chǎn)生交互的時(shí)候所展示出來(lái)的網(wǎng)頁(yè)界面，我們能夠經(jīng)過對(duì)鍵盤、鼠標(biāo)或者手柄等輸入設(shè)備的使用來(lái)完成對(duì)我們所想要得到的網(wǎng)頁(yè)界面展開相關(guān)的查詢和搜索，然后在得出的網(wǎng)頁(yè)界面中所顯示的各種文字或者圖像的整體就是圖形用戶界面。

（2）用戶需求采集。把用戶經(jīng)過上述網(wǎng)頁(yè)界面所錄入的數(shù)據(jù)進(jìn)行收集和分析，然后找出相應(yīng)能夠符合用戶錄入指令需求的展示模板。

（3）處理數(shù)據(jù)信息。把系統(tǒng)所收集的數(shù)據(jù)展開進(jìn)一步的處理，并完成計(jì)算機(jī)和我們產(chǎn)生交互之前的各個(gè)信息處理，從而讓計(jì)算機(jī)在產(chǎn)生交互過程中的信息聚類能力信息聚類能力和大數(shù)據(jù)融合能力獲得增強(qiáng)，替網(wǎng)頁(yè)界面文本視覺優(yōu)化打下基礎(chǔ)。

（4）界面圖像質(zhì)量提升。網(wǎng)頁(yè)界面圖像視覺圖像質(zhì)量會(huì)被圖像源至計(jì)算機(jī)交互界面展示過程中電路噪聲和傳輸耗損所影響。想要讓計(jì)算機(jī)網(wǎng)頁(yè)界面的文本視覺所展現(xiàn)的圖像能夠符合用戶的需求，就要使用以視覺特性為基礎(chǔ)的網(wǎng)頁(yè)界面色彩圖像提升方式，從而達(dá)成將網(wǎng)頁(yè)界面圖像質(zhì)量進(jìn)行優(yōu)化的目的。

（5）網(wǎng)頁(yè)界面文本優(yōu)化。想要讓網(wǎng)頁(yè)界面文本視覺獲得全面的優(yōu)化，符合用戶的審美觀和審美需求，對(duì)于網(wǎng)頁(yè)界面中的文字展開充分的優(yōu)化也是必不可少的。將網(wǎng)頁(yè)界面中的文字外形特征進(jìn)行優(yōu)化，讓網(wǎng)頁(yè)界面中所展現(xiàn)的文字能夠讓用戶看起來(lái)更加舒適美觀。

經(jīng)過上文所述的環(huán)節(jié)來(lái)對(duì)網(wǎng)頁(yè)界面文本展開基于計(jì)算機(jī)交互技術(shù)的優(yōu)化設(shè)計(jì)，就能夠更加全面地達(dá)成符合用戶需求和審美觀的優(yōu)化目標(biāo)。

4 網(wǎng)頁(yè)界面文本視覺優(yōu)化設(shè)計(jì)策略

4.1 文本的優(yōu)化設(shè)計(jì)

在網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)下，合理運(yùn)用計(jì)算機(jī)交互技術(shù)，需要重視文本的優(yōu)化。文本是網(wǎng)頁(yè)視覺藝術(shù)設(shè)計(jì)中非常重要的組成部分，所以文本優(yōu)化在設(shè)計(jì)中是至關(guān)重要的。從文本內(nèi)容和感覺的角度開始文本優(yōu)化，實(shí)現(xiàn)文本、布局和色彩的融合。在文本優(yōu)化時(shí)，應(yīng)對(duì)主文本和次級(jí)文本進(jìn)行劃分，并根據(jù)文本的主次級(jí)結(jié)構(gòu)實(shí)現(xiàn)整體布局[4]。此外，文本是網(wǎng)頁(yè)設(shè)計(jì)和查看者交流的主要載體。在設(shè)計(jì)中，應(yīng)該注重文本的情感劃分，注重文本交流，喚起情感共鳴，以達(dá)到完美的效果。文本視覺是最直接和最準(zhǔn)確的細(xì)節(jié)方式，它也是最重要的互聯(lián)網(wǎng)信息載體。因此，文本在交互界面的視覺設(shè)計(jì)中占據(jù)著非常重要的地位。在網(wǎng)頁(yè)界面設(shè)計(jì)中，文本通常被認(rèn)為是一種作為布局區(qū)域劃分的圖形元素，即使是構(gòu)圖的布局調(diào)整，優(yōu)秀的文本設(shè)計(jì)不僅可以讓人們永遠(yuǎn)不會(huì)忘記傳達(dá)信息通知內(nèi)容，而且還可以提高網(wǎng)頁(yè)界面下軟件的吸引力，增強(qiáng)軟件交互界面的視覺效果，以實(shí)現(xiàn)視覺審美的目的，因此對(duì)文本優(yōu)化設(shè)計(jì)是交互界面文本視覺設(shè)計(jì)中最應(yīng)關(guān)注的問題[5]。

同樣，在網(wǎng)頁(yè)界面設(shè)計(jì)過程中，文本的布局設(shè)計(jì)主要包括字體選擇、編輯和文本排列。例如，在編輯文本時(shí)，可以選擇圖形藝術(shù)處理方法，這不僅可以通過文本傳達(dá)語(yǔ)言本身所包含的信息，還可以在視覺圖像中傳達(dá)語(yǔ)言外部的信息。在網(wǎng)頁(yè)設(shè)計(jì)中選擇的文本應(yīng)該與文本的內(nèi)容和網(wǎng)頁(yè)的主題相匹配，比如主題內(nèi)容的字體、顏色、形式和表達(dá)方式，以及要傳達(dá)的信息內(nèi)容，以確保文本的設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的主題和整體風(fēng)格相匹配。在網(wǎng)頁(yè)設(shè)計(jì)的過程中，文本的主要功能是確保信息的有效傳遞。因此，為了實(shí)現(xiàn)這一點(diǎn)，在網(wǎng)頁(yè)文本設(shè)計(jì)的過程中，我們應(yīng)該注意優(yōu)先選擇容易識(shí)別的文本，在字體和形狀的創(chuàng)造性中，需要確保它的欣賞和協(xié)調(diào)，以提高文本的視覺設(shè)計(jì)效果[6]。

4.2 色彩的優(yōu)化設(shè)計(jì)

在網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)下，合理運(yùn)用計(jì)算機(jī)交互技術(shù)，需要重視色彩的優(yōu)化。網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)需要注意不同色彩的優(yōu)化，以實(shí)現(xiàn)色彩影響的視覺效果。在選擇網(wǎng)頁(yè)界面設(shè)計(jì)的色彩時(shí)，設(shè)計(jì)師應(yīng)該預(yù)測(cè)和劃分整體內(nèi)容和期望的效果，例如，相親網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該是節(jié)日的、浪漫的和引人注目的，新聞選擇莊嚴(yán)的色彩等等。色彩的選擇應(yīng)根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的主題進(jìn)行協(xié)調(diào)和優(yōu)化。當(dāng)然，關(guān)鍵信息可以用明亮和明顯的色彩顯示，這樣觀看者就可以第一次看到重要的信息，從而實(shí)現(xiàn)色彩的視覺效果?？傊?，在互聯(lián)網(wǎng)的背景下，界面視覺藝術(shù)設(shè)計(jì)必須要遵循主體鮮明、統(tǒng)一和整體性原則，并在發(fā)展的過程中不斷實(shí)現(xiàn)設(shè)計(jì)的優(yōu)化，使得視覺藝術(shù)設(shè)計(jì)獲得新的發(fā)展契機(jī)[7]。

同樣，在計(jì)算機(jī)交互技術(shù)下，需要能夠?qū)ι嗜龑傩赃M(jìn)行調(diào)整，色彩是指色彩的不同外觀，像人臉一樣，通過色彩的外觀來(lái)識(shí)別色彩；亮度指的是色彩感的強(qiáng)度，亮度越高，色彩就越亮。在視覺交流中，這些屬性通常被用來(lái)識(shí)別色彩和理解色彩所表達(dá)的感覺。同時(shí)，色彩的心理效應(yīng)來(lái)自色彩物理光刺激對(duì)人類生理發(fā)生的直接影響，即人的視覺感覺。任何物體都有特定的色彩，并使不同的色彩產(chǎn)生不同的視覺感覺。即使沒有身體接觸，這些視覺感覺也會(huì)產(chǎn)生不同的感覺聯(lián)系，這也被稱為“視覺觸摸”[8]。因此，在交互技術(shù)的應(yīng)用下，需要能夠?qū)崿F(xiàn)文本色彩的有效調(diào)整，以此滿足多樣化的視覺需求。

4.3 圖像的優(yōu)化設(shè)計(jì)

在網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)下，合理運(yùn)用計(jì)算機(jī)交互技術(shù)，需要重視圖像的優(yōu)化。圖像是通過相機(jī)、鏡子等光學(xué)設(shè)備獲得的人類視覺感知的材料再現(xiàn)，也可以通過人工繪畫來(lái)創(chuàng)建。出現(xiàn)在網(wǎng)頁(yè)界面中的圖像通過數(shù)字采集技術(shù)和信號(hào)處理進(jìn)行數(shù)字存儲(chǔ)，由一些對(duì)齊的像素組成并進(jìn)行保存。圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中起著重要的作用，可以有效避免無(wú)聊的全文界面，甚至給人視覺印象更好，和文本一起運(yùn)用，能夠創(chuàng)造直觀的靈活和創(chuàng)造性的表達(dá)形式。圖像分為靜態(tài)圖像和動(dòng)態(tài)圖像、靜態(tài)圖片、圖片、繪畫作品和其他動(dòng)態(tài)圖像，如GIF動(dòng)畫、Flash動(dòng)畫、3D動(dòng)畫和電影等。通過對(duì)網(wǎng)頁(yè)界面文本視覺的圖形進(jìn)行優(yōu)化設(shè)計(jì)，能夠讓表示的意義豐富多樣，從而保障網(wǎng)頁(yè)界面的瀏覽效果[9]。

4.4 版面的優(yōu)化設(shè)計(jì)

在網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)下，合理運(yùn)用現(xiàn)有的計(jì)算機(jī)交互技術(shù)，需要重視版面的優(yōu)化。在現(xiàn)如今的計(jì)算機(jī)交互技術(shù)背景下，從布局上優(yōu)化了界面視覺藝術(shù)設(shè)計(jì)的應(yīng)用和優(yōu)化。網(wǎng)頁(yè)布局的優(yōu)化應(yīng)實(shí)現(xiàn)空間和內(nèi)容的一致性，要求設(shè)計(jì)人員從設(shè)計(jì)過程中布局的點(diǎn)線出發(fā)，并且需要注意層次，根據(jù)整體規(guī)律進(jìn)行詳細(xì)的劃分，以此才能夠?qū)崿F(xiàn)視覺設(shè)計(jì)的整體效果，形成布局集成的視覺效果。在網(wǎng)頁(yè)設(shè)計(jì)的過程中，布局設(shè)計(jì)實(shí)際上是一種根據(jù)網(wǎng)頁(yè)的內(nèi)容和主題對(duì)網(wǎng)頁(yè)上的許多組件進(jìn)行關(guān)聯(lián)和配置的方式，以顯示網(wǎng)頁(yè)的總體設(shè)計(jì)目的和設(shè)計(jì)風(fēng)格。合理采用科學(xué)的布局設(shè)計(jì)可以使網(wǎng)頁(yè)上的文字和圖像、色彩等元素實(shí)現(xiàn)有機(jī)組合，提高頁(yè)面之美，突出頁(yè)面的風(fēng)格特色，以此來(lái)提升網(wǎng)頁(yè)界面完整性和流暢性，從而使布局設(shè)計(jì)更加優(yōu)化。同樣，由于不同的文本版式往往帶來(lái)不同的視覺效果，如全布局設(shè)計(jì)有助于突出易于拉伸的特點(diǎn)，分割布局設(shè)計(jì)凸顯自然和諧，曲線布局設(shè)計(jì)頁(yè)面通常有一定的節(jié)奏感，焦點(diǎn)布局設(shè)計(jì)網(wǎng)頁(yè)有助于突出強(qiáng)烈的視覺效果，自由的布局設(shè)計(jì)頁(yè)面經(jīng)常突出輕松、活潑、愉快的特點(diǎn)。在實(shí)際的布局設(shè)計(jì)中，可以根據(jù)這些網(wǎng)頁(yè)布局設(shè)計(jì)類型的特點(diǎn)，根據(jù)設(shè)計(jì)文本版面內(nèi)容和主題，以此滿足實(shí)際的設(shè)計(jì)需求。因此，在計(jì)算機(jī)交互技術(shù)的運(yùn)用下，版面的文本視覺優(yōu)化設(shè)計(jì)需要體現(xiàn)交互性與新穎，通過合理運(yùn)用交互技術(shù)，提升網(wǎng)頁(yè)界面文本視覺設(shè)計(jì)的滿意度，以此提升設(shè)計(jì)效率[10]。

5 結(jié)語(yǔ)

綜上所述，對(duì)網(wǎng)頁(yè)界面進(jìn)行視覺優(yōu)化能夠讓我們和計(jì)算機(jī)之間所產(chǎn)生的交互效果得到更好的保障，將網(wǎng)頁(yè)中的文字圖片和文本外形進(jìn)行適當(dāng)?shù)囊曈X優(yōu)化，可以讓用戶在進(jìn)入網(wǎng)頁(yè)界面的時(shí)候能夠擁有更好的感官體驗(yàn)，讓用戶的情緒和感受能夠被很好地帶動(dòng)起來(lái)。在計(jì)算機(jī)交互技術(shù)的運(yùn)用下，網(wǎng)頁(yè)界面的文本視覺優(yōu)化設(shè)計(jì)，需要加強(qiáng)其交互性，通過提升文本、色彩、圖像以及版圖的視覺藝術(shù)，以此保障實(shí)際的設(shè)計(jì)效果。同樣在實(shí)際的設(shè)計(jì)過程中，加強(qiáng)設(shè)計(jì)與體驗(yàn)信息的交互，有助于節(jié)省設(shè)計(jì)時(shí)間，提升文本視覺設(shè)計(jì)的實(shí)效性。