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

關鍵詞：計算機圖像處理技術;Ul設計;設計原則;設計要點;應用分析

中圖分類號：TP181 文獻標識碼：A

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

開放科學（資源服務）標識碼（OSID）：

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

1 計算機圖像處理技術概述

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

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

2 用戶界面設計介紹概述

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

2.1 用戶界面設計原則

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

2.2 軟件UI設計要點

由于UI設計的領域專業(yè)眾多，因此也有著較多的設計要點，在實際的UI設計中，必須要對設計要點加以關注和重視，并依據要點進行合理科學地設計，從而保證UI設計的效率與水平。文章本部分將對軟件的UI設計要點進行探析，一般而言，軟件的用戶界面設計要點主要有四個方面。

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

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

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

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

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

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

3.1 圖標設計與制作

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

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

3.2 界面設計與制作

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

3.3 插圖設計與制作

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

3.4 切圖輸出

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

3.5 網頁中的圖像格式

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

4 結語

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

參考文獻：

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

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

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

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

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