摘要：科學(xué)技術(shù)發(fā)展的同時，計(jì)算機(jī)圖像處理技術(shù)日益完善，運(yùn)用此項(xiàng)技術(shù)于UI設(shè)計(jì)行業(yè)，能夠呈現(xiàn)良好的設(shè)計(jì)效果。目前，Photoshop軟件向多功能、人性化方向發(fā)展，這為界面設(shè)計(jì)工作提供了軟件支持。該文在Ul設(shè)計(jì)介紹的基礎(chǔ)上，分析計(jì)算機(jī)圖像處理技術(shù)在操作方面、功能方面具備的優(yōu)勢，最后探究該技術(shù)在Ul設(shè)計(jì)中的應(yīng)用步驟及具體應(yīng)用。

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

中圖分類號：TP399

文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）08-0219-02

網(wǎng)絡(luò)信息背景下，UI設(shè)計(jì)工作備受關(guān)注，為進(jìn)一步拓展UI設(shè)計(jì)空間，靈活運(yùn)用計(jì)算機(jī)圖像處理技術(shù)是十分必要的，這既能突顯Photoshop軟件應(yīng)用優(yōu)勢，又能豐富用戶體驗(yàn)。由此可見，這一論題具有探究必要性，希望相關(guān)設(shè)計(jì)人員以及技術(shù)應(yīng)用人員以此為借鑒，推動UI設(shè)計(jì)行業(yè)常態(tài)化發(fā)展。

1 UI設(shè)計(jì)基本介紹

UI全稱為用戶界面，UI設(shè)計(jì)即軟件整體設(shè)計(jì)[1]。網(wǎng)絡(luò)信息時代下，UI設(shè)計(jì)分為兩種類型，即實(shí)體UI設(shè)計(jì)和虛擬UI設(shè)計(jì)，其設(shè)計(jì)內(nèi)容包括三方面，分別為圖形設(shè)計(jì)、交互設(shè)計(jì)、用戶測試/研究。UI設(shè)計(jì)效果間接反映軟件內(nèi)涵及特點(diǎn)，同時，會為用戶帶來不同的操作體驗(yàn)。

UI設(shè)計(jì)期間應(yīng)以用戶為中心，根據(jù)用戶使用需求細(xì)化設(shè)計(jì)方案。如今，大多數(shù)用戶重視界面操作的便捷性和安全性，基于此，設(shè)計(jì)人員堅(jiān)持簡易化、合理化、安全化、靈活化、人性化等基本原則，并從美觀角度考慮，針對用戶界面一致性、清晰化設(shè)計(jì)，以便為用戶帶來良好的視覺效果。預(yù)測可知，UI技術(shù)設(shè)計(jì)產(chǎn)業(yè)具有良好發(fā)展前景，要想實(shí)現(xiàn)國內(nèi)外同步發(fā)展目的，應(yīng)高度重視界面設(shè)計(jì)工作，以用戶感受為界面設(shè)計(jì)效果衡量標(biāo)準(zhǔn)，通過應(yīng)用計(jì)算機(jī)圖像處理技術(shù)不斷提升界面設(shè)計(jì)質(zhì)量，以此提高用戶滿意度。

2 UI設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用優(yōu)勢

2.1 功能豐富

計(jì)算機(jī)圖像處理技術(shù)具有圖像處理功能，具體包括調(diào)整圖像大小、文字編排、圖片優(yōu)化及數(shù)字化存儲等功能，圖像分析處理后能夠滿足用戶使用需要及視覺欣賞需要。其中Photoshop（Ps）軟件具有圖像繪制、編修等功能，基于圖像處理進(jìn)行圖像編輯，最終直觀呈現(xiàn)能夠表達(dá)操作者意圖的圖像信息。該軟件通過整合圖像設(shè)計(jì)元素、統(tǒng)一光色效果來呈現(xiàn)設(shè)計(jì)人員的設(shè)計(jì)思想，這在一定程度上能夠激發(fā)設(shè)計(jì)人員的工作熱情，進(jìn)而提升用戶界面的藝術(shù)價值，由于UI設(shè)計(jì)工作向個性化、創(chuàng)意化方向發(fā)展，基于此，Ps軟件為設(shè)計(jì)者提供特效工具，滿足用戶界面新穎化、實(shí)用化設(shè)計(jì)需求。由此可見，Ps軟件具有操作廣泛、精確度高等優(yōu)點(diǎn)，該軟件將繪圖工具和設(shè)計(jì)創(chuàng)意有機(jī)融合，為UI設(shè)計(jì)提供有力支持。

