李翰林，姜勇

（青島大學(xué)，山東青島，266000）

0 引言

圖像數(shù)字化即是利用數(shù)字對(duì)圖像進(jìn)行所謂的記錄和處理、保存，圖像由多個(gè)像素組合而成，創(chuàng)造力極強(qiáng)，圖形的話它是對(duì)場(chǎng)景空間位置、顏色等呈現(xiàn)，和定義，通過(guò)一些軟件可以將人們的圖形指令變成計(jì)算機(jī)屏幕上的形狀和顏色，形成圖形，它適用于一些簡(jiǎn)單、色彩不豐富的對(duì)象。圖像則是對(duì)各種場(chǎng)景進(jìn)行的數(shù)字化處理，它不僅能呈現(xiàn)更加真實(shí)的圖片，同時(shí)還能將一些細(xì)小的細(xì)節(jié)完美呈現(xiàn)，圖形和圖像的主要區(qū)別即是是否可以變形和收縮，前者能進(jìn)行收縮但不變形，后者的話如果變大，這會(huì)讓整個(gè)圖像失真。數(shù)字化時(shí)代，UI工作備受關(guān)注，靈活運(yùn)用計(jì)算機(jī)圖像處理技術(shù)很有必要，同時(shí)分析和探究計(jì)算機(jī)圖像處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用刻不容緩。

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

UI即是指用戶界面，UI設(shè)計(jì)即是軟件整體框架、結(jié)構(gòu)、界面的設(shè)計(jì)，它有兩種類型，一種是實(shí)體型UI設(shè)計(jì)，另外一種是虛擬性的UI設(shè)計(jì)，其設(shè)計(jì)主要包括為圖形設(shè)計(jì)、人機(jī)交互設(shè)計(jì)、用戶的測(cè)試等，UI設(shè)計(jì)效果間接的反映了軟件的特點(diǎn)，它能夠給用戶帶來(lái)不同的操作體驗(yàn)。

UI設(shè)計(jì)既然是用戶界面設(shè)計(jì)，那它肯定要圍繞用戶為中心，根據(jù)調(diào)研后的用戶需求來(lái)制定設(shè)計(jì)方案，滿足用戶個(gè)性化需求，在如今，用戶對(duì)與界面操作的需求除了便捷之外更多是信息安全，因此，設(shè)計(jì)人員要盡可能設(shè)計(jì)得更加合理化，安全、簡(jiǎn)單、靈活，界面除了外觀美麗，吸引人，同時(shí)還要更加清晰化，給用戶良好的視覺(jué)享受，UI設(shè)計(jì)從目前來(lái)看，還是具有良好的發(fā)展前景的，要想讓UI設(shè)計(jì)更加合理、科學(xué)、先進(jìn)，這需要在用戶需求上下功夫，在設(shè)計(jì)之前，要深入市場(chǎng)調(diào)研，分析和記錄當(dāng)前的發(fā)展趨勢(shì)。

2 計(jì)算機(jī)圖像處理技術(shù)介紹

計(jì)算機(jī)圖像處理技術(shù)，顧名思義，它即是應(yīng)用計(jì)算機(jī)來(lái)處理圖像的技術(shù)，它能對(duì)目標(biāo)圖像進(jìn)行加工和分析處理，使其更加滿足視覺(jué)、心理等要求的技術(shù)，它是信號(hào)處理在圖像領(lǐng)域上的一個(gè)應(yīng)用，大部分的圖像處理以數(shù)字化形式來(lái)進(jìn)行存儲(chǔ)。更多情況下其特指圖像處理，計(jì)算機(jī)圖像處理的內(nèi)容更多是對(duì)圖像大小進(jìn)行調(diào)整，對(duì)亮度和色彩進(jìn)行修改，對(duì)圖片進(jìn)行優(yōu)化和一些摳圖、編輯等工作，最后將處理后的一個(gè)圖片進(jìn)行保存并導(dǎo)出。

3 Photoshop軟件介紹

Photoshop即是人們常說(shuō)的ps技術(shù)，它是圖像處理軟件，它能對(duì)圖片進(jìn)行加工和優(yōu)化，同時(shí)還能添加一些要素或者刪除一些圖像上的東西，多樣化編輯圖片，滿足人們個(gè)性化要求，它功能強(qiáng)大，圖像、圖形、文字、出版、視頻、界面設(shè)計(jì)等各方面都有涉及到，該軟件可以對(duì)圖片進(jìn)行編輯、合成、調(diào)色等操作，圖像編輯是其基本操作，放大圖片、縮小圖片、旋轉(zhuǎn)傾斜等，對(duì)一些受損的圖片也可進(jìn)行修復(fù)，修飾，對(duì)一些污點(diǎn)或者圖片上的一些小細(xì)節(jié)還能進(jìn)行擦除，圖片色彩的校正和調(diào)整也能快速達(dá)到。

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

