淺析視覺傳達(dá)藝術(shù)在界面設(shè)計中的應(yīng)用和發(fā)展趨勢

錢佳欣

（咪咕音樂有限公司北京分公司，北京 100000）

一、前言

PC 的出現(xiàn)促進(jìn)了信息交互系統(tǒng)設(shè)計的應(yīng)用和發(fā)展，交互設(shè)計在PC 上的應(yīng)用也增添了人機(jī)交互使用過程的樂趣。當(dāng)時，著名的微軟公司將界面設(shè)計的交互設(shè)計引入Windows 操作系統(tǒng)，推動了界面設(shè)計和交互設(shè)計的發(fā)展進(jìn)城。今天，交互設(shè)計仍然是設(shè)計的主流理念。隨著我國電子技術(shù)產(chǎn)品的發(fā)展，今天的交互系統(tǒng)界面設(shè)計可以不再局限于PC，在手機(jī)、智能手表、導(dǎo)航器、平板電腦等的界面結(jié)構(gòu)設(shè)計中，人機(jī)交互功能設(shè)計已經(jīng)是主流。在此過程中，視覺傳達(dá)在手機(jī)界面設(shè)計中得到了廣泛的應(yīng)用，對手機(jī)界面的優(yōu)化設(shè)計具有重要意義。

視覺傳達(dá)設(shè)計是比較專業(yè)的類別內(nèi)容，對人們來講，總是通過視覺來接觸信息。它也是為了能夠?qū)崿F(xiàn)信息的傳播，優(yōu)化了文字、圖片和其他因素影響視覺的元素。界面設(shè)計在互聯(lián)網(wǎng)發(fā)展中還比較新穎，它與傳統(tǒng)的視覺設(shè)計有許多相同的地方。不同之處在于，界面設(shè)計需要結(jié)合視覺通信和移動設(shè)備的功能和交互，以創(chuàng)建一個具有良好用戶體驗(yàn)的移動應(yīng)用程序界面。

二、視覺傳達(dá)設(shè)計和界面設(shè)計的概述

（一）視覺傳達(dá)設(shè)計

視覺傳達(dá)設(shè)計主要通過視覺繪畫、頁面布局和平面設(shè)計進(jìn)行表達(dá)，在這個過程中，通過合并文字可以產(chǎn)生更好的結(jié)果。其中，視覺也是一種符號，包括電影、建筑、設(shè)計師的作品、流通中的古貨幣等；而傳播主要是指收集到的信息以某種方式傳播的視覺效果，包括個人之間或群體之間。日常生活中較為常見的視覺傳達(dá)設(shè)計應(yīng)用主要包括產(chǎn)品造型設(shè)計和一些商業(yè)宣傳，并逐漸在高校教育中占據(jù)越來越重要的地位。移動界面設(shè)計的許多相關(guān)理論都不是孤立存在的，在與中國傳統(tǒng)的視覺傳達(dá)設(shè)計中有著緊密的聯(lián)系，所以為了更好地整合傳統(tǒng)的視覺傳達(dá)設(shè)計元素，實(shí)現(xiàn)目標(biāo)用戶的審美體驗(yàn)、交互系統(tǒng)設(shè)計的高度統(tǒng)一，并設(shè)計符合用戶審美期望的實(shí)用移動界面結(jié)構(gòu)設(shè)計，就需要要求我們設(shè)計師更好的遵循移動界面平臺設(shè)計的基本技術(shù)規(guī)范。

（二）界面設(shè)計

移動界面設(shè)計本質(zhì)上是用戶界面，即UI，主要包括界面布局、操作邏輯、人機(jī)交互等整體視覺設(shè)計。手機(jī)界面設(shè)計幾乎存在于我們自己周圍的所有電子技術(shù)產(chǎn)品中，例如手機(jī)的鎖屏界面，以及手機(jī)中每個頁面。手機(jī)界面設(shè)計逐漸趨向于扁平化，而取代了原來風(fēng)靡的擬物化風(fēng)格，并趨于多樣化。手機(jī)界面設(shè)計的效果在很大程度上可以決定了用戶對APP 的第一印象，并將對APP 未來是否能夠繼續(xù)使用過程中產(chǎn)生決定性因素影響，因此，手機(jī)界面設(shè)計變得越來越重要。隨著移動互聯(lián)網(wǎng)產(chǎn)品的升級加快，各種移動界面設(shè)計產(chǎn)品不斷躍入人們的眼簾。如何在保持實(shí)用性的同時設(shè)計出符合社會和人們對于審美習(xí)慣的手機(jī)界面，給當(dāng)前我國界面設(shè)計者提出了新的要求。

三、視覺傳達(dá)設(shè)計在界面設(shè)計中的應(yīng)用

（一）頁面布局

就風(fēng)格而言，由于視覺傳達(dá)的主要目的是傳達(dá)信息，因此布局風(fēng)格非常重要。用戶管理界面設(shè)計者需要在保證用戶體驗(yàn)的基礎(chǔ)上，通過進(jìn)行添加相關(guān)的視覺設(shè)計風(fēng)格，更好地表達(dá)設(shè)計發(fā)展思想和概念。比如，設(shè)計師可以將一些傳統(tǒng)的設(shè)計元素融入現(xiàn)代頁面布局中，不僅可以傳遞信息，還可以簡化設(shè)計思路，為設(shè)計師的工作提供更廣闊的思路和平臺。

