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

李黎

隨著經(jīng)濟(jì)社會及數(shù)字科技的跨越式發(fā)展，電腦與手機(jī)的普及，用戶對技術(shù)與藝術(shù)相結(jié)合新視點(diǎn)的UI設(shè)計的要求也越來越高。拉近人機(jī)間距離要靠設(shè)備的舒適用戶界面帶給用戶良好的使用體驗。視覺藝術(shù)元素的運(yùn)用作為開辟用戶界面設(shè)計全新道路的突破口，必然不可忽視。本文嘗試探討UI設(shè)計的興起，以及視覺藝術(shù)元素在手機(jī)UI設(shè)計中的目的和其視覺藝術(shù)元素的構(gòu)成，幫助設(shè)計者更好的進(jìn)行手機(jī)UI視覺傳達(dá)設(shè)計的創(chuàng)新和應(yīng)用。

User interface直譯為用戶界面，縮寫為UI。UI設(shè)計所涉及的領(lǐng)域很廣，范圍很大，比如它包含了UI界面的交互設(shè)計和視覺設(shè)計等，通常我們把后者歸為視覺類UI設(shè)計稱其為GUI設(shè)計。隨著網(wǎng)絡(luò)應(yīng)用深入滲透我們的生活，UI設(shè)計已然占據(jù)了越發(fā)重要的地位，因此千萬不可輕慢忽視UI設(shè)計，然而要掌握UI設(shè)計當(dāng)然就得先從其對視覺語言的運(yùn)用開始著手。

UI設(shè)計的興起

從電子產(chǎn)品普及伊始用戶界面設(shè)計就已經(jīng)悄然地生根發(fā)芽默默成長，而UI設(shè)計的興起是在電子產(chǎn)品的飛速發(fā)展中才一點(diǎn)點(diǎn)被重視起來的，從開始之初的“美工”到后來的“UI設(shè)計師”/“UI工程師”。多屏?xí)r代的來臨已勢不可擋，手機(jī)更是有著驚人的發(fā)展速度，1973年第一部手機(jī)問世至今，手機(jī)從1G到4G、由大屏到觸屏、由厚到超薄，智能手機(jī)已經(jīng)成為我們生活中一個不可或缺的部分。建立在科學(xué)性上的手機(jī)UI設(shè)計使得現(xiàn)代智能手機(jī)越來越追求在設(shè)計中滿足受眾的個性化需求和重視人性化功能的風(fēng)格，這也成為產(chǎn)品的重要賣點(diǎn)之一。

視覺藝術(shù)元素在手機(jī)UI設(shè)計中的目的

我們在手機(jī)UI設(shè)計中首先要考慮的應(yīng)該是視覺藝術(shù)元素的設(shè)計目的。其中最主要的目的就是人機(jī)交互、信息傳播、娛樂享受。這些因素決定著界面設(shè)計的方法，也很明確地得到界面設(shè)計的任務(wù)，就是必需創(chuàng)建一種使人、機(jī)交互的方法，并以生動有趣的方式提供所有必需的信息。

1.人機(jī)交互

手機(jī)UI設(shè)計可以通過幾行簡短的文本亦或是一兩張三維圖形的組成來更好的促進(jìn)用戶和手機(jī)之間的交互。手機(jī)界面的第一用途是把機(jī)器的二進(jìn)制語言數(shù)據(jù)轉(zhuǎn)換為用戶能懂的語義。沒有界面，就不能操作后續(xù)的一切程序，界面讓用戶對手機(jī)事件作出響應(yīng)并引導(dǎo)人機(jī)交互進(jìn)程。因此，在設(shè)計時要加強(qiáng)人機(jī)交互時的易用、易學(xué)、易理解，使手機(jī)成為更方便地為人類服務(wù)的工具。

2.信息傳播

界面虛擬并顯示了有關(guān)手機(jī)中的環(huán)境、人物、對象和事件的信息，這些信息可以讓用戶做出后續(xù)一系列的決定。一般情境下，任何的文字描述都敵不過一張圖片或者一段視頻傳達(dá)的信息直接、有效。更容易被人接受、使用、記憶成為了信息傳播中的關(guān)鍵。

3.娛樂享受

