UI設(shè)計的視覺傳達藝術(shù)分析

（武漢理工大學(xué) 430000）

一、引言

UI設(shè)計在中國起步較晚，雖然許多高校都開設(shè)了UI設(shè)計課程，但其專業(yè)化、規(guī)范化程度仍然有待進一步提高。隨著中國互聯(lián)網(wǎng)的迅速普及，逐步擴大應(yīng)用領(lǐng)域，UI設(shè)計已逐漸成為一個熱門的專業(yè)和職業(yè)，網(wǎng)站、手機等多媒體軟件產(chǎn)品的界面設(shè)計是影響用戶滿意度的重要因素，關(guān)乎經(jīng)濟效益和未來發(fā)展。在UI設(shè)計中，如何更好地迎合用戶的視覺邏輯是提高用戶界面設(shè)計質(zhì)量的一個重要問題。因此，在UI設(shè)計中進行視覺傳達藝術(shù)的研究與實踐，對于促進用戶界面設(shè)計的不斷發(fā)展具有重要意義。

二、UI設(shè)計和視覺傳達藝術(shù)定義概述

UI設(shè)計是實現(xiàn)信息傳輸，讓用戶熟悉與接受品牌相關(guān)信息的重要途徑。人們在平面圖形圖像處理中，大腦可以進行有限的心智圖像組建。當(dāng)這些圖像出現(xiàn)在屏幕或其他媒介上時，UI設(shè)計師就可以對網(wǎng)絡(luò)和圖標(biāo)，以及信息圖表進行可視化和圖像處理命令，滿足用戶的視覺邏輯習(xí)慣。在UI設(shè)計師進行UI交互體驗設(shè)計的時候，結(jié)合用戶的視覺邏輯預(yù)先整理好各種視覺引導(dǎo)任務(wù)，使用戶的視覺注意更加多樣化，使用戶處理圖像信息的語言本能更加充分調(diào)動在交互表達中，這應(yīng)該通過感官指導(dǎo)促進和加速交互任務(wù)的完成，從而大大縮短了用戶的思考時間，并為其提供了更大的便利。

視覺交互設(shè)計的視覺傳達，與人們的視覺思維密切相關(guān)，視覺思維在UI內(nèi)容設(shè)計中的體現(xiàn)可分為UI圖形語言設(shè)計、UI設(shè)計風(fēng)格和構(gòu)圖設(shè)計、UI視覺層次設(shè)計、UI色彩因素設(shè)計、UI交互動畫設(shè)計。通過以上五個設(shè)計，我們可以將人類最本能的視覺感知與圖形設(shè)計和視覺可視化緊密聯(lián)系起來，以更好地滿足用戶在UI交互體驗中的感知和審美需求。

三、視覺傳達藝術(shù)在 UI 設(shè)計中的目的

根據(jù)不同的用戶組需要設(shè)計不同風(fēng)格的用戶界面，而針對用戶的不同使用習(xí)慣也會有不同的用戶界面設(shè)計。而UI設(shè)計中的每一個視覺元素的設(shè)計都有其尤為獨特的意義和目的。一般來說，視覺傳達藝術(shù)在UI設(shè)計中有以下目的。

1.人機交互的目的

用戶界面設(shè)計最直觀的體驗是通過點擊、觸摸用戶界面圖標(biāo)、圖片和文本的輸入輸出，實現(xiàn)人機交互。可以說，用戶界面設(shè)計是人機交互過程最直接的推動力。利用用戶界面，將手機、計算機等電子產(chǎn)品的二進制機器語言轉(zhuǎn)化為用戶可以直接閱讀和接收的信息。因此，在UI設(shè)計中，一般以通俗易懂、迎合受眾閱讀和操作習(xí)慣為原則，進一步加強人機交互。

2.信息傳播的目的

UI藝術(shù)設(shè)計興盛其中最重要的一個原因在于任何圖片或視頻傳達的信息要比在文本中的閱讀表達的意義更直接、更有效，色彩、聲音等要素能幫助受眾在最短的時間內(nèi)建立信息庫，從而得到更多的信息資料。因此，在UI設(shè)計中，我們經(jīng)常使用圖片或視頻來傳達信息，幫助人們理解和記住界面中的字符、事件、時間和地點等信息，以便用戶下一步?jīng)Q定和操作。

