探究UI設(shè)計(jì)的視覺傳達(dá)藝術(shù)

【摘要】手機(jī)與電腦以及VR等技術(shù)的普及，讓人們開始意識(shí)到并逐漸將技術(shù)與藝術(shù)進(jìn)行了結(jié)合與統(tǒng)一，作為人機(jī)交互的一種渠道和方式，UI設(shè)計(jì)給予大眾更好的視覺體驗(yàn)，本文主要從UI設(shè)計(jì)的興起入手，對(duì)UI設(shè)計(jì)的視覺傳達(dá)藝術(shù)進(jìn)行簡(jiǎn)要研究。

【關(guān)鍵詞】UI設(shè)計(jì)；視覺傳達(dá)；藝術(shù)表達(dá)

社會(huì)經(jīng)濟(jì)的發(fā)達(dá)造就了科學(xué)技術(shù)的不斷變革與創(chuàng)新發(fā)展，用戶界面設(shè)計(jì)是隨著電子產(chǎn)品的普及被人們所關(guān)注并發(fā)展起來的。最初的用戶界面設(shè)計(jì)工作者被稱為“美工”，現(xiàn)在多被稱為“UI（UI是user interface的縮寫，意為用戶界面，主要包括手機(jī)APP、游戲以及網(wǎng)頁按鈕等）設(shè)計(jì)師”、“UI工程師”，名稱的變換一方面說明了用戶界面設(shè)計(jì)的具體范圍和內(nèi)容的拓展，另一方面也代表了用戶界面技術(shù)開始延伸至了“設(shè)計(jì)”、“藝術(shù)”領(lǐng)域，在這一基礎(chǔ)上，造就了UI設(shè)計(jì)的視覺傳達(dá)藝術(shù)。

一、視覺藝術(shù)元素在UI設(shè)計(jì)中的目的

針對(duì)不同的用戶群體可能會(huì)設(shè)計(jì)不一樣風(fēng)格的用戶界面，針對(duì)用戶的不同使用習(xí)慣也會(huì)有不同的用戶界面構(gòu)造設(shè)計(jì)。而UI設(shè)計(jì)中的每個(gè)視覺元素設(shè)計(jì)都尤其特有的意義和目的，概括而言主要有以下幾種目的。

1、人機(jī)交互的目的

UI設(shè)計(jì)給受眾最為直觀的體驗(yàn)是可以通過點(diǎn)擊、觸摸用戶界面的圖標(biāo)、圖片以及文字的輸入輸出實(shí)現(xiàn)人機(jī)之間的溝通和互動(dòng)?？梢哉f，用戶界面設(shè)計(jì)是推動(dòng)人機(jī)交互進(jìn)程的最直接推手。利用用戶界面將手機(jī)、電腦以及其他電子產(chǎn)品的二進(jìn)制機(jī)器語言轉(zhuǎn)化成為受眾能夠直接讀懂并接收的信息。因此在進(jìn)行UI設(shè)計(jì)時(shí)，通常以通俗易懂、符合受眾閱讀和操作習(xí)慣為原則，進(jìn)一步加強(qiáng)人機(jī)交互。

2、信息傳播的目的

藝術(shù)設(shè)計(jì)興盛的最重要原因之一就在于任何一張圖片或者視頻所傳遞出的信息都要比受眾在閱讀表達(dá)同一意義的一段文字來得更為直接和有效，色彩、聲音、線條構(gòu)成等元素能夠幫助受眾在最短時(shí)間內(nèi)構(gòu)筑一個(gè)信息庫(kù)，從而接收到更多的信息資料。因此在UI設(shè)計(jì)中，往往更多地用圖片或者視頻進(jìn)行信息傳達(dá)，幫助受眾了解和記憶界面中的人物、事件、時(shí)間、地點(diǎn)等信息，讓用戶進(jìn)行下一步?jīng)Q定和操作。

3、娛樂享受的目的

除了人機(jī)交互和信息傳播的實(shí)用性功能外，用戶還可以通過界面設(shè)計(jì)增加娛樂性和趣味性，包括游戲用戶界面的設(shè)計(jì)、特定主體的網(wǎng)頁界面設(shè)計(jì)等等。設(shè)計(jì)基本需求的被滿足，用戶擁有更多追求個(gè)性化表達(dá)的時(shí)間和資金，用戶界面利用更多獨(dú)特、個(gè)性的設(shè)計(jì)進(jìn)行視覺藝術(shù)表達(dá)的同時(shí)，也提高了用戶的點(diǎn)擊率和瀏覽量。

二、UI設(shè)計(jì)中視覺元素的構(gòu)成