在尺寸方面，現(xiàn)階段中國移動電子設(shè)備的屏幕尺寸并不是太大，特別是手機(jī)屏幕可以根據(jù)收集的信息量非常有限，但移動網(wǎng)絡(luò)設(shè)備的應(yīng)用系統(tǒng)程序仍然存在可以在這樣一個相對較小的屏幕上展示自己的視覺。在此基礎(chǔ)上，不僅要實(shí)現(xiàn)移動設(shè)備應(yīng)用程序設(shè)計中與用戶交互的邏輯，而且要從頁面美的角度來設(shè)計頁面布局和其他應(yīng)用程序，進(jìn)行視覺傳達(dá)。在這個發(fā)展過程中，設(shè)計師需要通過社交，對用戶在頁面布局中的大部分愛好和習(xí)慣問題進(jìn)行了系統(tǒng)詳細(xì)的調(diào)查，并對調(diào)查研究數(shù)據(jù)技術(shù)進(jìn)行分析整理，應(yīng)用到用戶的頁面布局中，從而實(shí)現(xiàn)整體視覺傳達(dá)設(shè)計的應(yīng)用目的。

在兼容性方面，用戶的手機(jī)屏幕的大小可能存在明顯的差異，應(yīng)用設(shè)計者也需要考慮到這個問題。在規(guī)劃過程中，設(shè)計方案首先需要檢測用戶手機(jī)屏幕的大小，然后根據(jù)不同的大小制作不同的屏幕兼容層次。在頁面布局上，盡最大努力讓用戶在使用智能手機(jī)的每個過程中可以獲得最佳的體驗(yàn)效果。由于手機(jī)屏幕的尺寸通常比較小，而手機(jī)界面的設(shè)計，界面設(shè)計師也需要在用戶的應(yīng)用過程中盡可能多的呈現(xiàn)信息，這就要求在頁面布局中進(jìn)行視覺傳達(dá)設(shè)計，主要技術(shù)研究方法是將相對重要的信息突出到頁面上更顯眼的位置，然后進(jìn)行整合同類產(chǎn)品信息，并通過管理頁面?zhèn)鬟f關(guān)鍵數(shù)據(jù)信息的收集。在此過程中，相關(guān)設(shè)計人員還需要在保證美觀的基礎(chǔ)上，在手機(jī)界面設(shè)計和頁面設(shè)計上部分留白，使視覺傳達(dá)設(shè)計的優(yōu)勢能夠以更合理的方式傳達(dá)，提供更好的應(yīng)用體驗(yàn)。

（二）色彩的運(yùn)用

移動界面設(shè)計色彩在界面設(shè)計中的應(yīng)用是整個視覺傳達(dá)設(shè)計中相對最重要的元素之一。雖然不同的用戶在色彩偏好上可能有比較大的差異，但不同顏色的基本組合卻能滿足大多數(shù)用戶的審美標(biāo)準(zhǔn)。手機(jī)界面設(shè)計界面設(shè)計者在頁面設(shè)計過程中需要保持色彩應(yīng)用的靈活性，并基于色彩心理設(shè)計更合理的頁面視覺傳達(dá)效果，以滿足用戶的應(yīng)用習(xí)慣和心理感官體驗(yàn)。當(dāng)交付的內(nèi)容更具娛樂性時，可以使用更亮的色調(diào)。色彩在手機(jī)界面設(shè)計和界面結(jié)構(gòu)設(shè)計中的應(yīng)用研究范圍更廣，需要充分體現(xiàn)出不同的價值觀，在不同的場合和人群中以發(fā)揮色彩的主要技術(shù)應(yīng)用效果。

（三）文字處理

文字作為用戶最直接的感官體驗(yàn)，在手機(jī)和其他界面設(shè)計中具有極其重要的價值，它是信息傳輸?shù)闹饕d體，可以作為兩者之間溝通的橋梁。由于文字對用戶的吸引力不如圖形，因此文字可以在用戶界面性能和與用戶的交流中發(fā)揮更重要的作用。在這個發(fā)展階段，文字應(yīng)用程序的信息量相對較大，考慮到用戶手機(jī)的體積較小，設(shè)計師需要對其進(jìn)行分析簡化，并盡量突出信息的關(guān)鍵點(diǎn)，這不僅可以為用戶管理提供更好更快的服務(wù)，還可以更加突出界面的簡潔效果，避免因內(nèi)容繁瑣而帶來混亂。

四、視覺傳達(dá)藝術(shù)在界面設(shè)計中的發(fā)展趨勢

（一）界面視覺傳達(dá)發(fā)展中的側(cè)重點(diǎn)