在手機(jī)界面的設(shè)計上，我們不僅僅考慮人機(jī)交互和信息的傳播，我們可以增設(shè)一些趣味性的東西來起到錦上添花的作用?，F(xiàn)在的手機(jī)用戶都喜歡具有迷人畫面和獨(dú)特風(fēng)格設(shè)計的界面。把娛樂享受推向另一個高度是手機(jī)界面設(shè)計的小眾化設(shè)計需求。

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

1.文本元素

文字作為交互性界面設(shè)計中重要的視覺語言元素之一，對其在手機(jī)UI的設(shè)計中攘括了形態(tài)視覺語言的“語境”和“語意”、“語式”及“語性”等設(shè)計。手機(jī)UI界面中引起觀者視覺注意的首先是各級菜單中的名稱和菜單里面的可供選擇項，以及各種類型的閱讀信息和狀態(tài)說明等方面的文本設(shè)計。由于文本本身所擁有的穩(wěn)定性特點(diǎn)，它不僅可以把看不見的、不斷流動的、不好捉摸的、易流失的聽覺語言變成一種可視的和穩(wěn)定的方式記錄下來，而且還加強(qiáng)了信息的傳達(dá)時限及能力。此外，文本也具有一定的局限性，只有通過意象化處理形成手機(jī)界面的字體，達(dá)到整個界面的融合，才能形成真正的溝通，所以手機(jī)UI設(shè)計中要全面考慮文本元素的的操作設(shè)計模式，使設(shè)計日臻圓滿和完整。

2.色彩元素

色彩元素在手機(jī)UI設(shè)計中是一個舉足輕重的組成部分。同一個人在不同的心理狀態(tài)下所接受的色彩都是不同的，并且色彩本身也能反過來影響一個人的情緒，所以不同的色彩也讓人產(chǎn)生不一樣的心理效應(yīng)。因此在手機(jī)界面的設(shè)計上，應(yīng)該根據(jù)受眾的審美心理及習(xí)慣來定制不同操作狀態(tài)下色彩的個性化視覺效果設(shè)計，用類似或接近系統(tǒng)界面總體色調(diào)的色彩來保證背景的顏色和元素的顏色及文字的顏色等的融合與統(tǒng)一，不然使用對比色會太突兀而影響用戶的使用情緒。為了加強(qiáng)人機(jī)交互性和協(xié)調(diào)性以及增強(qiáng)整個手機(jī)界面的藝術(shù)性，在設(shè)計過程中可以讓用戶根據(jù)自己的喜好來挑選默認(rèn)的系統(tǒng)色配置，達(dá)到活躍手機(jī)界面等目的。

3.圖形元素

集深刻的語義性和簡潔性及創(chuàng)新性和延展性的圖形元素比文字更具有直觀性和生動性及概括性，是人類認(rèn)識世界的主要手段之一。隨著現(xiàn)代科技的飛速發(fā)展，人們在讀圖時代更多的交流或傳達(dá)信息的形式往往通過圖形來實現(xiàn)無聲傳播的藝術(shù)效果。通過圖形元素不僅可以成功越過地域上的局限和突破各種語言的障礙，而且這樣還能達(dá)到漸變文化差異的效果，成為世界性的語言，傳播上更是具有“一圖頂萬言”的效能。所以，作為手機(jī)界面設(shè)計中最直觀的視覺符號的圖形元素展現(xiàn)的是具體而可感的形象世界。

結(jié)語

手機(jī)界面設(shè)計的視覺藝術(shù)元素的表達(dá)并不是華而不實的修飾與雕鑿，而是要求設(shè)計者們結(jié)合智能手機(jī)的整體功能考慮美觀度的表達(dá)，不僅要滿足受眾基本的功能性需求，而且還必須滿足受眾視覺及心理上的感受，追求精神上的審美與人性化的關(guān)懷高度合一，最后在對視覺品質(zhì)和視覺吸引力的創(chuàng)造中形成簡潔、快速的閱讀模式，形成布局合理、信息傳遞準(zhǔn)確的整體形態(tài)，讓視覺元素更好的服務(wù)受眾。

（作者單位：重慶師范大學(xué)）

指導(dǎo)老師：李明海