前言：尋找寫作靈感？中文期刊網用心挑選的計算機圖像處理技術在UI設計的應用，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：圖像數字化時代，計算機圖像處理技術廣泛應用于各行各業。計算機圖像處理技術主要是在Photoshop軟件基礎上實現的，作為當前設計領域必備的主流軟件，Photoshop軟件的應用基礎比較廣泛，在不斷改進和完善的過程中，軟件的功能也更趨向于實用性和人性化，ui設計主要用到圖像處理軟件Photoshop，文章通過Photoshop在UI設計中的應用來研究計算機圖像處理技術在UI設計中的應用。
關鍵詞：圖像處理；用戶界面設計；圖形圖像；圖標設計；界面設計
在計算機領域，圖像數字化是指利用數字對圖像進行記錄、處理和保存。數字化圖像有兩種，一種是矢量圖形，一種是位圖圖像。圖形是對場景空間位置、顏色等的描述和定義，通過專門的軟件，將人們描述的圖形指令變成計算機屏幕上的形狀和顏色，形成圖形，適用于色彩不豐富、描述輪廓不復雜的對象。圖像是通過矩陣表示場景的結構、外觀，對畫面或者場景投影進行數字化處理。在矩陣中，每個元素都表示畫面里的1個像素灰度值，圖像不僅能夠表達真實照片，還能表達小細節。圖像由多個像素排列而成，具有較強的創造力。圖像和圖形的主要區別是圖形可以任意縮放，并且不會變形，但是圖像如果變大，就會變形、失真。
1計算機圖像處理
計算機圖像處理是對圖像進行分析、加工和處理，使其滿足視覺、心理以及其他要求的技術。圖像處理是信號處理在圖像域上的一個應用。大多數的圖像是以數字形式存儲，因而圖像處理很多情況下指的是數字圖像處理。計算機圖像處理的主要內容包括大小的調整、亮度和色彩的調整、圖片優化、摳圖、文字編排、保存圖片和輸出圖片。
2Photoshop軟件相關介紹
Photoshop，簡稱“PS”，是由AdobeSystems開發和發行的圖像處理軟件。Photoshop是一款位圖處理軟件。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作，功能強大，在圖像、圖形、文字、視頻、出版、界面設計等各方面都有涉及。該軟件可分為圖像編輯、圖像合成、校色調色及特效制作等。圖像編輯是圖像處理的基礎，可以對圖像做各種變換如放大、縮小、旋轉、傾斜、鏡像、透視等，也可進行復制、去除斑點、修補、修飾圖像的殘損等。圖像合成則是將幾幅圖像通過圖層操作、工具應用，合成完整的、傳達明確意義的圖像。該軟件提供的繪圖工具讓外來圖像與創意很好地融合。校色調色可方便、快捷地對圖像的顏色進行明暗、色偏的調整和校正。特效制作在該軟件中主要由濾鏡、通道及工具綜合應用完成，包括圖像的特效創意和特效字的制作，常用的傳統美術技巧都可借由該軟件特效完成。界面設計是一個新興的領域，由于Photoshop的功能可以滿足界面設計的需要，絕大多數設計者都使用該軟件進行界面的設計與制作。
3UI設計的相關介紹
用戶界面（UserInterface，UI），是系統和用戶之間進行交互和信息交換的媒介。界面被設計者設計制作出來，利用它將計算機的內部信息轉換成普通用戶可以接受的信息形式，是硬件和用戶之間的橋梁。用戶界面定義廣泛，包含了人機交互與圖形用戶接口，凡參與人類與機械信息交流的領域都存在著用戶界面。界面的設計大致包括圖形用戶界面（GraphicalUserInterface，GUI）交互設計和視覺設計，這里討論的是計算機圖像處理技術在UI設計中的應用，所以只討論界面視覺設計的范疇，主要包括圖標（icon）設計、界面編排、插圖設計、切圖輸出這4個部分。
4計算機圖像處理技術在UI設計中的應用
4.1圖標設計與制作
圖標設計是界面設計中一個重要的組成部分，圖標除了是一種圖形，它還是一種標識，如同交通指示牌具有指示的作用。在開啟軟件和使用軟件過程中發揮著巨大的作用。圖標主要有應用圖標和功能圖標兩類：（1）應用圖標，有展示軟件形象，功能以及開啟軟件的功能。（2）功能圖標，在使用軟件的過程中有交互、指引、入口等功能?？梢詫D標進行設計和繪制的軟件很多，應用最為廣泛的是Photoshop和illustrate，Photoshop是位圖軟件，illustrate是矢量軟件，兩個軟件在繪制圖標上各有優勢，都擁有數量龐大的使用者。圖標本身偏圖形一些，所以，作為矢量軟件的illustrate有天然的優勢，使用illustrate繪制的圖標，放大、縮小都不會影響圖標的清晰度和造形。在對線條進行刪除、扭曲、規律行的變形等處理時非常方便。經過產品的不斷優化，illustrateCC以上的版本將以前處理圓角的外部插件內化進軟件自身，使繪制圖標時重要的圓角處理過程變得更加有效率。illustrate中設置的一些專門對形狀進行造形的工具如形狀生成器、效果器、極坐標等可以輕松獲得漂亮的圖形。Photoshop是一個位圖軟件，Photoshop中也設置了一些矢量工具：鋼筆工具的形狀模式、工具欄上矩形工具按鈕下的一組工具（橢圓工具、圓角矩形工具、直線工具、多邊形工具、自定義形狀工具）、直接選擇工具、路徑工具。這些工具都可以讓我們繪制出一個矢量圖標。在圖形造形上確實不如illustrate便利，當然，有經驗的設計師會用自己的經驗和技巧盡量地彌補這個缺陷，但是造形的效率缺陷仍然存在。即便如此仍有數量不少的設計師使用Photoshop設計制作圖標，因為Photoshop有強大的圖像處理功能、豐富的圖層混合模式、調色功能以及便捷的圖層管理功能，可以得到細膩的圖像，在繪制圖標色彩、圖標肌理、圖標光影的時候非常方便。
4.2界面設計與制作
Photoshop是目前主流的界面設計工具之一，主要運行終端是PC機。蘋果電腦用戶主要使用Sketch軟件進行界面編排與設計。界面設計主要是圖文編排和一些界面的繪制。對于圖文編排，Photoshop擁有完善的對齊輔助功能，可以幫助設計者進行準確的對齊操作。Photoshop有齊全的字庫，有文字形狀化編輯功能。設計者可以使用圖層管理不同的界面圖形。
4.3插圖設計與制作
由于互聯網文化的發展，插圖被頻繁地使用，在進行界面設計時，會涉及不少插圖的設計與制作：引導頁插圖、運營插圖、節日插圖、活動插圖等。或優美、或親切、或時尚、或溫馨的插圖，會增加軟件的友好度，增加用戶黏性。繪制插圖時需要較強的圖像創作能力和圖像處理能力。繪制插圖的軟件同樣很多：Photoshop，illustrate（擅長矢量插圖的創作）、專項繪圖軟件SAI（軟件體量輕盈，對計算機的資源占用小）。計算機圖像處理使用的Photoshop軟件在繪圖功能上不輸上述軟件，有數量可觀的用戶使用它創作繪制插畫。
4.4切圖輸出
UI設計輸出的界面和圖標，最終由編程人員應用到軟件中。在進行編程之前，需要將界面和圖標進行切圖。切圖的作用主要是兩個：（1）使界面中的各個元素獨立，便于寫入程序。（2）配適各種尺寸的終端以及操作系統。目前，主流的操作系統有蘋果系統和安卓系統，每一個操作系統有不同的設計規范。這兩大系統下的移動產品終端尺寸也是多種多樣，通常需要將設計原圖切成2倍大、3倍大的切圖來配適各種尺寸的終端。
5在教學實踐中的“UI設計”課程教學改革
基于多年的“UI設計”課程教學實踐，以及多年對該領域的研究，筆者認為在課程內容上，應改變以往的以視覺設計為主，單純將圖標繪制和界面設計作為主要教學重點的課程內容，增加產品創意、UI交互設計、用戶體驗設計、圖標動效設計與制作、界面動效設計與制作、插圖繪制等內容。在課程設置上，應根據專業和學校的實際情況選擇性增設“UI交互設計”“插圖設計”“動效設計”“游戲UI設計”課程。在教學評價方面，改變單一的評價方式，除了將UI設計作品作為評價主體外，增加對小組報告形式、討論形式、論文形式的教學成果評價，將學習成果評價與學習過程評價相結合。
作者:耿甜 胡垂立 單位:廣州工商學院