用戶在行為中獲知信息，在行為之后才知曉自己真正所需的信息，UI設(shè)計(jì)中包括多種視覺元素不僅讓用戶在人機(jī)交互中獲取各類信息，也讓用戶在反饋過程中選取自己所喜歡和需要的元素信息。

1、文本元素

文本元素是人與人之間尤其是人與機(jī)器之間傳遞信息的最基本方式之一，實(shí)際上用戶之所以能夠通過圖片、視頻畫面接受到有效信息是因?yàn)槲谋驹匾呀?jīng)在前期為用戶建立了一個(gè)對(duì)所有事物的正確認(rèn)知，通過文字表述讓用戶明白各類事物的外形以及功能。作為最基礎(chǔ)的視覺藝術(shù)元素，文本元素具有穩(wěn)定性和可視性，不同的文本元素構(gòu)成了不同的“語境”、“語義”、“語式”和“語性”，用更為穩(wěn)定的方式幫助用戶記錄和記憶信息，以進(jìn)行下一步功能選擇。但文本元素也有其局限性，例如在形成形象化記憶和印象方面要略遜于其他元素。

2、圖形元素

除文本元素外，圖形元素是我們?cè)谟脩艚缑骟w驗(yàn)和接收到大量信息傳遞的另一種渠道，其通過更為概括化、直觀化、簡(jiǎn)潔化的方式將信息傳遞給受眾或者是電子產(chǎn)品使用者。不同的國(guó)家和地域可能擁有和使用不同的文字，但圖片卻能打破文字傳遞信息的局限性。圖形元素的這一特性令其很容易突破語言障礙，而成為通用的信息載體。此外，圖形元素比文本元素更為直觀地再現(xiàn)了信息的含義，讓受眾在最短的時(shí)間內(nèi)獲取或者排除信息資料，在界面設(shè)計(jì)中，有效運(yùn)用圖形元素不僅減少了用戶大量閱讀文本信息所帶來的單調(diào)性疲憊感，更為用戶展現(xiàn)了一個(gè)具體且形象的感官世界。

3、色彩元素

色彩在人類視覺藝術(shù)中占據(jù)了相當(dāng)大的份額，因此其也是用戶界面視覺藝術(shù)元素中重要的組成部分之一，與文本元素和圖形元素不同，色彩元素更多地是利用用戶經(jīng)驗(yàn)中已經(jīng)形成的客觀意識(shí)形態(tài)，例如綠色會(huì)讓人聯(lián)想到樹木、環(huán)保、有機(jī)、健康等代表含義；紅色會(huì)讓人聯(lián)想到西紅柿、熱情、革命、犧牲、奔放等含義；金色讓人聯(lián)想到陽光、皇冠等。在人類建立了一個(gè)較為豐滿充實(shí)的感官世界之后，再在用戶界面設(shè)計(jì)中運(yùn)用色彩元素讓用戶產(chǎn)生相關(guān)聯(lián)事物則要容易地多。讓色彩調(diào)動(dòng)用戶的情緒在視覺藝術(shù)中是很常用的一種手法。

各類視覺元素在用戶界面設(shè)計(jì)中的使用不僅是為了美觀、藝術(shù)性的表達(dá)，也是為了滿足功能性的需求，只有在滿足用戶視覺享受的基礎(chǔ)上達(dá)到功能性享受，才是真正成功的UI設(shè)計(jì)，畢竟在當(dāng)下的互聯(lián)網(wǎng)社會(huì)環(huán)境中，流量決定成敗。

三、UI設(shè)計(jì)與視覺傳達(dá)設(shè)計(jì)師在工作中所需注意的問題

UI設(shè)計(jì)與視覺傳達(dá)藝術(shù)設(shè)計(jì)兩者之間雖然有共通性和互溶性，但在實(shí)際工作中還是有本質(zhì)上的不同。UI設(shè)計(jì)師與視覺傳達(dá)藝術(shù)設(shè)計(jì)師在工作中主要有以下幾點(diǎn)問題：

一是工作人員多來自相關(guān)專業(yè)和領(lǐng)域。UI的發(fā)展歷程相較于視覺藝術(shù)領(lǐng)域年輕得多，由于專業(yè)性較強(qiáng)，其人才的培養(yǎng)所需周期長(zhǎng)，目前從事UI設(shè)計(jì)的工作人員大多是周邊相關(guān)領(lǐng)域的人員，不能夠?qū)φwUI設(shè)計(jì)有一個(gè)統(tǒng)籌規(guī)劃和選擇，例如理工科人員在語言表達(dá)和藝術(shù)設(shè)計(jì)上敏感性不夠，文科人員對(duì)數(shù)理工具的使用較為生疏，這就造成在處理一些綜合性較強(qiáng)的項(xiàng)目時(shí)分歧過多，無法達(dá)成統(tǒng)一意見。