2.2 便捷操作

Ps軟件不僅具備豐富功能，而且操作方便、響應(yīng)及時，能夠全方面滿足設(shè)計(jì)者的使用需要。分析原因可知，該軟件屬于多圖層軟件，它支持元素整合、圖層增減等個性化操作。對于設(shè)計(jì)人員來說，能夠根據(jù)用戶界面設(shè)計(jì)需求對元素或圖層自由改動，以期呈現(xiàn)良好的設(shè)計(jì)效果。從中能夠看出，UI設(shè)計(jì)環(huán)節(jié)Ps軟件操作較靈活，這既能為設(shè)計(jì)人員提供才能展示空間，又能呈現(xiàn)良好的界面設(shè)計(jì)效果。以往傳統(tǒng)的計(jì)算機(jī)圖像處理技術(shù)具有操作煩瑣、耗時長、效果差等不足，相對比而言，Ps軟件能夠更好地滿足新時代UI設(shè)計(jì)需要。

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

3.1 應(yīng)用步驟

計(jì)算機(jī)圖像處理技術(shù)用于UI設(shè)計(jì)，主要遵循信息獲取、創(chuàng)新設(shè)計(jì)、方法選擇、用戶界面制作這一步驟。對于信息獲取，即面向用戶進(jìn)行數(shù)據(jù)信息調(diào)取，據(jù)此掌握用戶對設(shè)計(jì)產(chǎn)品的體驗(yàn)效果，以及真正的使用需要，在此基礎(chǔ)上細(xì)化技術(shù)應(yīng)用目標(biāo)，利用Ps軟件功能來完成用戶界面精細(xì)化設(shè)計(jì)目標(biāo)。對于創(chuàng)新設(shè)計(jì)，指的是客觀分析數(shù)據(jù)信息，設(shè)計(jì)人員有方向、有目標(biāo)的進(jìn)行創(chuàng)新設(shè)計(jì)，在此期間，設(shè)計(jì)人員充分彰顯自身創(chuàng)造能力，將創(chuàng)新思維通過Ps軟件呈現(xiàn)于UI設(shè)計(jì)作品中，以便為用戶帶來非凡體驗(yàn)。需注意的是，針對用戶界面設(shè)計(jì)工作詳細(xì)規(guī)劃，并制定總體方案，將創(chuàng)意思路與設(shè)計(jì)需求有機(jī)統(tǒng)一。對于方法選擇，詳盡分析各類方法的實(shí)踐特點(diǎn)，結(jié)合用戶界面設(shè)計(jì)風(fēng)格選用適宜的表現(xiàn)手法。正常來說，可選擇的表現(xiàn)手法包括寫實(shí)手法、反襯手法、層遞手法，根據(jù)整體規(guī)劃選用一種或多種表現(xiàn)手法。對于用戶界面制作，將前期理論內(nèi)容落實(shí)于實(shí)踐，利用計(jì)算機(jī)圖像處理技術(shù)不斷修正，直到符合作品效果符合設(shè)計(jì)要求。

3.2 具體應(yīng)用

計(jì)算機(jī)圖像處理技術(shù)用于設(shè)計(jì)用戶界面，著重分析Ps軟件在圖標(biāo)、界面、插圖、終端顯示四方面的應(yīng)用。對于設(shè)計(jì)人員來說，能夠合理調(diào)整設(shè)計(jì)思路、規(guī)范UI設(shè)計(jì)行為，確保設(shè)計(jì)完成的作品能夠迎合用戶需求，并潛移默化的提升用戶視覺欣賞水平，充實(shí)用戶的業(yè)余生活。

3.2.1 Ps軟件用于圖標(biāo)設(shè)計(jì)

