浙江理工大學(xué)/周涵淇 浙江理工大學(xué)副教授/李昕

對(duì)情感化理念的注重已經(jīng)成為當(dāng)前視覺傳達(dá)設(shè)計(jì)領(lǐng)域發(fā)展的主流趨勢(shì)。從本質(zhì)而言，視覺傳達(dá)設(shè)計(jì)的目的在于溝通，而溝通的最佳方式莫過于情感的交流和共鳴。優(yōu)秀的視覺傳達(dá)設(shè)計(jì)作品要想得到廣泛的認(rèn)可，關(guān)鍵在于明確向觀眾傳遞某種情感理念，引起受眾者內(nèi)心情緒的波動(dòng)，與作品之間產(chǎn)生情感的聯(lián)結(jié)。只有注入了情感理念的視覺傳達(dá)設(shè)計(jì)作品，才是具有生命力、傳播力和感染力的；也只有堅(jiān)持情感化的設(shè)計(jì)理念，才能讓我國的視覺傳達(dá)設(shè)計(jì)在未來走出一條更有發(fā)展前景的道路。

一、情感理念和情感化視覺傳達(dá)設(shè)計(jì)

根據(jù)馬斯洛需求層次理論，人類的情感需求可以分為五個(gè)層次：安全、生理、尊重、歸屬感和自我實(shí)現(xiàn)，這其中包含了最基本的生理需求和高級(jí)的情感需求。情感需求不像生理需求一樣可以直觀的獲得滿足，需要具備一定的社會(huì)條件、經(jīng)濟(jì)條件或者政治條件，是在多元條件下共同筑建起來的。滿足情感需求會(huì)讓人產(chǎn)生積極的心態(tài)，提升幸福指數(shù)。

20 世紀(jì)50 年代興起的后現(xiàn)代主義就是將情感表達(dá)與自我意識(shí)充分調(diào)動(dòng)起來的設(shè)計(jì)風(fēng)格。后現(xiàn)代主義思想具有多元化、世俗化和不確定性等特征，它強(qiáng)調(diào)人們生活中的開放性與多變性，在后現(xiàn)代主義風(fēng)格引領(lǐng)下，當(dāng)時(shí)的設(shè)計(jì)師設(shè)計(jì)界面時(shí)會(huì)運(yùn)用創(chuàng)新的圖形、大膽的配色、全新的設(shè)計(jì)風(fēng)格，調(diào)動(dòng)用戶情緒，借此達(dá)到人和產(chǎn)品之間的對(duì)話。首先，整個(gè)設(shè)計(jì)最重要的環(huán)節(jié)之一就是調(diào)動(dòng)人感受的過程；其次，視覺傳達(dá)設(shè)計(jì)的深度由該作品情感表達(dá)的深度決定，既要有深刻的社會(huì)意義的理性情感，也要有可以調(diào)動(dòng)人情緒的感性情感；最后，多樣性是視覺傳達(dá)設(shè)計(jì)中不可或缺的，當(dāng)目的性發(fā)生改變，依舊可以產(chǎn)生不同類型和層次的情感。由此可見，情感理念對(duì)于視覺傳達(dá)設(shè)計(jì)來說至關(guān)重要。

二、情感理念對(duì)視覺傳達(dá)設(shè)計(jì)的意義

（一）生命力

對(duì)于任何一份藝術(shù)作品，情感因素都是萬分重要的，缺少情感因素的藝術(shù)作品如椅如凳般，缺少了生命力，沒有了生機(jī)，儼然一件死物。當(dāng)為一份視覺傳達(dá)作品注入情感因素，它就仿佛擁有了靈魂一般，一切藝術(shù)語言也仿佛有了靈性，可以完美地傳遞出去。受眾在欣賞一份擁有藝術(shù)生命力的視覺傳達(dá)作品時(shí)，也并不會(huì)感受到這是一場(chǎng)單純的視覺體驗(yàn)，更像是一種建立在視覺體驗(yàn)上的情感交匯。

（二）傳播力

