陳潔茹?。▋?nèi)蒙古師范大學(xué)網(wǎng)絡(luò)技術(shù)學(xué)院　　010022）

?

手機UI設(shè)計中視覺藝術(shù)元素的構(gòu)成

陳潔茹（內(nèi)蒙古師范大學(xué)網(wǎng)絡(luò)技術(shù)學(xué)院010022）

摘要：電子產(chǎn)品日漸多樣，與之伴隨著的界面設(shè)計也正被注重，增添了多類別。針對智能手機，UI設(shè)計是不可缺失的，它添加了多樣的界面風(fēng)格，更側(cè)重了人性化。UI設(shè)計涵蓋了交互特性的新式界面，含有視覺藝術(shù)范疇內(nèi)的多要素。從現(xiàn)有狀態(tài)看，UI設(shè)計占到了凸顯的主導(dǎo)位置，側(cè)重采納了視覺藝術(shù)。對于此，要解析UI設(shè)計內(nèi)含的視覺藝術(shù)，探究元素構(gòu)成。

關(guān)鍵詞：手機UI設(shè)計；視覺藝術(shù)元素；構(gòu)成

科技在快速進展，現(xiàn)今狀態(tài)下的手機已被普及。UI設(shè)計擁有了更高水準(zhǔn)，采納了設(shè)計流程內(nèi)的新視點。手機特有的UI設(shè)計搭設(shè)了人機溝通必備的新橋梁，增添了更優(yōu)的用戶體驗。若能融匯視覺藝術(shù)，將會延展更廣的設(shè)計視野，創(chuàng)設(shè)新穎的設(shè)計途徑。UI設(shè)計依循了特有的語言及流程，應(yīng)當(dāng)明晰內(nèi)在的藝術(shù)元素，創(chuàng)設(shè)更為優(yōu)良的視覺效應(yīng)。

一、解析UI設(shè)計

UI設(shè)計先要辨析內(nèi)在的視覺藝術(shù)類要素，它應(yīng)被看成設(shè)計的側(cè)重點。從概要的設(shè)計看，要依循人機交互特有的新流程來互通信息，供應(yīng)了娛樂范疇的更多享受。視覺藝術(shù)范疇內(nèi)的若干要素都關(guān)系著布設(shè)的界面特性，關(guān)乎設(shè)計得出的總體框架。要采納人機交互，依托于更有趣的新途徑來交互信息1。詳細來看，UI設(shè)計融匯了如下的細化內(nèi)涵：

第一是傳遞信息。虛擬界面整合了多重的內(nèi)在要件，例如周邊環(huán)境、選定的對象、信息傳遞必備的主體等。傳遞這樣的信息，為用戶供應(yīng)了后續(xù)決策的必要參照。在常規(guī)狀態(tài)下，UI設(shè)計創(chuàng)設(shè)了直觀的視頻、多彩圖片以此來表述信息，它勝過了枯燥及單調(diào)的文字描繪。直觀的傳遞很易被接納，保存在印象中。

第二是彼此交互。UI特有的新設(shè)計縮減了文本的段落，文本變得更簡易。與此同時，增添了完備的三維圖形，它便利了長久的彼此交互。UI設(shè)計替換了繁瑣流程內(nèi)的機器語言，變?yōu)橐锥Z言。若缺失了界面，那么設(shè)定出來的交互流程都不可真正被落實。在各個時段內(nèi)，界面都可預(yù)設(shè)必備的響應(yīng)，這就吻合了交互的新特性。人機交互擁有了更易辨識的新優(yōu)勢，手機增添了原本的工具價值。

第三是增添趣味。創(chuàng)設(shè)某一手機界面，先要設(shè)定必備的人機交互；這樣的基礎(chǔ)上，再去添加多樣的有趣內(nèi)容以此來吸引用戶。例如：現(xiàn)存智能手機常常搭配了新穎風(fēng)格，構(gòu)建起來的頁面更加迷人。增添了趣味性，有著趣味特性的新穎設(shè)計契合了新態(tài)勢下的購買需要，滿足受眾的新需要。

二、多樣的元素構(gòu)成

（一）常見的文字

從交互視角來看，視覺語言涵蓋了文字，它被劃歸必備的本體要素。針對手機UI，選出來的文字要整合深層的內(nèi)涵及意境，采納簡練的新穎形式。在細化的設(shè)計流程內(nèi)，先要妥善去劃分設(shè)定好的菜單、可供篩選的要素名稱。閱讀信息可被分成多類，它們表征著手機顯現(xiàn)出來的運轉(zhuǎn)狀態(tài)2。

應(yīng)當(dāng)注重的是：文本十分穩(wěn)定，且不易被流失。這樣的狀態(tài)下，文本留存了變更著的聽覺語言，錄入這樣的信息。文本精準(zhǔn)傳遞了可辨識的一切信息，摒除了時限約束。然而不可忽視：文本有著凸顯的本體局限，經(jīng)由意向處理才可獲取明晰的字體，融匯完整的界面。為此，設(shè)計流程之中要整合考量篩選的操作途徑，這樣獲取的新式設(shè)計才會趨向于完美。

（二）新穎圖像要素