3.娛樂享受的目的

除了人機交互和信息傳播的實用功能外，用戶還可以通過界面設(shè)計來獲得娛樂性和興趣性，包括游戲用戶界面的設(shè)計、特定主題的網(wǎng)頁界面設(shè)計等。設(shè)計的基本需求得到滿足，用戶有更多的時間和金錢來追求個性化表達。用戶界面利用更獨特的個性化設(shè)計來表達視覺藝術(shù)，同時也提高了用戶的點擊量和瀏覽量。

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

1.文本元素

文本元素是人與人之間，特別是人與機器之間的信息傳遞的最基本方式，用戶可以通過圖片、視頻接收有效信息，因為文本元素已經(jīng)在前期為用戶設(shè)置了關(guān)于所有事物的正確認(rèn)識，通過文本元素允許用戶了解各種事物的形態(tài)和功能。文本元素作為視覺藝術(shù)最基本的元素，具有穩(wěn)定性和可視性，不同的文本元素構(gòu)成不同的“語境”、“語義”和“語言”，借助于用戶記錄和記憶信息以更穩(wěn)定的方式進行下一步的功能選擇。但是文本元素有其局限性，例如在視覺記憶的形式和印象上稍微遜色于其他元素。

2.圖形元素

除了文本元素之外，圖形元素是我們在用戶界面上體驗和接收大量信息傳輸?shù)牧硪环N方式。它們通過更一般、直觀和簡明的方式向電子產(chǎn)品的受眾或用戶傳遞信息。不同的國家和地區(qū)可能會使用不同的文字，但圖片可以打破這種文本傳播的局限性。圖形元素的這種特性使得它很容易突破語言障礙，成為一種通用的信息載體。此外，圖形元素比文本更直觀表示信息的含義，讓觀眾在盡可能短的時間內(nèi)得到或排除信息，在界面設(shè)計中，圖形元素不僅降低了用戶閱讀大量文本信息的疲勞，而且也具體的表現(xiàn)出了用戶感官世界的形象。

3.色彩元素

色彩在視覺藝術(shù)中占據(jù)相當(dāng)大的份額，因而這是一個用戶界面最重要的視覺藝術(shù)元素。與文字元素和圖形元素不同，色彩元素更多的目的是意識形態(tài)的使用。這更多的是利用用戶已經(jīng)形成的觀念，如綠色讓人聯(lián)想到樹木、有機、健康等意義；紅色使人聯(lián)想到西紅柿、激情、革命、犧牲、奔放的含義；金色讓人聯(lián)想到陽光、皇冠等。在人們建立了一個更充實、更完整的感官世界之后，在用戶界面設(shè)計中使用色彩元素，使用戶產(chǎn)生相關(guān)的聯(lián)想就容易得多。讓色彩在視覺藝術(shù)中調(diào)動使用者的情感是一種很常見的技巧。在用戶界面設(shè)計中使用各種視覺元素不僅是為了表達美觀和藝術(shù)，而且是為了滿足功能需求，只有滿足用戶對功能享受的視覺需求，UI設(shè)計才是真正的成功。

五、UI設(shè)計與視覺傳達藝術(shù)工作中應(yīng)注意的問題

雖然UI設(shè)計和視覺傳達藝術(shù)設(shè)計存在共同性和相溶性，但他們在實際工作中是有很多不同的。因此，UI設(shè)計師和視覺傳達藝術(shù)設(shè)計師在工作中存在以下問題：

1.工作人員大多來自相關(guān)專業(yè)和領(lǐng)域