視覺傳達(dá)本身的作用是為了向受眾傳遞信息。人們接收信息是精神上的，是一種內(nèi)在的活動(dòng)；視覺傳達(dá)作品首先是一個(gè)產(chǎn)品，這是外在的物質(zhì)體現(xiàn)，這兩者本身是具有隔閡的。情感理念很好地賦予視覺傳達(dá)作品情感的張力，增強(qiáng)了它的傳播力。彼此之間的隔閡被沖開，受眾在欣賞作品視覺表現(xiàn)的同時(shí)，更好地感受并體會(huì)到包含在作品中的、抑或是由受眾對(duì)作品的欣賞引發(fā)的情感體驗(yàn)。一件可以引發(fā)精神體驗(yàn)的作品通常會(huì)給人留下深刻的印象，也讓人更能夠理解作品之中蘊(yùn)含的、創(chuàng)作者想要讓受眾理解的興趣、價(jià)值觀念等深層信息。

（三）感染力

藝術(shù)的感染力也在于情。當(dāng)我們局限于色彩、文字、圖形等外在的表現(xiàn)形式而忽視設(shè)計(jì)的內(nèi)在時(shí)，這份作品就很難引起情感上的共鳴，感染力也會(huì)差強(qiáng)人意。在創(chuàng)作過程中充分融入情感理念，會(huì)讓作品在藝術(shù)感染力方面有極深的研究意義。當(dāng)一份視覺傳達(dá)作品蘊(yùn)含強(qiáng)烈情感因素時(shí)，它就好像一杯香醇濃郁的好茶，入口清甜，回味甘醇，受眾不知不覺就會(huì)沉醉其中。這就是藝術(shù)作品的魅力，這也是藝術(shù)作品的感染力。

三、情感化視覺要素設(shè)計(jì)在音樂APP界面中的體現(xiàn)

（一）音樂類APP的視覺特征

作為一個(gè)特殊的APP品類，音樂不僅是時(shí)間的藝術(shù)，也讓用戶在享受音樂的同時(shí)處在時(shí)間維度里。與視頻類APP不同，音樂類APP有時(shí)候更需要給用戶帶來的是一個(gè)感覺通道。并且當(dāng)用戶當(dāng)下有更重要的事情在做，只需要音樂作為陪襯時(shí)，那么使用音樂APP 就不能對(duì)更重要的其他行為造成影響。所以音樂APP界面設(shè)計(jì)的同時(shí)還需要考慮用戶所處的環(huán)境、所做的事情。

用戶在使用一款音樂APP 時(shí)并不會(huì)在界面上停留太長時(shí)間，所以必須在僅有的時(shí)間維度里給用戶留下深刻的印象。設(shè)計(jì)師在進(jìn)行音樂類APP界面設(shè)計(jì)時(shí)，從平面設(shè)計(jì)的角度出發(fā)，內(nèi)容信息量不能過大，否則容易對(duì)重要信息的傳遞造成干擾，規(guī)范化的頁面布局、按鈕設(shè)置、色彩搭配都最好做到適配和諧。播放的歌曲類型最好能和歌曲的封面，以及當(dāng)下播放界面的形式形成呼應(yīng)，這樣才能給人最好的視覺享受和情感體驗(yàn)。

（二）音樂APP界面視覺要素情感化的體現(xiàn)

界面視覺要素的呈現(xiàn)在界面設(shè)計(jì)中屬于“顯性”方面的設(shè)計(jì)，屬于一個(gè)產(chǎn)品的“臉面”，能否吸引到用戶很大程度上取決于“臉面”給用戶留下的第一印象。對(duì)于一個(gè)好的音樂APP的評(píng)判標(biāo)準(zhǔn)，除了能夠提供在功能體驗(yàn)上給人舒適感受，界面視覺設(shè)計(jì)在某種程度上也會(huì)直接影響用戶的操作體驗(yàn)。好的界面視覺設(shè)計(jì)在提升產(chǎn)品的功能體驗(yàn)上能超常發(fā)揮，給用戶帶來愉悅的體驗(yàn)感受。

1.界面風(fēng)格定位

當(dāng)一款音樂APP的界面經(jīng)過歷史的沉淀，音樂作為一種精神文化，在賦予APP 文化承載者角色的同時(shí)，也給APP 帶來獨(dú)有的情感深度。人們對(duì)音樂播放器的既定意識(shí)給設(shè)計(jì)師帶來了界面設(shè)計(jì)的參考。采用擬物的設(shè)計(jì)形式可以喚起用戶對(duì)傳統(tǒng)播放器的懷舊情感，也可以體現(xiàn)音樂文化的質(zhì)感?，F(xiàn)有的音樂APP 設(shè)計(jì)案例中，很多都采用了少量的擬物元素作為設(shè)計(jì)點(diǎn)。例如某音樂APP 播放界面模擬20 世紀(jì)風(fēng)靡一時(shí)的黑膠唱片機(jī)的樣式（圖1），來營造懷舊氛圍和輕度還原傳統(tǒng)音樂播放器的形象，這種對(duì)音樂播放器的熟悉感更有利于用戶對(duì)界面的認(rèn)同。

