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

?

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

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

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

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

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

一、解析UI設(shè)計(jì)

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

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

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

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

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

（一）常見(jiàn)的文字

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

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

（二）新穎圖像要素

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

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

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

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

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

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

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

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

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

注釋：

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

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

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

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

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