用戶界面設(shè)計的發(fā)展相比與視覺藝術(shù)領(lǐng)域的其他形式年輕得多，專業(yè)性強，工作人員需要長期培訓(xùn)。目前從事UI設(shè)計人員大多都是周邊的相關(guān)領(lǐng)域的人，不能對整個UI設(shè)計進行統(tǒng)籌設(shè)計和整體的規(guī)劃，例如理工科人員在藝術(shù)設(shè)計和語言表達上敏感性不夠，文科人員對數(shù)理工具的使用則較為生疏，這就導(dǎo)致在一些綜合性較強的項目上不同專業(yè)的工作人員無法達成共識。

2.視覺藝術(shù)效果的缺失

在吸引流量方面，用戶界面設(shè)計中視覺藝術(shù)傳達的確占有相當(dāng)大的比重，但它并不是用戶界面設(shè)計的全部，用戶界面的發(fā)展尚短，還沒有對其形成全面的認(rèn)識和研究體系，如果不能正確理解視覺藝術(shù)的作用，就將會有權(quán)衡比例夸大或忽視的問題，從而影響了UI設(shè)計的總體指導(dǎo)思想。

3.對PC平臺的依賴

用戶界面的設(shè)計中，因為PC平臺發(fā)展較成熟而且計算機硬件系統(tǒng)相對穩(wěn)定，因而基于PC平臺的設(shè)計比基于其他平臺的的UI設(shè)計更加成熟，這無疑是對PC端用戶界面的設(shè)計與開發(fā)的優(yōu)勢。但相應(yīng)的，在將 PC 端的 UI 設(shè)計思路和方式應(yīng)用到其他平臺端口時，效果就會不甚明顯甚至有可能會“反其道而行之”。這種高強度的依賴顯然對UI設(shè)計思想的創(chuàng)新和發(fā)展不利。

4.在設(shè)計過程中過分追求功能性

高功能性是所有工程設(shè)計師、UI設(shè)計師和其他終生追求的終極目標(biāo)。高績效意味著擁有更多的機會吸引顧客的注意力和消費，從而達到資本積累。但追求功能性有時會降低藝術(shù)的外觀、表現(xiàn)要求，這一方面是因為設(shè)計師的藝術(shù)水平不夠高，或是自己的主觀意識灌輸強烈，另一方面可能是因為開發(fā)成本、時間不夠。因此，用戶的功能和精神的雙重需求很難同時實現(xiàn)。

UI設(shè)計者和視覺傳達設(shè)計者在功能上要加以區(qū)分。不同的工作角色對同一產(chǎn)品或項目有不同的審視角度，不同專業(yè)領(lǐng)域的有機結(jié)合可以實現(xiàn)產(chǎn)品和項目的多種性能創(chuàng)造的可能性。同時，設(shè)計師不僅要從自己的角度進行設(shè)計和開發(fā)，而且要調(diào)整自己的角度，用“非專業(yè)”的用戶視角來審視用戶界面設(shè)計，從而達到移情和增強市場吸引力和吸引力的目的。

六、結(jié)語

總而言之，學(xué)術(shù)界和業(yè)界對視覺傳達藝術(shù)設(shè)計的關(guān)注是UI設(shè)計可用性和交互設(shè)計研究的重要體現(xiàn)。做好UI設(shè)計中的視覺傳達設(shè)計，對于更好地滿足用戶的審美需求，迎合用戶的視覺邏輯具有重要意義。在這一點上，我們應(yīng)該加強視覺傳達在UI設(shè)計過程中的重要性，不斷優(yōu)化視覺感知、平面設(shè)計和視覺設(shè)計以滿足功能需求，從而促進UI設(shè)計技術(shù)的不斷創(chuàng)新和發(fā)展。

參考文獻：

[1]馬瑞旎． 探究UI設(shè)計的視覺傳達藝術(shù)[J]．明日風(fēng)尚，2017（4）：52-54．

[2]熊文灝． 探究UI設(shè)計的視覺傳達藝術(shù)[J]．青春歲月，2016（12）：38-40．

[3]王廣．淺談UI設(shè)計中的視覺傳達[J]．青年與社會，2014（13）：24-26．

[4]修德旭．論UI設(shè)計中的色彩心理學(xué)運用[J]．藝術(shù)評鑒，2017（8）：177-178．