圖1 某音樂APP播放界面

2.色彩的情感表達(dá)

在美國流行色彩研究中心提出的“七秒鐘定律”中指出，當(dāng)人們面對(duì)琳瑯滿目的商品時(shí)，人們只需要七秒鐘就可以判斷自己是否對(duì)這些商品感興趣，而這七秒鐘，色彩成為人們決定喜歡與否的關(guān)鍵因素，占到所有相關(guān)因素的67%。色彩帶給人最直觀的感受，尤其是在音樂APP界面設(shè)計(jì)中，色彩搭配對(duì)整個(gè)界面的視覺效果產(chǎn)生重要作用。每一個(gè)APP都有屬于自己的主體色，主體色大多是從其APP的圖標(biāo)中提取出來，具有鮮明的特色，可以區(qū)別于其他音樂APP，幫助用戶輕松辨別，搭配合理的色彩可以增加視覺上的色彩感染力（圖2）。與此同時(shí)，一些音樂APP推出的自定義皮膚，可以讓用戶自己設(shè)置自己喜愛的色彩風(fēng)格，讓用戶與APP之間進(jìn)行情感交流。

圖2 某音樂APP主界面

3.布局設(shè)定

合理的界面布局可以在巧妙保留產(chǎn)品功能的基礎(chǔ)上，為用戶創(chuàng)造看似簡單，但功能齊全的界面效果。手機(jī)的空間范圍是有限的，如果將冗長的功能全部鋪展開來，會(huì)顯得內(nèi)容雜亂無章，用戶使用起來也會(huì)較麻煩和困惑。在APP界面布局設(shè)計(jì)的時(shí)候，可以從產(chǎn)品的核心價(jià)值、內(nèi)容數(shù)量、內(nèi)容組織、用戶的熟練程度、使用情景特征等方面綜合考慮后，從而選擇更適合自己產(chǎn)品的布局框架。設(shè)計(jì)師進(jìn)行設(shè)計(jì)時(shí)需要從全局考慮，通過簡單又高效的切換，高效的用戶操作，簡潔的用戶界面，可以給用戶帶來流暢的使用體驗(yàn)，也能讓用戶使用產(chǎn)品時(shí)保持舒暢的情緒感受。

（三）音樂類APP優(yōu)秀界面案例分析

國內(nèi)的音樂APP在移動(dòng)商店中排名前列的有QQ音樂和網(wǎng)易云音樂，蘋果產(chǎn)品在視覺效果上也是非常出彩，所以Apple Music的界面設(shè)計(jì)也十分具有借鑒意義。以下就從這三個(gè)優(yōu)秀案例展開贅述它們以情感理念為核心、以情感視覺元素為承載物的優(yōu)缺點(diǎn)。

1.QQ音樂

在音樂類APP中，QQ音樂作為頭號(hào)產(chǎn)品，擁有龐大的用戶基數(shù)。因?yàn)槊鎸?duì)的用戶群體范圍非常廣，所以設(shè)計(jì)團(tuán)隊(duì)在視覺設(shè)計(jì)方面更傾向于兼容性較強(qiáng)的視覺風(fēng)格。界面視覺風(fēng)格簡練，信息做成卡片化形式，有助于信息塊的區(qū)分。重要的導(dǎo)航放置于頂端，用主色做漸變過度，柔和又能突出重點(diǎn)?！皥D片”和“視頻預(yù)覽圖片”占比較大，更能凸顯內(nèi)容豐富。除了聽歌找歌等主功能之外，其他多余的附加功能都被詳細(xì)歸納到了首頁的第一大音樂分類導(dǎo)航設(shè)計(jì)中，減少用戶點(diǎn)擊進(jìn)入產(chǎn)品后進(jìn)行多次不必要的選擇。精細(xì)的操作環(huán)境被布置在更加深層的邏輯關(guān)系中。音樂播放部分，采用旋轉(zhuǎn)唱片機(jī)的形式，背景采用和封面同色的光影，跟隨音樂的旋律律動(dòng)，讓用戶在享受音樂的同時(shí)，有一種身臨其境的效果。視覺和聽覺的雙重配合，雙倍調(diào)動(dòng)人的心理狀態(tài)和情緒。整體界面簡潔干凈，突出歌曲名稱和播放按鍵這兩部分重點(diǎn)信息，弱化或隱藏其余的輔助功能，清爽利落，體驗(yàn)感更為舒適。（圖3）