用戶界面設(shè)計(jì)工作由多個環(huán)節(jié)組成，其中圖標(biāo)設(shè)計(jì)工作屬于基礎(chǔ)性內(nèi)容，圖標(biāo)具有信息指示、圖形區(qū)別等作用。一般來說，圖標(biāo)分為兩種類型，對于應(yīng)用型圖標(biāo)，具有功能整合、標(biāo)志區(qū)分、軟件啟動等功能;對于功能型圖標(biāo)，主要起到功能介紹、操作交互、信息指引的作用。用于圖標(biāo)繪制的計(jì)算機(jī)圖像處理技術(shù)有多種，最為常用的軟件有兩種，分別為Ps位圖軟件和AI矢量軟件。雖然這兩類軟件存在差異，但在圖標(biāo)繪制方面的優(yōu)勢作用毋庸置疑，兩類軟件均有強(qiáng)大的用戶群體，足以見之，兩類軟件具有較強(qiáng)實(shí)用性，能為相關(guān)設(shè)計(jì)行業(yè)提供可靠支持。其中，兩類軟件優(yōu)點(diǎn)比較分析如下：

Ps軟件內(nèi)置一定矢量工具，如選型工具、路徑工具，設(shè)計(jì)者通過操作相應(yīng)工具來繪制矢量圖標(biāo)。由于Ps軟件對設(shè)計(jì)者的設(shè)計(jì)技能提出了較高要求，對于技能嫻熟的設(shè)計(jì)者來說，能夠憑借已有設(shè)計(jì)經(jīng)驗(yàn)彌補(bǔ)Ps軟件實(shí)踐的不足，使Ps軟件在用戶界面（圖標(biāo)設(shè)計(jì)）中的優(yōu)勢全面發(fā)揮。部分設(shè)計(jì)者靈活運(yùn)用圖層管理功能，將圖標(biāo)處理成理想效果。

AI軟件開發(fā)于美國Adobe公司，軟件語言支持中英文切換，該軟件主要用于廣告、噴繪、平面、網(wǎng)頁等領(lǐng)域，如今軟件版本為CC2019[2]。AI軟件借助鋼筆工具繪制矢量圖，綜合應(yīng)用文字處理、色彩添加、插圖制作等功能，其操作較簡單，與Ps軟件相比易上手。需特殊說明的是，圖標(biāo)經(jīng)AI軟件繪制后，圖標(biāo)縮放操作對圖標(biāo)清晰度無任何影響;AI軟件支持線條變形、圓角處理，以此突破固有設(shè)計(jì)思維，并提高圖標(biāo)設(shè)計(jì)效率。其中，AI軟件具備造型工具，這為創(chuàng)意圖形生成提供了可靠工具。例如，設(shè)計(jì)者利用像素描繪功能有效編輯矢量圖，并適當(dāng)優(yōu)化設(shè)計(jì)流程，支持多邊形、樣條曲線等圖標(biāo)繪制操作。

無論應(yīng)用哪種計(jì)算機(jī)圖像處理技術(shù)進(jìn)行UI設(shè)計(jì)，都要掌握各軟件快捷鍵操作技巧，這既能節(jié)省設(shè)計(jì)時間，又能提高設(shè)計(jì)效率，同時，這也能反映設(shè)計(jì)者的設(shè)計(jì)水平。由于用戶界面設(shè)計(jì)要求日益細(xì)化，并且用戶需求動態(tài)改變，要想成功設(shè)計(jì)出迎合時代需要、滿足用戶需求的產(chǎn)品，需要設(shè)計(jì)人員靈活操作計(jì)算機(jī)圖像處理技術(shù)，以期加強(qiáng)圖標(biāo)設(shè)計(jì)、界面設(shè)計(jì)、插圖設(shè)計(jì)等環(huán)節(jié)間的聯(lián)系，最終呈現(xiàn)良好的視覺設(shè)計(jì)效果。這既能擴(kuò)大計(jì)算機(jī)圖像處理技術(shù)實(shí)踐范圍，又能逐漸提升設(shè)計(jì)人員的設(shè)計(jì)能力。

3.2.2 Ps軟件用于界面設(shè)計(jì)

