摘要：隨著社會(huì)與時(shí)代的發(fā)展，計(jì)算機(jī)圖像處理技術(shù)獲得了長(zhǎng)足的發(fā)展與進(jìn)步，已經(jīng)逐漸普及應(yīng)用與社會(huì)的諸多行業(yè)領(lǐng)域中。在計(jì)算機(jī)與互聯(lián)網(wǎng)時(shí)代中，各種應(yīng)用成為人們?cè)谌粘Ｉ钌a(chǎn)中所常用的軟件。而在軟件應(yīng)用中，UI是用戶對(duì)軟件應(yīng)用進(jìn)行直接體驗(yàn)的載體，Ul設(shè)計(jì)的優(yōu)劣直接影響著用戶對(duì)于軟件應(yīng)用的態(tài)度與看法，甚至決定著軟件應(yīng)用的市場(chǎng)未來(lái)。在UI設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，能夠顯著地提高UI設(shè)計(jì)的效率與水平?；诖?，文章對(duì)計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用進(jìn)行分析研究，希望能夠幫助提升UI設(shè)計(jì)的效率。

關(guān)鍵詞：計(jì)算機(jī)圖像處理技術(shù);Ul設(shè)計(jì);設(shè)計(jì)原則;設(shè)計(jì)要點(diǎn);應(yīng)用分析

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

文章編號(hào)：1009-3044（2020）33-0192-03

開放科學(xué)（資源服務(wù)）標(biāo)識(shí)碼（OSID）：

近些年來(lái)，我國(guó)的計(jì)算機(jī)與網(wǎng)絡(luò)技術(shù)獲得了快速的發(fā)展與進(jìn)步，計(jì)算機(jī)以及各種移動(dòng)終端中的軟件數(shù)量迅速增加，在計(jì)算機(jī)與移動(dòng)終端應(yīng)用軟件中，UI作為一項(xiàng)基本內(nèi)容受到了人們的廣泛關(guān)注。UI設(shè)計(jì)是一個(gè)涉及諸多領(lǐng)域的一個(gè)復(fù)雜而又專業(yè)的系統(tǒng)工程，在UI設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，能夠幫助提升UI設(shè)計(jì)的效率與水平。因此，文章對(duì)計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用進(jìn)行分析鹽焗，有著現(xiàn)實(shí)的價(jià)值和意義。

1 計(jì)算機(jī)圖像處理技術(shù)概述

計(jì)算機(jī)圖像處理是利用計(jì)算機(jī)中相關(guān)軟件，對(duì)圖像圖形進(jìn)行加工、分析和處理的過(guò)程，以此來(lái)更好地滿足觀眾的心理、視覺(jué)享受的一項(xiàng)技術(shù)。信號(hào)處理技術(shù)屬于計(jì)算機(jī)圖像處理技術(shù)中比較關(guān)鍵的一項(xiàng)技術(shù)，其在圖像圖形領(lǐng)域中得到了廣泛應(yīng)用。對(duì)于圖像而言，數(shù)字是其比較常用的存儲(chǔ)形式，因此在大多數(shù)情況下，圖像處理一般是指數(shù)字圖像處理過(guò)程。在進(jìn)行圖像處理過(guò)程中，涉及的內(nèi)容比較多，常見(jiàn)的有圖像圖形大小的調(diào)整、色彩、亮度、對(duì)比度等的調(diào)整及文字編輯編排、圖像的摳圖、優(yōu)化、圖像保存與輸出等。

一般而言，當(dāng)前計(jì)算機(jī)圖像處理技術(shù)應(yīng)用最為廣泛的一個(gè)軟件為Adobe Photoshop，其簡(jiǎn)稱是廣為人知的PS。這一軟件是由Adobe Systems進(jìn)行開發(fā)和發(fā)行的一款圖像處理軟件，其功能豐富，操作簡(jiǎn)單易上手，且圖像處理的效果較強(qiáng)，是當(dāng)前社會(huì)中應(yīng)用最為廣泛、影響力最為巨大的一款計(jì)算機(jī)圖像處理軟件。界面設(shè)計(jì)是一個(gè)新興的領(lǐng)域，由于PS的功能齊全，圖像處理效果較強(qiáng)，因此將其應(yīng)用在UI設(shè)計(jì)中，有著顯著的效果。

