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

陽 密

（湖南財經(jīng)工業(yè)職業(yè)技術(shù)學(xué)院 湖南 衡陽 421002）

1 引言

隨著我國信息技術(shù)的不斷發(fā)展，社會已經(jīng)進(jìn)入網(wǎng)絡(luò)信息時代。在這種背景下，UI設(shè)計工作就顯得尤為重要。為了不斷地優(yōu)化UI設(shè)計，運(yùn)用計算機(jī)圖像處理技術(shù)尤為重要。設(shè)計工作人員要充分發(fā)揮Photoshop軟件的功能，豐富UI設(shè)計工作，給用戶以更充實的視覺感受。所以，計算機(jī)圖像處理技術(shù)能夠使UI設(shè)計更加豐富飽滿，更符合人們的審美眼光。從本質(zhì)上來講，計算機(jī)圖像處理技術(shù)就是將圖片中的每一個細(xì)小的點(diǎn)處理好，通過對色度的調(diào)整對細(xì)節(jié)進(jìn)行詳細(xì)的處理，進(jìn)而使圖像的清晰度更高，呈現(xiàn)的效果也更為理想。

2 UI設(shè)計基本介紹

所謂的UI就是計算機(jī)用戶的界面，從本質(zhì)上來講，用戶界面設(shè)計是計算機(jī)圖像處理技術(shù)中的軟件設(shè)計。在當(dāng)今網(wǎng)絡(luò)信息大環(huán)境下，UI設(shè)計可劃分為兩大類別，第一種是虛擬設(shè)計；第二種是實體設(shè)計。本方案的設(shè)計內(nèi)容則包括3個方面：第一點(diǎn)，圖形設(shè)計；第二點(diǎn)，分為交互設(shè)計，使用者介面設(shè)計的效果直接影響軟件的品質(zhì)與特性，并決定使用者的體驗；第三點(diǎn)，在UI設(shè)計界面中，其計算機(jī)設(shè)計師以用戶為中心，根據(jù)用戶的使用習(xí)慣、用戶的需求，進(jìn)行合理化的UI設(shè)計?；诖?，設(shè)計人員要秉承簡單化、合理化、人性化的原則進(jìn)行設(shè)置，并且需要注意界面的美觀性和清晰性，給用戶良好的視覺體驗。通過對互聯(lián)網(wǎng)用戶的分析，UI設(shè)計具有良好的發(fā)展?jié)摿?，要想在互?lián)網(wǎng)產(chǎn)業(yè)中獲得更大的發(fā)展，就必須要重視界面的設(shè)計工作，以用戶的滿意度作為衡量設(shè)計的標(biāo)準(zhǔn)，不斷優(yōu)化設(shè)計的流程，從而使其UI界面的質(zhì)量有所提升，滿足不同需求。

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

3.1 功能豐富

在功能上，計算機(jī)圖像處理技術(shù)具有較強(qiáng)的實用性，特別是在圖像處理功能上，可以有效地調(diào)節(jié)圖像尺寸、編輯文字、優(yōu)化圖像清晰度，使圖像處理后，更符合用戶的使用體驗。其中，Photoshop軟件（簡稱PS）還具有圖片繪制、修改等功能，高效地完成圖片的編輯功能，完整地呈現(xiàn)著設(shè)計者的思想。PS軟件通過優(yōu)化圖片的像素，調(diào)節(jié)圖片的色度來呈現(xiàn)出設(shè)計者所要表達(dá)的思想，在一定程度上也能充分體現(xiàn)出圖片的藝術(shù)價值。但是，因為UI設(shè)計工作具有較強(qiáng)的個性化要求。所以，設(shè)計者還需要使用PS軟件工具融入一些特殊的主題，以此來滿足客戶的不同需要。所以，PS軟件具備廣泛的操作性，為設(shè)計人員的設(shè)計提供了有效的技術(shù)保障[1]。

3.2 便捷操作

PS軟件不僅功能豐富，而且操作十分便捷，反應(yīng)也十分迅速，能夠滿足設(shè)計者在設(shè)計過程中的需要。通過對PS軟件的分析我們得出，該軟件屬于多圖層軟件，能夠完成各種圖片的優(yōu)化和編輯，呈現(xiàn)出個性的效果。對于UI設(shè)計工作人員來講，能夠及時地對UI客戶反饋的意見進(jìn)行修改，以便于給用戶更好的使用體驗。通過分析我們得出，在UI設(shè)計工作中，PS軟件發(fā)揮著重要的作用，能夠滿足設(shè)計人員的設(shè)計需求，呈現(xiàn)出良好的視覺效果。傳統(tǒng)的計算機(jī)圖像處理技術(shù)在操作過程中，不僅操作難度比較大，耗費(fèi)的時間也比較長，視覺效果也不是十分理想。所以，在PS與傳統(tǒng)的計算機(jī)圖像處理軟件對比可知，PS軟件的優(yōu)勢更加明顯，更勝任UI設(shè)計者對設(shè)計軟件的需要。

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

