情感化視覺傳達設計在音樂APP中的應用

浙江理工大學/周涵淇 浙江理工大學副教授/李昕

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

一、情感理念和情感化視覺傳達設計

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

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

二、情感理念對視覺傳達設計的意義

（一）生命力

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

（二）傳播力

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

（三）感染力

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

三、情感化視覺要素設計在音樂APP界面中的體現

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

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

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

（二）音樂APP界面視覺要素情感化的體現

界面視覺要素的呈現在界面設計中屬于“顯性”方面的設計，屬于一個產品的“臉面”，能否吸引到用戶很大程度上取決于“臉面”給用戶留下的第一印象。對于一個好的音樂APP的評判標準，除了能夠提供在功能體驗上給人舒適感受，界面視覺設計在某種程度上也會直接影響用戶的操作體驗。好的界面視覺設計在提升產品的功能體驗上能超常發揮，給用戶帶來愉悅的體驗感受。

1.界面風格定位

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

圖1 某音樂APP播放界面

2.色彩的情感表達

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

圖2 某音樂APP主界面

3.布局設定

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

（三）音樂類APP優秀界面案例分析

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

1.QQ音樂

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

圖3 QQ音樂界面

2.網易云音樂

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

圖4 網易集團部分產品圖標樣式

圖5 網易云音樂界面

3.Apple Music

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

圖6 Apple Music界面

四、結語

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