2 用戶界面設(shè)計(jì)介紹概述

通常情況下，用戶界面（ User Interface，UI）是實(shí)現(xiàn)用戶與軟件系統(tǒng)間進(jìn)行信息交換和交互的主要媒介。在對(duì)UI進(jìn)行設(shè)計(jì)和制作過(guò)程中，設(shè)計(jì)者可以通過(guò)用戶界面將軟件或計(jì)算機(jī)的相關(guān)信息內(nèi)容按照一定的方式轉(zhuǎn)化為用戶所需要的信息形式，進(jìn)而達(dá)到軟件與用戶間進(jìn)行交互的效果。實(shí)際上，用戶界面涉及圖形用戶和人機(jī)交互接口，主要應(yīng)用于用戶與機(jī)械或軟件的交流領(lǐng)域中。UI設(shè)計(jì)一般包括圖形UI交互設(shè)計(jì)以及視覺(jué)設(shè)計(jì)。由于本文主要是對(duì)計(jì)算機(jī)圖像處理技術(shù)進(jìn)行研究，此時(shí)就需要做好界面視覺(jué)的研究工作，其涉及圖標(biāo)設(shè)計(jì)、界面編排、插圖設(shè)計(jì)以及切圖輸出等四個(gè)部分。

2.1 用戶界面設(shè)計(jì)原則

一般而言，在用戶界面進(jìn)行設(shè)計(jì)與制作中，主要有兩個(gè)方面的設(shè)計(jì)原則：（1）有用性原則。通常情況下，軟件的UI設(shè)計(jì)目的是為用戶提供多樣化的服務(wù)，從而滿足用戶多個(gè)方面的需求。UI設(shè)計(jì)的有用性需要從用戶需求與實(shí)際提供功能間的差異情況進(jìn)行衡量，主要用戶界面的穩(wěn)定性、靈活性、安全性。在實(shí)際的用戶界面設(shè)計(jì)中，必須要保證界面設(shè)計(jì)的安全性，以確保用戶在使用軟件過(guò)程中，不會(huì)出現(xiàn)軟件破壞或數(shù)據(jù)丟失等問(wèn)題危險(xiǎn)。例如，軟件的用戶界面設(shè)計(jì)應(yīng)當(dāng)設(shè)置和運(yùn)行用戶數(shù)據(jù)信息參數(shù)自動(dòng)保存與自動(dòng)恢復(fù)的功能，從而提高用戶界面的安全性。除此之外，軟件的UI設(shè)計(jì)還要符合穩(wěn)定性的基本要求，以確保移動(dòng)終端軟件或計(jì)算機(jī)可以長(zhǎng)時(shí)間維持安全、穩(wěn)定的運(yùn)行狀態(tài)，大大降低系統(tǒng)死機(jī)或崩潰等問(wèn)題的發(fā)生率。同時(shí)，用戶界面設(shè)計(jì)需要有較強(qiáng)的適應(yīng)性和靈活性，能夠在不同的運(yùn)行系統(tǒng)中發(fā)揮出應(yīng)用的功能作用。（2）高效率原則。計(jì)算機(jī)或移動(dòng)終端軟件用戶界面設(shè)計(jì)應(yīng)當(dāng)達(dá)到高效率的目標(biāo)，從而使用戶能夠快捷便利地應(yīng)用用戶界面實(shí)現(xiàn)對(duì)軟件的操作，節(jié)省用戶使用軟件的時(shí)間與經(jīng)理。高效率是對(duì)軟件用戶界面的可用性進(jìn)行評(píng)價(jià)的關(guān)鍵指標(biāo)，其一般涉及可預(yù)見(jiàn)性、可見(jiàn)性、簡(jiǎn)潔性及可記憶性等指標(biāo)。其中可見(jiàn)性一般是指用戶可以通關(guān)用戶界面來(lái)對(duì)軟件的功能和組件有個(gè)全面的了解和掌握，使用戶能夠流暢快速使用軟件的一個(gè)指標(biāo)。可預(yù)見(jiàn)性是指軟件能夠在用戶進(jìn)行使用時(shí)，獲得用戶的軟件使用習(xí)慣或是使用特點(diǎn)，從而更好地幫助用戶在用戶界面中對(duì)軟件進(jìn)行探索，提高用戶界面的可用性的一個(gè)指標(biāo)。可記憶性是指用戶界面能夠根據(jù)以往用戶的使用習(xí)慣，對(duì)用戶使用軟件的參數(shù)信息進(jìn)行記憶和保留，從而提高用戶使用軟件的便捷性，使用戶更加輕松和舒適的一個(gè)指標(biāo)。簡(jiǎn)潔性則顧名思義，是要求軟件用戶界面必須要在保證功能與組件齊全的背景下實(shí)現(xiàn)界面舒適、內(nèi)容簡(jiǎn)潔的一個(gè)指標(biāo)。需要注意的是，簡(jiǎn)潔不等于簡(jiǎn)便，不能因?yàn)閺?qiáng)調(diào)用戶界面設(shè)計(jì)的簡(jiǎn)潔性而簡(jiǎn)化用戶界面的功能。