4.1 應(yīng)用步驟

在UI設(shè)計工作中使用計算機(jī)圖像處理技術(shù)，需要遵循信息獲得、創(chuàng)新設(shè)計、方法選擇、用戶界面制作等步驟。（1）信息獲得，就是對用戶提出的要求進(jìn)行系統(tǒng)的分析和總結(jié)，掌握用戶對界面的需求，以便于在設(shè)計過程中更好地滿足客戶的要求。這樣一來，設(shè)計工作人員在利用PS設(shè)計過程中方向也更加明顯。（2）創(chuàng)新設(shè)計，就是指客觀地分析數(shù)據(jù)信息，以便于設(shè)計人員優(yōu)化設(shè)計思路，更好地投入到界面設(shè)計當(dāng)中。在設(shè)計過程中，設(shè)計人員要發(fā)揮自己的創(chuàng)新能力，通過PS軟件將客戶的要求呈現(xiàn)到UI作品中，以此來獲得客戶的滿意。需要注意的是，在針對用戶界面設(shè)置過程中，需要設(shè)計人員詳細(xì)制定設(shè)計的方案，方案越具體，設(shè)計工作開展也會越順利。（3）方法選擇，就是詳細(xì)分析各種設(shè)置方法的優(yōu)缺點(diǎn)，結(jié)合用戶的需求選擇適合的設(shè)計方法。一般而言，在設(shè)計方法確定的過程中，可供使用的手法有很多，比如寫實、反襯、遞進(jìn)等手法，根據(jù)之前制定的設(shè)置方案進(jìn)行選擇確定。（4）用戶界面制作，設(shè)計人員需要將前面整理的思路和手法運(yùn)用到積極的設(shè)計工作中，在充分利用計算機(jī)圖像處理技術(shù)進(jìn)行不斷地優(yōu)化，以此來實現(xiàn)最優(yōu)質(zhì)的視覺體驗[2]。

4.2 具體應(yīng)用

在用戶界面設(shè)計過程中運(yùn)用計算機(jī)圖像處理技術(shù)，需要著重分析PS軟件在圖表、界面、插圖以及終端顯示等幾個方面的應(yīng)用。對于設(shè)計人員而言，需要整理設(shè)計思路，不斷優(yōu)化UI設(shè)計要求，進(jìn)而保證設(shè)計結(jié)果符合客戶的要求。設(shè)計人員在交付客戶的過程中，要對設(shè)計思路進(jìn)行充分的交流，以此來讓客戶了解設(shè)計人員的想法，潛移默化地提高客戶的欣賞水平，進(jìn)而建立牢固的合作關(guān)系。

4.2.1 PS軟件用于圖標(biāo)設(shè)計

用戶界面在設(shè)計時，是由多個環(huán)節(jié)組成在一起的，其中圖表設(shè)計工作屬于基礎(chǔ)工作范疇，圖表具有指示功能以及圖形區(qū)別的功能。一般而言，圖標(biāo)設(shè)計可分為兩種，一種是應(yīng)用型圖標(biāo)。主要是整理界面的功能區(qū)域，啟動相關(guān)軟件的功能。另外一種是功能性圖標(biāo)。主要是介紹功能的使用，交互系統(tǒng)以及信息指引的功能。在圖標(biāo)繪制的過程中，計算機(jī)圖像處理技術(shù)雖然有很多種，但是，設(shè)計人員使用的還是以PS為主。PS具有操作性強(qiáng)、反應(yīng)速度快、操作難度不大、功能全面等優(yōu)勢，能夠?qū)υO(shè)計人員提供有效的技術(shù)支持。另外一種軟件就是AI矢量軟件，AI矢量軟件與PS軟件的功能相差不大，AI在矢量圖形和圖標(biāo)的制作上占優(yōu)勢，兩者都有很多設(shè)計人員在使用。在PS軟件當(dāng)中，也有一些可以做圖標(biāo)的工具比如形狀工具、鋼筆工具等，設(shè)計人員需要根據(jù)界面設(shè)計要求，選擇適當(dāng)?shù)氖噶抗ぞ哌M(jìn)行繪制圖標(biāo)。但是，PS軟件對設(shè)計人員的設(shè)計水平有較高的要求，需要設(shè)計人員有清晰的思路、熟練的操作技法，掌握PS軟件的特點(diǎn)，進(jìn)而使設(shè)計的圖標(biāo)呈現(xiàn)理想的效果，滿足客戶的視覺要求和使用需求。相比于PS軟件的操作，AI軟件能夠?qū)崿F(xiàn)中英文有效地切換，在廣泛涉及、噴繪以及一些平面設(shè)計當(dāng)中，AI軟件有著廣闊的市場。AI軟件內(nèi)置大量的矢量繪圖工具，能夠?qū)ξ淖帧⑾袼匾约吧蔬M(jìn)行很好的處理，操作也相對比較簡單，與PS一樣，需要特別強(qiáng)調(diào)的是，在設(shè)計時，如果圖標(biāo)經(jīng)過AI處理后，圖標(biāo)的縮放操作對清晰度的影響并不大。不僅如此，AI軟件在制圖過程中，還支持線條變形、圓角處理等功能，并具有較好的效果，能夠有效地突出設(shè)計者的思路，能夠高效地完成圖標(biāo)的設(shè)計工作?？梢哉f，AI軟件在創(chuàng)意圖標(biāo)方面的技術(shù)更可靠。但是，無論設(shè)計人員使用哪種計算機(jī)圖像處理技術(shù)進(jìn)行界面設(shè)計工作，都需要建立在熟練操作的基礎(chǔ)之上，這樣一來，不僅能夠節(jié)省設(shè)計過程中所消耗的時間，提高工作效率，還能充分反映出設(shè)計工作者的設(shè)計能力。目前而言，用戶界面設(shè)計工作逐漸向著細(xì)分化方向發(fā)展，而且，用戶的需求也時刻在變動，設(shè)計人員要想與時代發(fā)展同步，就需要不斷學(xué)習(xí)各種計算機(jī)圖像處理技術(shù)，分析其優(yōu)勢和劣勢，以便于更好地滿足客戶的要求。另外，還要求設(shè)計人員在使用計算機(jī)圖像處理技術(shù)，對圖標(biāo)、界面以及插圖進(jìn)行不斷地優(yōu)化，并且加強(qiáng)他們之間內(nèi)在的聯(lián)系，以此來呈現(xiàn)出更佳的視覺效果。

