情感化视觉传达设计在音乐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中脱颖而出。