2.2 軟件UI設(shè)計(jì)要點(diǎn)

由于UI設(shè)計(jì)的領(lǐng)域?qū)I(yè)眾多，因此也有著較多的設(shè)計(jì)要點(diǎn)，在實(shí)際的UI設(shè)計(jì)中，必須要對(duì)設(shè)計(jì)要點(diǎn)加以關(guān)注和重視，并依據(jù)要點(diǎn)進(jìn)行合理科學(xué)地設(shè)計(jì)，從而保證UI設(shè)計(jì)的效率與水平。文章本部分將對(duì)軟件的UI設(shè)計(jì)要點(diǎn)進(jìn)行探析，一般而言，軟件的用戶界面設(shè)計(jì)要點(diǎn)主要有四個(gè)方面。

第一個(gè)要點(diǎn)是軟件框架設(shè)計(jì)。在進(jìn)行軟件UI設(shè)計(jì)過(guò)程中，軟件的系統(tǒng)框架設(shè)計(jì)是最為核心和最為基礎(chǔ)的一個(gè)環(huán)節(jié)，在很大程度上軟件的整體框架將會(huì)對(duì)UI設(shè)計(jì)水平起到?jīng)Q定性的影響。通常情況下，軟件系統(tǒng)框架設(shè)計(jì)屬于一項(xiàng)系統(tǒng)性、復(fù)雜性的工作，在實(shí)際的框架設(shè)計(jì)中，需要考慮到軟件的定位，并充分考量軟件的使用步驟程序，設(shè)計(jì)出具有獨(dú)特性、友好性、功能性的軟件框架。同時(shí)軟件框架的設(shè)計(jì)還需要保證簡(jiǎn)潔性，提高屏幕空間的利用效率，并為之后的用戶界面更新優(yōu)化預(yù)留足夠的屏幕空間，提高用戶界面整體的美觀性。