計(jì)算機(jī)圖像處理技術(shù)具有強(qiáng)大的圖像處理功能，它能很好的編輯、分析和處理圖片，滿足軟件界面設(shè)計(jì)的各要求，個(gè)性化滿足用戶視覺(jué)化體驗(yàn)，它功能豐富、操作簡(jiǎn)便，更加直觀的展現(xiàn)圖片，操作簡(jiǎn)便、快速等優(yōu)勢(shì)能幫助設(shè)計(jì)師更好的完成界面設(shè)計(jì)，刺激其想象，幫助UI設(shè)計(jì)師更好的完成作品，更加創(chuàng)意化發(fā)展。

5 UI設(shè)計(jì)中計(jì)算機(jī)圖像處理應(yīng)用分析

計(jì)算機(jī)圖像處理用于UI設(shè)計(jì)，主要是要進(jìn)行用戶界面制作、信息獲取、創(chuàng)新設(shè)計(jì)等操作，信息獲取即是面向用戶進(jìn)行的一個(gè)信息的獲取，據(jù)此來(lái)掌握用戶的需求和體驗(yàn)效果，以此來(lái)細(xì)化目標(biāo)，利用PS技術(shù)來(lái)完成精細(xì)化處理。創(chuàng)新設(shè)計(jì)即是分析各項(xiàng)操作事項(xiàng)之后，設(shè)計(jì)人員有目的、有方向的去創(chuàng)新去設(shè)計(jì)產(chǎn)品，設(shè)計(jì)人員彰顯自己的能力，將自己創(chuàng)新思維通過(guò)PS技術(shù)呈現(xiàn)于UI作品當(dāng)中，給用戶帶來(lái)全新的視覺(jué)效果。

5.1 PS軟件應(yīng)用于圖標(biāo)設(shè)計(jì)

用戶設(shè)計(jì)界面包含多個(gè)內(nèi)容，圖標(biāo)的設(shè)計(jì)是其基本內(nèi)容，圖標(biāo)即是指引用戶操作的一個(gè)標(biāo)志，它能給用戶信息指示，圖形區(qū)別等作用，界面中需要有一些應(yīng)用型的圖標(biāo)，幫助去整合功能、標(biāo)志區(qū)分，啟動(dòng)軟件等，對(duì)于一些功能型圖標(biāo)則是要起到功能介紹、操作提示、信息指引等作用，用于圖標(biāo)設(shè)計(jì)的計(jì)算機(jī)處理技術(shù)包含了多種內(nèi)容，對(duì)于其處理需要PS處理軟件和AI矢量軟件，盡管這兩類軟件存在差異。

其實(shí)不論是應(yīng)用到哪種處理軟件去進(jìn)行UI設(shè)計(jì)，前提條件即是要掌握各軟件的操作技巧，對(duì)各種功能都要做到很熟悉，這樣才能幫助其生成創(chuàng)意，呈現(xiàn)更好的視覺(jué)效果，這樣既能節(jié)省時(shí)間，又能提高設(shè)計(jì)的一個(gè)效果，同時(shí)才能更好的反映出設(shè)計(jì)師的水平，在如今，用戶界面更加細(xì)化，并且用戶需求更加的呈現(xiàn)出動(dòng)態(tài)變化，要想設(shè)計(jì)出與時(shí)俱進(jìn)的軟件，滿足用戶，那要在圖標(biāo)設(shè)計(jì)、以及界面處理上下功夫，加強(qiáng)圖標(biāo)與功能之間的聯(lián)系，這會(huì)讓整個(gè)設(shè)計(jì)更加具有實(shí)用性。

5.2 PS軟件處理界面設(shè)計(jì)

界面設(shè)計(jì)離不開PS技術(shù)，界面外觀上應(yīng)該是要要求其更加的符合用戶的審美，在設(shè)計(jì)之前這就要求設(shè)計(jì)師深入調(diào)研，通過(guò)調(diào)查研究之后設(shè)計(jì)出多種界面圖形，之后讓用戶去選擇。界面設(shè)計(jì)應(yīng)該是要有其意義的，不同網(wǎng)站類型作出不同的界面。利用PS技術(shù)對(duì)圖片進(jìn)行加工、處理，界面圖形元素要選擇與主題功能相關(guān)的，這些設(shè)計(jì)除了基于用戶需求同時(shí)還要具有實(shí)用性，滿足市場(chǎng)要求。

