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

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

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

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

文章編號：1009-3044（2020）33-0192-03

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.4 切圖輸出

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

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

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

4 結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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