第二個(gè)要點(diǎn)為色彩設(shè)計(jì)。在進(jìn)行軟件UI設(shè)計(jì)過(guò)程中，還需要對(duì)色彩設(shè)計(jì)給予高度的重視，因?yàn)橛脩魧?duì)色彩有比較強(qiáng)的敏感性，此時(shí)就需要設(shè)計(jì)師可以借助不同顏色的設(shè)計(jì)，來(lái)使用戶在UI中可以準(zhǔn)確地尋找到相關(guān)的圖標(biāo)與內(nèi)容，提高UI使用的便捷性。同時(shí)，良好的色彩設(shè)計(jì)一方面能夠應(yīng)用暖色調(diào)，減少用戶眼睛的疲勞感，使用戶使用UI時(shí)更加舒適;另一方面也能夠在必要時(shí)給予用戶強(qiáng)烈的顏色反差，給用戶留下深刻印象。在進(jìn)行UI的色彩設(shè)計(jì)時(shí)，相關(guān)設(shè)計(jì)師需要了解人們視覺(jué)感知器官的局限性和感知特點(diǎn)，根據(jù)實(shí)際的UI設(shè)計(jì)需求與軟件設(shè)計(jì)需求，選擇最為合適的設(shè)計(jì)色彩，從而提高UI設(shè)計(jì)的應(yīng)用效果與水平。

第三個(gè)要點(diǎn)是圖形圖像設(shè)計(jì)。根據(jù)科學(xué)研究表明，人類大腦的主要記憶為兩種方式，第一種為文字，第二種則是圖像、畫面、圖形方式，而第二種方式又占據(jù)人類記憶與感知的絕大部分內(nèi)容。對(duì)于人類的感知與記憶而言，圖像與圖形能夠更好地幫助人們直接、立體而形象地對(duì)事物進(jìn)行理解，也能夠更好的幫助相關(guān)信息進(jìn)行有效轉(zhuǎn)化。因此，在軟件用戶界面設(shè)計(jì)中，設(shè)計(jì)師需要更多地采用抽象法或是具象法，對(duì)用戶界面圖形圖像進(jìn)行設(shè)計(jì)。抽象法可以有效突出軟件內(nèi)容或事物的功能性，通過(guò)提煉和概括事物的規(guī)律性，可以準(zhǔn)確挖掘視覺(jué)圖形中所蘊(yùn)含的獨(dú)特造型元素，抽象法更多地運(yùn)用幾何圖形元素進(jìn)行設(shè)計(jì)，語(yǔ)言形式簡(jiǎn)練簡(jiǎn)潔。具象法則是基于現(xiàn)實(shí)事物，通過(guò)寫實(shí)與裝飾的融合創(chuàng)造而形成的一個(gè)造型元素，更多地運(yùn)用現(xiàn)實(shí)藝術(shù)進(jìn)行設(shè)計(jì)，語(yǔ)言形式則在于突出事物自然形態(tài)的美感。

第四個(gè)要點(diǎn)是文字設(shè)計(jì)。軟件UI設(shè)計(jì)階段，還需要做好文字內(nèi)容的設(shè)計(jì)工作，其中大多數(shù)UI中的文字主要反應(yīng)在信息、會(huì)話及標(biāo)題中，用于表示概念、注釋或是用于UI的細(xì)節(jié)刻畫中。一般而言，UI的文字設(shè)計(jì)可以分為設(shè)備文本與解釋文本。設(shè)備文本是軟件內(nèi)容功能的描述性文本，為用戶在界面中的操作提供幫助與指導(dǎo)。解釋文本是用戶界面中系統(tǒng)狀態(tài)或是系統(tǒng)消息的內(nèi)容文本，用以解釋消息或是狀態(tài)的具體內(nèi)容。在進(jìn)行UI的文字設(shè)計(jì)時(shí)，需要對(duì)用戶的心理與生理特性進(jìn)行研究，從而更好地選擇文字設(shè)計(jì)的表達(dá)方式形式，提高UI設(shè)計(jì)功能性與舒適性。

3 計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用

計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中有著廣闊的應(yīng)用空間與前景，且能夠顯著地幫助提高UI設(shè)計(jì)的各方面功能性與設(shè)計(jì)水平。文章本部分將對(duì)UI設(shè)計(jì)中，計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用效果給予介紹。

3.1 圖標(biāo)設(shè)計(jì)與制作