二是對(duì)視覺藝術(shù)作用的權(quán)衡不足。在吸引客流方面，用戶界面設(shè)計(jì)中視覺傳達(dá)藝術(shù)確實(shí)占有很大比重，但其并非用戶界面設(shè)計(jì)的全部，UI的發(fā)展時(shí)間尚短，還未形成對(duì)其全面的認(rèn)識(shí)和研究體系，若不能夠正確認(rèn)識(shí)視覺藝術(shù)在其中的作用，權(quán)衡比重，就會(huì)產(chǎn)生過分夸大或過分輕視的問題，從而影響UI設(shè)計(jì)的整體指導(dǎo)思想。

三是對(duì)PC平臺(tái)的依賴性過重。UI設(shè)計(jì)中，由于計(jì)算機(jī)硬件系統(tǒng)較為穩(wěn)定，基于PC平臺(tái)的UI設(shè)計(jì)發(fā)展較其他平臺(tái)的UI設(shè)計(jì)更為成熟，這對(duì)PC端UI設(shè)計(jì)發(fā)展固然是一種優(yōu)勢(shì)，但相應(yīng)地，在將PC端的UI設(shè)計(jì)思路和方式應(yīng)用到其他端口時(shí)，效果則不甚明顯甚至?xí)胺雌涞蓝兄?。這種依賴性明顯不利于UI設(shè)計(jì)思路的創(chuàng)新和普適性發(fā)展。

四是設(shè)計(jì)過程中對(duì)功能性的過于追求。高性能是所有工程設(shè)計(jì)師、UI設(shè)計(jì)師等畢生追求的終極目標(biāo)，高性能意味著有更多地機(jī)會(huì)吸引客群關(guān)注和消費(fèi)，從而實(shí)現(xiàn)資本的積累。但過于追求功能性有時(shí)候會(huì)降低對(duì)美觀度、藝術(shù)性能的要求，一方面是因?yàn)橄嚓P(guān)設(shè)計(jì)者的藝術(shù)高度不夠或者自身的主觀意識(shí)灌輸過強(qiáng)，另一方面也可能是因?yàn)檠邪l(fā)成本、項(xiàng)目時(shí)間等方面的不充裕。因此無法實(shí)現(xiàn)用戶功能與精神的雙重需要。

UI設(shè)計(jì)師和視覺傳達(dá)設(shè)計(jì)師在功能上要進(jìn)行區(qū)分，不同的工作角色對(duì)同一個(gè)產(chǎn)品或項(xiàng)目的審視角度不同，多種不同專業(yè)領(lǐng)域的有機(jī)結(jié)合才能實(shí)現(xiàn)產(chǎn)品和項(xiàng)目多種性能創(chuàng)造的可能性。同時(shí)，設(shè)計(jì)師們不僅要從自身地角度去進(jìn)行開發(fā)和設(shè)計(jì)，更要轉(zhuǎn)變角度，以一種“非專業(yè)”的用戶角度審視用戶界面設(shè)計(jì)，達(dá)到換位思考提升產(chǎn)品市場(chǎng)影響力和吸引力。

四、結(jié)語

UI設(shè)計(jì)具有綜合性和交叉性的特點(diǎn)，視覺傳達(dá)藝術(shù)無疑是其中重要組成部分之一。視覺傳達(dá)藝術(shù)在用戶界面設(shè)計(jì)中的有效表達(dá)不僅能夠滿足用戶的基本功能性需求，更是在精神和藝術(shù)審美層面有了新一步拔高。信息高效、高品質(zhì)傳遞只是新時(shí)代背景下用戶追求的一個(gè)方面，人性化、個(gè)性化的表現(xiàn)和滿足是視覺傳達(dá)藝術(shù)在UI設(shè)計(jì)中的新追求。

【參考文獻(xiàn)】

[1] 王 山. 基于網(wǎng)絡(luò)媒體的現(xiàn)代設(shè)計(jì)視覺傳達(dá)方式[D]. 西安美術(shù)學(xué)院， 2007：2-3.

[2] 仇曉香. 手機(jī)游戲界面設(shè)計(jì)藝術(shù)風(fēng)格的應(yīng)用研究[D]. 云南藝術(shù)學(xué)院， 2015：7-11.

【作者簡(jiǎn)介】

熊文灝（1995—），男，漢族，江西南昌人，西南交通大學(xué)本科生，主要研究方向：視覺傳達(dá)設(shè)計(jì)。