5.3 PS技術(shù)用于插圖設(shè)計(jì)

從大多網(wǎng)站設(shè)計(jì)來(lái)看，為了滿足用戶需求，讓網(wǎng)站更加吸引用戶，設(shè)計(jì)師們可謂卯足了勁在外觀設(shè)計(jì)上下功夫，為了體現(xiàn)界面的簡(jiǎn)潔化與可讀性的特點(diǎn)，應(yīng)用PS技術(shù)進(jìn)行插圖設(shè)計(jì)顯得尤為重要，互聯(lián)網(wǎng)的發(fā)展，插圖的使用頻繁，在處理界面設(shè)計(jì)時(shí)，會(huì)應(yīng)用不少插圖的設(shè)計(jì)與制作，優(yōu)美、親切、時(shí)尚、溫馨的插圖設(shè)計(jì)，增加了軟件的友好度，不可否認(rèn)，圖片呈現(xiàn)的內(nèi)容更加直白簡(jiǎn)潔，它能快速呈現(xiàn)出要表達(dá)的信息，設(shè)計(jì)精妙的圖片能給用戶帶來(lái)新鮮感，并能讓用戶頻繁使用軟件而不覺(jué)得疲勞。

5.4 切圖輸出

UI設(shè)計(jì)出的界面和一些圖標(biāo)輸出，最終都會(huì)通過(guò)編程人員將此應(yīng)用到軟件當(dāng)中。在進(jìn)行編程操作之前，界面和圖標(biāo)都要進(jìn)行切圖。切圖的作用主要有兩個(gè)：（1）讓界面元素獨(dú)立，便于寫入程序（2）配適尺寸多樣的終端和操作系統(tǒng)。當(dāng)前，主流的操作系統(tǒng)主要有蘋果ios系統(tǒng)和安卓系統(tǒng)，每一個(gè)操作系統(tǒng)有不同的設(shè)計(jì)標(biāo)準(zhǔn)和理念。

5.5 logo設(shè)計(jì)

網(wǎng)站的標(biāo)識(shí)代表了網(wǎng)站特定的文化以及特點(diǎn)，在大多數(shù)網(wǎng)站中都設(shè)計(jì)了自己的logo每個(gè)logo都要有辨識(shí)度，具有代表性和象征性，在設(shè)計(jì)環(huán)節(jié)中加入自己的創(chuàng)作理念，充分想象，反復(fù)修改，讓網(wǎng)站去吸引更多的用戶，每個(gè)網(wǎng)站的logo設(shè)計(jì)都極具想象，并且都要要獨(dú)特的意義，一個(gè)好的設(shè)計(jì)能增加用戶瀏覽量，利用圖像處理技術(shù)可以讓設(shè)計(jì)更加藝術(shù)性，好的設(shè)計(jì)能更加貼近用戶，讓用戶感受到產(chǎn)品的意義。

5.6 圖像優(yōu)化處理

不同網(wǎng)站的圖像所體現(xiàn)的作用也不一樣，也可以使網(wǎng)站呈現(xiàn)出不同的風(fēng)格，利用圖像處理技術(shù)可以讓圖像得到優(yōu)化，呈現(xiàn)更加具體、美觀，更加吸引用戶，在UI設(shè)計(jì)中要對(duì)圖像進(jìn)行處理，這時(shí)圖像處理技術(shù)就顯得尤為重要，它能解決圖像處理的難題，通過(guò)PS等技術(shù)讓圖形變得更加豐富和形象，滿足軟件所要呈現(xiàn)的目標(biāo)需求。

6 結(jié)語(yǔ)

隨著智能計(jì)算機(jī)的普及和快速發(fā)展，若要想呈現(xiàn)出良好的用戶界面，計(jì)算機(jī)圖像處理技術(shù)發(fā)揮著重要作用，應(yīng)該讓計(jì)算機(jī)圖像處理技術(shù)和UI設(shè)計(jì)有效融合，通過(guò)計(jì)算機(jī)處理技術(shù)來(lái)實(shí)現(xiàn)用戶界面需求，為此應(yīng)該深入研究計(jì)算機(jī)處理技術(shù)在UI設(shè)計(jì)中的應(yīng)用。