在UI設(shè)計(jì)過(guò)程中，圖標(biāo)設(shè)計(jì)是比較關(guān)鍵的組成部分，其不僅僅是一種圖形，也是UI中的一個(gè)標(biāo)識(shí)，其功能作用如同道路中的交通指示牌，對(duì)于用戶使用UI有著巨大的幫助作用。通常情況下，軟件的圖標(biāo)一般涵蓋了功能圖標(biāo)與應(yīng)用圖標(biāo)兩大部分。其中，功能圖標(biāo)，則是用戶界面中軟件內(nèi)的具體圖標(biāo)，其具有軟件與用戶的指引、交互等功能;應(yīng)用圖標(biāo)，主要起到軟件功能、軟件形象的展示及軟件開啟使用等一系列的作用。當(dāng)前圖標(biāo)的設(shè)計(jì)與制作中，主要應(yīng)用的計(jì)算機(jī)圖像處理技術(shù)軟件有兩種，分別為Photoshop和illustrate，這兩個(gè)計(jì)算機(jī)圖像處理軟件各有著不同的優(yōu)勢(shì)，其中，Photoshop為位圖軟件，illustrate為矢量軟件。作為矢量軟件的illustrate在圖標(biāo)圖形的制作中有著一定的天然優(yōu)勢(shì)，使用illustrate所繪制的UI圖標(biāo)，能夠在保證圖標(biāo)清晰度與造型的情況下進(jìn)行圖標(biāo)的放大與縮小，且其對(duì)于線條的處理十分方便。作為位圖軟件的Photoshop雖然也有著矢量工具，但是實(shí)際應(yīng)用不如illustrate便利，即使如此，Photo-shop也能夠憑借其強(qiáng)大的圖像處理功能，獲得廣泛地用戶數(shù)量。

Photoshop屬于UI中比較常用的位圖軟件，其也涉及一些矢量工具，如鋼筆工具的形狀模式、直接選擇工具、工具欄上矩形工具按鈕（直線工具、圓角矩形工具、橢圓工具、自定義形狀工具、多邊形工具）、路徑工具，上述工具在矢量圖標(biāo)繪制中均得到了廣泛的應(yīng)用。在圖形造型上，Photoshop雖然不如illus-trate便利，但是對(duì)于經(jīng)驗(yàn)豐富的設(shè)計(jì)師也可以通過(guò)經(jīng)驗(yàn)和熟練度來(lái)使這個(gè)缺陷得到彌補(bǔ)，然而造型的效率缺陷無(wú)法彌補(bǔ)。即便這樣還是會(huì)有很多的設(shè)計(jì)師會(huì)借助Photoshop軟件來(lái)對(duì)圖標(biāo)進(jìn)行設(shè)計(jì)和制作，主要是由于Photoshop具有比較豐富的圖層混合模式、強(qiáng)大的圖像處理功能、便捷的圖層管理功能和調(diào)色功能，其能夠得到細(xì)膩的圖像，而且在圖標(biāo)肌理、圖標(biāo)色彩、圖標(biāo)光影繪制過(guò)程中，也具有比較好的繪制效果。

3.2 界面設(shè)計(jì)與制作

計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的一個(gè)關(guān)鍵應(yīng)用方面就是UI本體的設(shè)計(jì)與制作。UI的設(shè)計(jì)主要是對(duì)界面進(jìn)行圖像文字的編排以及部分界面的繪制。在實(shí)際的UI設(shè)計(jì)與制作中，設(shè)計(jì)工作人員可以借助Photoshop來(lái)進(jìn)行對(duì)齊操作，可以實(shí)現(xiàn)文字的形狀化設(shè)計(jì)和編輯，從而設(shè)計(jì)出豐富且具有層次感的UI。

3.3 插圖設(shè)計(jì)與制作

在互聯(lián)網(wǎng)時(shí)代中，用戶更多地開始關(guān)注和重視UI中的插圖，這使得越來(lái)越多的UI設(shè)計(jì)人員開始在UI中進(jìn)行插圖的設(shè)計(jì)與制作，具有多元化的插圖類型，例如軟件效果插圖、引導(dǎo)頁(yè)插圖、活動(dòng)插圖等，除此之外還有著親和型、溫馨型、時(shí)尚型等插圖，其不僅可以增加軟件的友好度，而且還可以提高用戶的黏性與好感度。在插圖設(shè)計(jì)與繪制過(guò)程中，還需要具備較強(qiáng)的圖像創(chuàng)作能力，也需要良好地應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，從而使得繪制的插圖能夠直觀、形象地表達(dá)出軟件的功能內(nèi)容以及設(shè)計(jì)師的想法。