圖3 QQ音樂界面

2.網(wǎng)易云音樂

網(wǎng)易云音樂出現(xiàn)的時(shí)間雖然較QQ音樂更晚，但它能在一眾優(yōu)秀的音樂類APP中崛起，并且成為QQ音樂強(qiáng)有力的競(jìng)爭對(duì)手，良好的視覺用戶體驗(yàn)功不可沒。網(wǎng)易云的界面設(shè)計(jì)風(fēng)格主色調(diào)為紅黑色，這與網(wǎng)易集團(tuán)的整體風(fēng)格保持一致，觀察網(wǎng)易集團(tuán)的其他產(chǎn)品，如網(wǎng)易新聞、網(wǎng)易有道、網(wǎng)易郵箱等圖標(biāo)均為紅色（圖4）。將主色調(diào)運(yùn)用到第一大導(dǎo)航欄中，色彩明艷，效果突出。細(xì)節(jié)處理上偏向純扁平化，符合現(xiàn)在的主流審美。圖標(biāo)按鈕運(yùn)用輕微的漸變色過度，更高的對(duì)比度，以及更加飽滿的視覺效果，比QQ音樂在細(xì)節(jié)處理上更為細(xì)致。拉大間距的形式分割區(qū)域，使得視覺分量感更輕盈。采用大號(hào)圓角處理首頁的“圖片”和“視頻預(yù)覽圖”，視覺效果更有親和力，更規(guī)整，同時(shí)又不失豐富性。背景色采取封面色的重色，從視覺上給人寧靜的體驗(yàn)，也更能讓用戶靜下心來體會(huì)音樂的魅力。（圖5）

圖4 網(wǎng)易集團(tuán)部分產(chǎn)品圖標(biāo)樣式

圖5 網(wǎng)易云音樂界面

3.Apple Music

Apple Music 的產(chǎn)品理念是“盡是你愛聽的音樂”，打造一座“專屬你的音樂樂園”。Apple Music 采用“T”字形板式，將界面的菜單欄放置在最下端，將音樂推薦內(nèi)容作為標(biāo)簽欄讓用戶左右滑動(dòng)查看內(nèi)容。Apple Music的界面圖形僅限于界面標(biāo)簽欄的按鈕設(shè)計(jì)，以符號(hào)化的圖形設(shè)計(jì)風(fēng)格，將標(biāo)簽類所指代的功能通過高度概括的符號(hào)化圖形表現(xiàn)出來，并通過圖形在顏色上的差別來判斷當(dāng)前所處于哪個(gè)標(biāo)簽頁面之下。整體界面將簡潔風(fēng)格發(fā)揮到了極致，突出了Apple Music對(duì)于音樂的專注度，也給了用戶更良好的沉浸式體驗(yàn)，用戶使用產(chǎn)品時(shí)更容易產(chǎn)生深度的情感關(guān)聯(lián)。但在另一方面，Apple Music缺少了音樂APP應(yīng)有的靈性，在標(biāo)簽欄的管理下有些許的生硬。（圖6）

圖6 Apple Music界面

四、結(jié)語

本文從情感化理念的角度出發(fā)，通過對(duì)音樂APP的界面視覺設(shè)計(jì)進(jìn)行一系列分析，總結(jié)認(rèn)為一款音樂APP要想成功在視覺上給用戶帶來驚艷，不僅要在純粹的視覺傳達(dá)設(shè)計(jì)上下功夫，更要從感性的情感角度考量如何讓設(shè)計(jì)不斷貼近用戶的認(rèn)知和情感需求。音樂APP的界面視覺設(shè)計(jì)，絕不僅僅是視覺元素上的編排組合，而是具有明確情感意義的排列，只有這樣才能讓APP更有內(nèi)涵，才能在一眾擁有優(yōu)秀界面視覺設(shè)計(jì)的同類APP中脫穎而出。