適當(dāng)?shù)奈淖帧Ｕ{(diào)查研究發(fā)現(xiàn)，在不同的移動平臺上，用戶信息可以通過接受的文字大小是不同的，一旦應(yīng)用程序成功開發(fā)，文本的大小將成為不同用戶的一個因素。一些應(yīng)用系統(tǒng)程序可以根據(jù)其特殊性質(zhì)和用戶信息需求調(diào)整文字大小，例如為中老年人提供實(shí)用的應(yīng)用程序，文字需要放大以便閱讀；在語言學(xué)習(xí)方面，不應(yīng)使用稀有詞匯和專業(yè)詞匯來提高管理用戶接受能力，用戶友好的文字放置還需要根據(jù)應(yīng)用的性質(zhì)確定文字的字體大小和字體，并進(jìn)行相應(yīng)的設(shè)計，每種字體都有自己的特點(diǎn)，所以布局管理合理的文字是關(guān)鍵。

界面中圖形甄選。對于用戶來說，最直觀的視覺體驗(yàn)是界面中的圖形呈現(xiàn)，不同的行也有不同的字符表達(dá)式。根據(jù)線條規(guī)則繪制的圖形，看似比較生動完整，而手繪的圖形則更加活潑可愛，給人帶來一種溫暖的感覺。在人性化設(shè)計中，由于圖形的目標(biāo)是視覺傳達(dá)，而不是主要的信息傳遞，所以不需要在界面中沉溺于圖形的數(shù)量，而是需要考慮界面中的圖形元素，所以這又是一個重要特征。

色彩具有很強(qiáng)的感知力和視覺沖擊力，并具有很高的影響力，界面顏色匹配和不同顏色匹配是移動應(yīng)用界面設(shè)計的首要任務(wù)。在界面設(shè)計中，色彩的合理有效運(yùn)用給人以強(qiáng)烈的心理暗示，使用戶可以更加直接的閱讀主要信息，凝聚注意力，實(shí)現(xiàn)視覺刺激，所以良好的色彩管理運(yùn)用可以為界面設(shè)計帶來更多的人性化點(diǎn)。

（二）視覺傳達(dá)藝術(shù)在界面設(shè)計中的發(fā)展趨勢

目前，界面設(shè)計的應(yīng)用領(lǐng)域可以根據(jù)數(shù)字媒體細(xì)分為PC 程序、網(wǎng)頁和智能移動終端應(yīng)用。基于當(dāng)前可實(shí)現(xiàn)的技術(shù)，未來界面設(shè)計的交互媒介可能不限于現(xiàn)有計算機(jī)的LCD 屏幕或智能手機(jī)的玻璃屏幕，它可以從柔性屏幕發(fā)展到流體界面，甚至可以通過虛擬現(xiàn)實(shí)技術(shù)。概念上設(shè)置在全景多媒體環(huán)境中的交互界面，實(shí)際上并不存在，這將是未來視覺傳達(dá)設(shè)計的先驅(qū)領(lǐng)域。

媒介的升級改造所帶來的用戶需求的變化是視覺傳達(dá)設(shè)計發(fā)展的動力。平臺化、兼容性以及從多媒體到多技術(shù)、多學(xué)科的包容性平臺是未來的重要發(fā)展趨勢之一。屆時，視頻和音頻，甚至嗅覺和觸覺模擬等元素與主導(dǎo)視覺元素的融合和互動，將嵌入社交媒體平臺和智能擴(kuò)展的界面設(shè)計中，引導(dǎo)和提升用戶沉浸式的綜合感知體驗(yàn)，這很可能再次擴(kuò)大視覺傳達(dá)設(shè)計的學(xué)科界限。

通過設(shè)計引導(dǎo)用戶行為，可以創(chuàng)造需求改變世界。在當(dāng)今全球數(shù)字媒體圖像閱讀一體化的時代，新一代視覺傳達(dá)設(shè)計師應(yīng)該關(guān)注媒體和用戶升級帶來的設(shè)計思維變化，關(guān)注用戶體驗(yàn)和需求設(shè)計，人機(jī)界面就是為了實(shí)現(xiàn)這一變化中的重要媒介。在此基礎(chǔ)上的界面設(shè)計使視覺傳達(dá)設(shè)計突破了傳統(tǒng)紙質(zhì)媒體的局限性，產(chǎn)生了巨大的社會影響。當(dāng)然,在從被動迎合需求到主動創(chuàng)造需求的過程中,要注意工作的實(shí)質(zhì)意義和價值,避免單純追求商業(yè)和經(jīng)濟(jì)利益,創(chuàng)造浪費(fèi)資源的無用需求或消極的生活方式。

五、結(jié)論

界面設(shè)計，尤其是中國移動互聯(lián)網(wǎng)用戶管理界面，是當(dāng)前我國移動終端設(shè)備間重要的信息傳遞方式，其設(shè)計效果將直接影響到用戶的視覺體驗(yàn)。設(shè)計師在設(shè)計過程中需要特別注意圖像、色彩和文字融合效果，實(shí)現(xiàn)實(shí)用和美觀的和諧統(tǒng)一，以加強(qiáng)界面的完整性。同時，他們還需要注意對每個關(guān)鍵信息內(nèi)容的進(jìn)行分析處理，這也可以通過提高用戶的視覺感受，進(jìn)而提高視覺傳達(dá)效果。