3.4 切圖輸出

在進(jìn)行UI設(shè)計(jì)過(guò)程中，對(duì)于輸出界面與圖標(biāo)的設(shè)計(jì)一般需要借助編程的方式來(lái)進(jìn)行。在進(jìn)行編程前，要完成UI設(shè)計(jì)圖標(biāo)與界面的切圖處理，對(duì)其進(jìn)行切圖，一方面使UI中的各個(gè)元素與形象獨(dú)立，便于各個(gè)獨(dú)立程序與應(yīng)用的寫入與導(dǎo)出;另一方面使UI中的軟件、程序、應(yīng)用等的圖標(biāo)元素能夠與各種尺寸的移動(dòng)終端和操作系統(tǒng)進(jìn)行適配。由于每一個(gè)操作系統(tǒng)的設(shè)計(jì)規(guī)范不同，因此，需要應(yīng)用計(jì)算機(jī)圖像處理軟件進(jìn)行切圖輸出，從而實(shí)現(xiàn)UI設(shè)計(jì)的合理性。

3.5 網(wǎng)頁(yè)中的圖像格式

對(duì)于UI設(shè)計(jì)而言，網(wǎng)頁(yè)中常見(jiàn)的圖像文件有JPEG、PNG、GIF三種格式，然而大部分瀏筧器只支持兩種圖像格式，即JPEG、GIF。此時(shí)，為了提高瀏覽者對(duì)網(wǎng)頁(yè)的下載速度，則需要網(wǎng)站設(shè)計(jì)者盡可能選擇JPEG和GIF圖像的壓縮格式。實(shí)際上，計(jì)算機(jī)屏幕的長(zhǎng)度和寬度存在一定的差異，因此在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，就對(duì)圖像的質(zhì)量提出了比較高的要求，要采取有效措施來(lái)對(duì)圖片的質(zhì)量和大小給予嚴(yán)格控制。同時(shí)，在網(wǎng)頁(yè)中圖像格式設(shè)計(jì)過(guò)程中，還需要對(duì)圖片的大小和清晰度給予綜合考慮，并結(jié)合計(jì)算機(jī)的客觀情況和UI設(shè)計(jì)的實(shí)際需求來(lái)調(diào)整圖片的質(zhì)量。

4 結(jié)語(yǔ)

綜上所述，隨著計(jì)算機(jī)技術(shù)的發(fā)展，計(jì)算機(jī)軟件與移動(dòng)終端的數(shù)量也呈現(xiàn)出快速增加的趨勢(shì)，在軟件中，UI是十分關(guān)鍵且重要的一個(gè)內(nèi)容部分，UI設(shè)計(jì)將會(huì)直接影響著用戶對(duì)于軟件的觀感與態(tài)度。文章對(duì)計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用進(jìn)行多方面分析研究，希望能夠幫助提高UI設(shè)計(jì)的效果。

參考文獻(xiàn)：

[1]何麗麗.Photoshop軟件在Ul設(shè)計(jì)中的應(yīng)用研究[J].信息系統(tǒng)工程，2019（2）：85.

[2]王曦.有關(guān)軟件中用戶界面設(shè)計(jì)的探討[J].山東工業(yè)技術(shù)，2016（24）：153.

[3]張爽，軟件用戶界面設(shè)計(jì)的探討[J].科技視界，2014（4）：58.

【通聯(lián)編輯：唐一東】

作者簡(jiǎn)介：王海峪（1978-），女，遼寧海城人，碩士，講師，研究方向：數(shù)字媒體應(yīng)用技術(shù)。