界面設(shè)計(jì)又被稱為界面繪制，Ps軟件設(shè)計(jì)用戶界面時，主要以個人計(jì)算機(jī)為運(yùn)行載體，即利用對齊輔助功能對界面校核操作。面向蘋果PC機(jī)用戶進(jìn)行界面設(shè)計(jì)時，首選設(shè)計(jì)軟件為Sketch，通過圖文編排進(jìn)行再創(chuàng)作。設(shè)計(jì)人員深入研究用戶需求，向用戶提供多種界面圖形，最后精心設(shè)計(jì)用戶推薦指數(shù)較高的一款界面圖形，利用字庫、文字編輯功能完成界面設(shè)計(jì)任務(wù)。

3.2.3 Ps軟件用于插圖設(shè)計(jì)

近年來，用戶的界面使用需求日益多樣化，為增強(qiáng)界面吸引力，體現(xiàn)界面簡簡潔化、可讀性特點(diǎn)，應(yīng)用Ps軟件進(jìn)行插圖設(shè)計(jì)具有可行性和必要性[3]。從某種程度上來講，圖片內(nèi)容起到信息傳遞載體作用，并改變以往文字信息單一排列形式，能為用戶帶來新鮮感，并適當(dāng)緩解操作疲勞度。一般來說，常見節(jié)日插圖、導(dǎo)向插圖、活動插圖，部分插圖動態(tài)變化，這無形當(dāng)中能夠增強(qiáng)用戶黏性。除Ps軟件外，SAI軟件、AI軟件具有繪圖能力強(qiáng)、操作便捷、適用范圍廣、線稿精確度高等優(yōu)點(diǎn)。對于設(shè)計(jì)人員來說，能夠靈活運(yùn)用計(jì)算機(jī)圖像處理技術(shù)表達(dá)獨(dú)特的設(shè)計(jì)理念，呈現(xiàn)良好的插圖設(shè)計(jì)效果。

3.2.4 Ps軟件用于終端顯示

待圖標(biāo)、界面、插圖設(shè)計(jì)任務(wù)結(jié)束后，借助Ps輸出功能將其顯示于終端設(shè)備，以供用戶操作。在此期間，編程人員充分發(fā)揮切圖優(yōu)勢，通過界面元素有序排列、程序錄入等步驟為切圖工作做準(zhǔn)備，同時，客觀分析安卓、蘋果等操作系統(tǒng)的異同之處，根據(jù)操作系統(tǒng)實(shí)踐需要予以適配。如今，各類操作系統(tǒng)的設(shè)計(jì)規(guī)范自成體系，不同系統(tǒng)下的電子產(chǎn)品和終端設(shè)備層出不窮，為準(zhǔn)確、直觀顯示設(shè)計(jì)產(chǎn)品于終端，勢必要落實(shí)切圖工作于過程，以便滿足界面操作需要[4]。

4 總結(jié)

綜上所述，新時代背景下，智能計(jì)算機(jī)以較快速度發(fā)展，要想呈現(xiàn)用戶界面設(shè)計(jì)的良好效果，應(yīng)有效運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，將Ps軟件與UI設(shè)計(jì)工作有機(jī)融合，通過發(fā)揮Ps軟件功能優(yōu)勢來提升用戶界面設(shè)計(jì)質(zhì)量。為彌補(bǔ)計(jì)算機(jī)圖像處理技術(shù)的不足，應(yīng)通過技術(shù)深入分析、相關(guān)技術(shù)聯(lián)合等方式順利完成用戶界面設(shè)計(jì)任務(wù)，推動我國用戶界面設(shè)計(jì)行業(yè)良性發(fā)展。

參考文獻(xiàn)：

[1]王振彥，網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程，2014（7）：121-122.

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

[3]孫晗.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].科技創(chuàng)新導(dǎo)報，2018，15（35）：113，115.

[4]余紅珍，盧麗媛.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中圖像處理技術(shù)應(yīng)用分析[J].中國新通信，2018，20（19）：226.

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

基金項(xiàng)目：本文為武漢市教育局2017年市屬高校教學(xué)研究重點(diǎn)項(xiàng)目《基于校園網(wǎng)的微課資源建設(shè)研究》?（2017046）階段性成果

作者簡介：雷菁（1983-），女，湖北武漢人，武漢大學(xué)本科碩士，武漢城市職業(yè)學(xué)院計(jì)算機(jī)與電子信息工程學(xué)院，講師，研究方向?yàn)楦呗毥逃?、UI界面設(shè)計(jì)。