計算機圖像處理技術在UI設計中的應用

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

關鍵詞：UI設計;計算機圖像處理技術;應用分析

中圖分類號：TP399

文獻標識碼：A

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

網絡信息背景下，UI設計工作備受關注，為進一步拓展UI設計空間，靈活運用計算機圖像處理技術是十分必要的，這既能突顯Photoshop軟件應用優勢，又能豐富用戶體驗。由此可見，這一論題具有探究必要性，希望相關設計人員以及技術應用人員以此為借鑒，推動UI設計行業常態化發展。

1 UI設計基本介紹

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

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

2 UI設計中計算機圖像處理技術的應用優勢

2.1 功能豐富

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

2.2 便捷操作

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

3 UI設計中計算機圖像處理技術的應用分析

3.1 應用步驟

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

3.2 具體應用

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

3.2.1 Ps軟件用于圖標設計

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

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

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

無論應用哪種計算機圖像處理技術進行UI設計，都要掌握各軟件快捷鍵操作技巧，這既能節省設計時間，又能提高設計效率，同時，這也能反映設計者的設計水平。由于用戶界面設計要求日益細化，并且用戶需求動態改變，要想成功設計出迎合時代需要、滿足用戶需求的產品，需要設計人員靈活操作計算機圖像處理技術，以期加強圖標設計、界面設計、插圖設計等環節間的聯系，最終呈現良好的視覺設計效果。這既能擴大計算機圖像處理技術實踐范圍，又能逐漸提升設計人員的設計能力。

3.2.2 Ps軟件用于界面設計

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

3.2.3 Ps軟件用于插圖設計

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

3.2.4 Ps軟件用于終端顯示

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

4 總結

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

參考文獻：

[1]王振彥，網頁設計中計算機圖像處理技術的應用[J].電子技術與軟件工程，2014（7）：121-122.

[2）何麗麗.Photoshop軟件在UI設計中的應用研究[J].信息系統工程，2019（02）：85.

[3]孫晗.計算機圖像處理技術在網頁設計中的應用[J].科技創新導報，2018，15（35）：113，115.

[4]余紅珍，盧麗媛.計算機網頁設計中圖像處理技術應用分析[J].中國新通信，2018，20（19）：226.

【通聯編輯：唐一東】

基金項目：本文為武漢市教育局2017年市屬高校教學研究重點項目《基于校園網的微課資源建設研究》?（2017046）階段性成果

作者簡介：雷菁（1983-），女，湖北武漢人，武漢大學本科碩士，武漢城市職業學院計算機與電子信息工程學院，講師，研究方向為高職教育、UI界面設計。