相比單一的文段，簡潔明晰的新式圖像擁有著直觀優(yōu)勢，也具有概括性。認(rèn)知流程不可缺失這樣的圖像，它被涵蓋在必備的認(rèn)知手段之中。伴隨科技的進展，依托于圖形來延展常態(tài)的交流路徑，傳遞了藝術(shù)成效。圖形突破了凸顯的地域差異，跨越語言交際之中的多樣障礙3。與此同時，圖形也富于變更，這樣的語言涵蓋著更廣的范疇。針對界面的新式設(shè)計，圖形創(chuàng)設(shè)了可被感知的、更豐富的世界。

（三）調(diào)配多彩的色調(diào)

手機界面融匯了多樣色調(diào)，它們都可被調(diào)取，構(gòu)成必要的內(nèi)在部分。不同心態(tài)之下，人們辨認(rèn)并接納的色調(diào)都會凸顯差異；與之相應(yīng)，色調(diào)也緊密關(guān)聯(lián)著心情，折射出不同情形下的潛在心態(tài)。若要設(shè)計出更美好的新式界面，就應(yīng)考慮深層的用戶心態(tài)，獲取用戶必備的認(rèn)同。依照平日內(nèi)的習(xí)慣來調(diào)配色調(diào)，創(chuàng)設(shè)了個性凸顯的視覺體會。

例如，篩選背景色調(diào)時，要側(cè)重選取傾向于樸素的這種色彩，側(cè)重彼此的融匯。這樣做，就規(guī)避了選取突兀的色調(diào)，照顧到了情緒。日常的運用之中，為凸顯彼此交互的特性，讓手機界面更能擁有藝術(shù)特質(zhì)，可讓用戶依循自身的傾向來篩選預(yù)設(shè)的默認(rèn)色。經(jīng)過自主的篩選，也活躍了給定的這種界面，實現(xiàn)彼此的互補。

三、優(yōu)化現(xiàn)有的設(shè)計

UI設(shè)計要凸顯獨有的新特色，擁有優(yōu)美的表觀。選取色調(diào)時，要側(cè)重去細分多層級內(nèi)的主次色調(diào)，明晰彼此應(yīng)有的搭配。同時，也不可忽視潛在的輔助色，恰當(dāng)去篩選輔助色也將添加多彩的視覺成效，起到點睛效果。通常來看，可篩選柔和色調(diào)來布設(shè)輔助色，確保構(gòu)建起來的總體界面是統(tǒng)一的。多樣輔助色應(yīng)能彼此互補，凸顯明晰的主體色調(diào)。這樣做之后，界面更擁有了優(yōu)勢及特色。

構(gòu)成元素之中還含有字體，要適當(dāng)去搭配它們4。選取字體時，直觀體悟出來的這種字體應(yīng)被凸顯，它們要超越潛在的某些字體。應(yīng)當(dāng)凸顯設(shè)定好的標(biāo)題，確認(rèn)最適宜的行間距，以此來增添閱讀之中的舒適感覺。針對應(yīng)被強調(diào)的文段，可在下側(cè)增添下劃線，或改變?yōu)楹隗w。還要考慮面對著的受眾群體，若是面對青年人來設(shè)計手機，則選取吻合潮流這樣的字體，彰顯明晰的層次感。

軟件界面擬定的色澤要擁有協(xié)調(diào)性，符合總體的色彩。例如，若設(shè)定了藍色這樣的主導(dǎo)色調(diào)，則默認(rèn)搭配了紅色特有的輔助色調(diào)?？紤]多群體表現(xiàn)出來的審美差異，照顧情緒的變更。在設(shè)計按鈕及圖標(biāo)時，也要側(cè)重這樣的協(xié)調(diào)性。針對不同用戶，選取不同特性的交互流程。

針對界面設(shè)計，篩選的視覺要素應(yīng)能增添新穎性，融匯更深的內(nèi)涵。設(shè)計者要依循總體視角來著手設(shè)計，這樣構(gòu)建起來的新穎界面才會吻合受眾需要，符合了獨特的審美體悟5。從審美視角來看，它整合了人性關(guān)愛及視覺的審美，創(chuàng)設(shè)了迅捷的手機閱讀。UI設(shè)計協(xié)助傳遞了精準(zhǔn)的信息，更好去服務(wù)用戶。

注釋：

1.李紅玉.手機游戲UI圖形設(shè)計的符號化研究[J].寧波教育學(xué)院學(xué)報，2015（3）:69-72.

2.雷菁.淺析中國傳統(tǒng)元素在手機UI界面設(shè)計中的應(yīng)用[J].通訊世界，2015（10）:20-21.

3.李黎.論手機UI設(shè)計中視覺藝術(shù)元素的構(gòu)成[J].現(xiàn)代裝飾：理論，2015（7）:133.

4.國鳳嬌,隋涌.淺談ios手機界面的視覺元素設(shè)計——UI視覺設(shè)計基本原理[J].中國包裝工業(yè)，2015（20）:21-23.

5.聞剛.淺論視覺傳達效能在手機UI設(shè)計中的應(yīng)用[J].劍南文學(xué)：經(jīng)典教苑，2013（2）:167-168.