4.2.2 PS軟件用于界面設(shè)計

設(shè)計人員在對界面進(jìn)行設(shè)計的過程中，用計算機(jī)圖像處理技術(shù)進(jìn)行用戶界面設(shè)計時，需要以計算機(jī)為載體，對設(shè)計邊界進(jìn)行有效操作。用 Sketch作為首選的設(shè)計軟件是蘋果電腦客戶端界面設(shè)計的最佳選擇，然后有效地編輯圖片和文本。另外，設(shè)計人員還需要分析客戶的需求，給用戶提供不同的設(shè)計界面，讓客戶進(jìn)行有效地選擇或者綜合設(shè)計者的思路進(jìn)行最后的確定，這樣一來，不僅能夠更好地滿足客戶的要求，還能有效提高設(shè)計人員的工作效率。

4.2.3 PS軟件用于插圖設(shè)計

隨著互聯(lián)網(wǎng)用戶的不斷增加，用戶界面的使用量也與日俱增，并且呈現(xiàn)出多樣化的發(fā)展趨勢?；诖?，為了增強(qiáng)界面的吸引力，讓用戶更迅速地讀取界面信息，設(shè)計人員可以使用PS軟件對插圖進(jìn)行有效地優(yōu)化。這樣一來，能夠?qū)⒉鍒D信息更完美地呈現(xiàn)出來，給用戶更好地視覺感受，有效緩解客戶在使用互聯(lián)網(wǎng)過程中造成的疲勞感。一般而言，常見的插圖有節(jié)日插圖、指向性插圖、活動插圖以及一些廣告插圖等，還有一些插圖是動態(tài)的形式，這樣一來，不僅能夠充分吸引客戶的注意力，還能起到一定的導(dǎo)流作用。在計算機(jī)圖像處理過程中，除了常用的PS軟件之外，還有AI軟件以及SAI軟件，這些圖像設(shè)計軟件操作都十分靈活，范圍也十分廣泛，對設(shè)計人員來講，能夠充分表達(dá)設(shè)計者的思想，呈現(xiàn)良好的視覺效果。

4.2.4 PS軟件用于終端顯示

在設(shè)計終端顯示過程中，設(shè)計人員要充分發(fā)揮切換圖片的優(yōu)勢，并且通過界面的排列順利為切圖做好技術(shù)準(zhǔn)備。與此同時，設(shè)計人員還需要對安卓和蘋果兩個不同的系統(tǒng)進(jìn)行有效地分析，分析兩者之間的異同，根據(jù)系統(tǒng)的特點(diǎn)進(jìn)行設(shè)計。目前而言，各系統(tǒng)之間已經(jīng)形成了獨(dú)立的系統(tǒng)，而且，不同系統(tǒng)之間的終端電子產(chǎn)品也不斷推陳出新，為準(zhǔn)確直觀地實現(xiàn)終端設(shè)計思路，以此來滿足客戶的需要[3]。

5 結(jié)語

綜上所述，在電子計算機(jī)迅速發(fā)展的背景下，為使用戶界面呈現(xiàn)不同的視覺效果，需要采用適合的計算機(jī)圖像處理技術(shù)，利用適合的圖像處理軟件，有效地融合 UI設(shè)計工作，充分利用圖像處理軟件的優(yōu)點(diǎn)，使用戶界面呈現(xiàn)出良好的視覺效果，以滿足用戶需求，提高用戶滿意度。