基于用户界面的音乐可视化互动平台设计

基于用户界面的音乐可视化互动平台设计 34/3433/34题目：基于用户界面的音乐可视化互动平台设计

摘要音乐可视化是一种以视觉为核心，音乐为载体来诠释音乐内容的大众化传播方式。其呈现多用于线下装置展览，在当今的移动信息时代，音乐可视化缺乏在移动平台上的广泛传播。在音乐可视化的实践过程中，提取乐段的元素特征，将其分为主观与客观两种层面，并针对音乐的具象与抽象元素进行一一对应的图案设计。设计出的图案元素受音乐乐段影响在界面中规律运动。在音乐可视化效果完备的基础上将其植入进互动平台，设计用户能够与音乐实时互动的交互界面。本文在记录音乐可视化互动平台制作过程的同时，针对音乐可视化的三种表现形式展开探讨与分析。呈现出新的音乐可视化作品，对音乐可视化在社会生活中的应用、未来研究的科学性进行展望。关键词：音乐可视化，视觉交互，联觉

ABSTRACTMusicvisualizationisapopularwayofdisseminatingmusiccontentwithmusicasthecoreandmusicasthecarrier.Itspresentationismostlyusedforofflineinstallations.Intoday'smobileinformationera,musicvisualizationlackswidespreadspreadonmobileplatforms.Inthepracticeofmusicvisualization,theelementfeaturesofthemusicsegmentareextracted,andtheyaredividedintotwolevels:subjectiveandobjective,andthegraphicdesignofthefigurativeandabstractelementsofmusicisone-to-one.Thedesignedpatternelementsareregularlymovedbythemusicsectionintheinterface.Onthebasisofthecompletenessofmusicvisualization,itisembeddedintotheinteractiveplatformtodesignaninteractiveinterfacethatuserscaninteractwithmusicinrealtime.Intheprocessofrecordingthemusicvisualizationinteractiveplatform,thispaperexploresandanalyzesthethreeformsofmusicvisualization.Presentingnewmusicvisualizationworks,lookingforwardtotheapplicationofmusicvisualizationinsociallifeandthescientificnatureoffutureresearch.Keywords：MusicVisualization,VisualInteraction,Synaesthesia

目录TOC\o"1-3"\h\u16592第一章×××6207941.1×××6101281.1.1×××错误!未定义书签。233601.1.2×××错误!未定义书签。296401.2×××6185181.2.1×××错误!未定义书签。1393第二章×××977422.1×××92.1.1×××312136致谢3428893参考文献33第一章绪论1.1研究背景音乐可视化（musicvisualization）是信息可视化的一个分支，是音乐与听众交互的一种新的方式。它以视觉体验为核心，音乐为载体，大众为表达对象，利用计算机和特定程序模拟人类在音乐联觉中音乐与视觉的联系，将音乐信息映射为可视化的视觉图像形式，并借助多种多样的传播媒介，例如画面、影像、实体装置来诠释音乐内容。是一种视听结合的大众化传播方式。它能为理解、分析和比较音乐艺术作品形态的表现力和内外部结构提供一种直观的多感官呈现。音乐可视化的基础大背景，是视觉工业时代的到来。视觉工业是以生产视觉产品、提供视觉服务为主要内容的产业形态。它以计算机图形技术为表达方式，以移动端平台为主要载体，以新媒体为主要传播渠道，以现代大工业生产方式为流程体系，以“一切信息可视化”为发展目标，是一种战略性的新兴文化产业。大力发展视觉工业，是文化产业升级的重要支点。

音乐可视化是一种新的跨领域的技术，涵盖信息可视化、音乐声学、情绪心理学、数字音频、动画、图像处理、平面设计、人机交互、虚拟现实等领域。音乐可视化在对音乐的特征（如波形、频率、音调、音高、节奏、速度等）进行提取后与相应的图形特征对应，从而转化为视觉作品。[1]当前音乐可视化的研究仍然处于初级阶段，在研究和应用等多领域都面临许多问题，一方面是机器学习对于音乐的程序分析存在一定难度，艺术创作对于音乐难以有一个标准、统一的诠释，一方面是应用型可视化系统往往忽视用户的情感体验，可视化效果难以得到所有人的联觉感受认可。1.2写作原因随着互联网时代的到来，移动设备的普及，媒体的传播方式百花齐放，图案和图形更易于看见、便于理解。因此，人们更愿意通过图形获取与传播信息。为了探究协助音乐传播更好的方式与途径，能够使听众更全面的欣赏和感受音乐所传达的情感与思想。同时可以为听障者开创一种新的认识声音、感受音乐的途径，有助于增加幼儿对音乐的兴趣，辅助幼儿的音乐启蒙教育。近年来，音乐可视化的研究与实践在生活中也日渐丰富，艺术家与产品经理们也在不断的进行音乐可视化尝试，但是广泛使用在生活中与音乐流媒体上的案例少之又少。如果能将音乐可视化设计在我们的日常生活中普及，甚至能对少数人群认识声音和音乐带来帮助，音乐可视化设计的研究将是对于人类的日常生活质量提升具有深刻意义的。同时，音乐可视化平台起源于我大一时的一个不成熟的构想，由于当时知识储备不够，技术水平不足，被搁置了。经过四年的学习，我已经具备完成这个选题的专业素养。因此，将“音乐可视化互动平台设计”作为毕业设计的选题也算是给过去的自己交上一份答卷。1.3文献综述音乐可视化涉及范围较广，涵盖学科较多，目前，一般的音乐可视化效果都是将音乐的基本特征提取后转化为视觉效果。音乐可视化的呈现可以从交互性、实时性、维数角度、体验感以及音频数据类型来分类。音乐元素的提取是音乐可视化的基础，王钧平在《音乐可视化的研究进展及其应用实例》[2]中说明，提取自然音频的特征时需要进行预先处理，目前有傅里叶分析、固定窗口等典型的处理方法，对于结构性音频便很容易从中找到音色、音高、音长等音乐信息所对应的位置，从而提取特征。孙鹏玉在《波形音乐文件特征提取方法的研究》[3]中提出，音乐的特征可以分为基本特征、复杂特征和整体特征三个方面。音乐的基本特征包括音符的音高、音长、音强等；复杂特征是由基本特征基础上分析而得来的，包括乐段的音程、节奏、旋律等；而整体特征包括音乐的情感、曲风等。把音乐元素提取出后，将视觉元素罗列并与之对应，联觉对于音乐可视化的制作起到了指导性的作用，朱梦婷在《布鲁斯音乐的色彩可视化分析》[4]中提到，联觉是对一种知觉系统的刺激引起另一个或数个其他知觉系统反应所获得的感觉。文中还将音乐的各个元素与色彩的亮度、空间、物体质量相联系。并在着重讨论与色彩的前进后退性、膨胀收缩性、轻重关系与音乐的联系。视觉元素中的很多方面都可以继续向更深的方向研究其与音乐元素的相关性。但是对于一些音乐的主观特性，例如情感、语义，相对应的视觉图形也需要在创作和表达中尽可能的通过联觉表现。但是每个人的感觉不同，如何使观众获得较高的认同感是一个需要大量收集资料并结合心理学理论进行深入思考的问题。音乐可视化的呈现多种多样，人们也对此作出不少尝试和探索。王钧平在《音乐可视化的研究进展及其应用实例》[1]里提到，音乐可视化目前的分类方法有：交互性、实时性、维数角度、体验感和音频数据类型等。从交互性来分为非交互式与交互式；实时性可分为硬实时和软实时；维数可分为三维与二维；体验感可分为沉浸式和半沉浸式；音频数据类型可分为自然音频和结构性音频。音乐可视化的表现形式当前已经有一个确切以及相对完整的分类，在表现上来说，不仅能以用户界面为载体，还能制作实体的海报、动画，以表现音乐可视化拥有更多传播方式，以及更广泛应用的可能性。张汉丹在《基于实体用户界面的音乐情感可视化系统及用户体验研究》[5]中提到，现实与虚拟的统一是实体用户界面最大的特点，所以暗示和引导应该结合合理的功能来指导用户。例如用手指跟着音乐打节奏可以在屏幕上使原本按照某种规律运动的图形跟着用户的节奏运动，这种要求特殊操作的功能就需要相应的引导才能使用户发现并学习。作者还对其设计的系统进行了用户体验分析，进行了现实经验匹配原则、可觉察的暗示原则、不间断的反馈原则进行用户测试。音乐可视化互动平台设计可以搜索到的文献资料不多，这也说明这个领域非常值得探索，用视觉表达辅助音乐本身，能够让观赏者不仅获得听觉上的感受，更能在视觉上获得愉悦感，并通过可交互的模式融入音乐，随音乐跃动，获得更好的交互体验。对于这种形式较为新颖的创新用户界面设计，在设计实践过程中还应该注意用户的学习成本，需要设计的简单易上手，同时也应该对用户的使用情况进行观察，并收集用户的体验，来完善产品，以求获得更好的用户体验。第二章音乐元素的提取与分类2.1特征提取MIDI是英文musicalinstrumentdigitalinterface的简写，中文意思是乐器的数字化接口。MIDI乐器演奏了音乐后，可以转换成计算机语言的信息，存入电脑。因此，MIDI格式的音乐可以被计算机所识别。MIDI信息分为通道信息与系统信息，通道信息中包含声音信息和方式信息，通过MIDI文件此可以得到的信息有：音符信息、复音触后、控制变换信息、音色变换信息、通道触后和弯音信息等。通过技术可以提取出乐段特征、主旋律、伴奏、音调、时长、音色、速度、拍号、调性等信息，经过对乐段主旋律的专业分析，实现音乐风格分类。这为音乐可视化产品的实时分析音段功能提供了技术支持。2.2元素分类音乐的基本要素是指构成音乐的各种元素。包括音的高低，音的长短，音的强弱和音色。由这些基本要素相互结合，形成音乐常用的“形式要素”，例如：节奏，曲调，和声，以及力度，速度，调式，曲式，织体等。每首不同的音乐都是由不同的节奏和旋律来区分的，这两种要素决定了音乐的个性。两个以上的乐器或两个以上的人共同演奏（演唱）的音乐，可以由和声协调组成复调音乐。每种乐器和每个人声都有自己独特的音色，不同音色的乐器组合形成独特的效果，安排这些乐器的组合叫做配器。以上四种要素的不同组合组成了每首音乐独特的性格，使人在聆听不同音乐时能感受到欢快、悲伤、慷慨、振奋等各种情绪。提取出在音乐中扮演重要角色的元素进行可视化设计，并将其分为主观与客观两种层面：主观的情感、曲风；客观的音调、音长、音色、速度、拍号、调性、响度、频率、配器等。第三章音乐可视化效果设计3.1具象元素中的图案提取与再设计经过提取与分类，音乐的具象元素主要是配器，乐器又分为民族乐器与西洋乐器，常用的西洋乐器有：木管乐器、铜管乐器、弦乐器、键盘乐器、打击乐器；常用的民族乐器有：琴、筝、箫、笛、二胡、琵琶、丝竹、鼓等。西洋乐器乐器名琴类钢琴风琴管风琴古钢琴

羽管键琴

电子琴手风琴拨弦类古典吉它电吉它贝斯竖琴木管类单簧管双簧管

英国管大管萨克斯管巴松管竖笛长笛短笛铜管类小号长号大号次中音号圆号萨克斯弓弦类小提琴中提琴大提琴低音提琴打击乐器定音鼓木琴钢片琴

马林巴小军鼓大鼓镲锣表1-2西洋乐器选取西洋乐器中常见的钢琴、手风琴、吉他、贝斯、萨克斯管、小号、小提琴、鼓、锣；民族乐器中的古筝、二胡、琵琶。以外形为依据进行逐个图形设计，具象元素视觉对对照表如下：具象元素视觉对照表乐器参考图示对应图案西洋乐器钢琴手风琴吉他贝斯萨克斯管小号小提琴架子鼓民族乐器古筝二胡琵琶笛子鼓锣表2-2具象元素视觉对照表3.2抽象元素的图案设计视觉元素是指构成视觉对象的基本单位，是人类接受与传达信息的工具与媒介，是视觉传达语言的单位与符号，因此，人们可以从视觉元素来认识和研究大自然与人类社会不同时空的变化和事物静态与动态的所有信息。视觉要素由信息要素和形式要素构成。信息要素由图形、文字、形状、形体等内容组成；形式要素由点、线、面、色彩、空间等内容组成。形式元素指画面上的组织、排列，包括方向、位置、空间、重心等要素的安排，目的是通过确定各种视觉要素来构成元素之间的关系和秩序，以此来构建画面的视觉效果。通过分析，将音乐中的抽象元素分类得出，主要有曲调、歌曲的风格、音长、音色、速度、响度和频率。 将音乐的抽象元素与视觉元素相结合，以联觉为依据，一一对应。联觉，是指一种通道的刺激能引起该通道的感觉，现在相同的刺激却同时引起了另一种通道的感觉，例如能用视觉感受声音，用嗅觉感受看到的信息。这种紊乱现象是由大脑中最原始的边缘系统，或者说主管情绪的大脑区域造成的异常活动。这是一种所有人都会产生的现象，只不过一些人对此有意识，有一些人没有。每个人的联觉反应也有所不同。建立在客观数据基础上的所有理论都认为，联觉现象是因大脑不同区域之间存在额外联系而造成的。因此根据联觉的感受，作下表：音乐抽象元素与视觉元素对照表风格色彩音色点曲调点的运动音值线的长度响度面的变化频率所有元素的运动表3-2音乐抽象元素与视觉元素对照表在抽象元素对应中，音乐风格与色彩相对应。音乐风格是指在音乐中各种音乐元素按照某种有相同规则的特别方式结合而产生的。这些要素的特殊结合方式能产生一种显著的或独特的音响。分为古典音乐与流行音乐两大块。音乐风格（类型）视觉对照表音乐类型音乐说明参考图示对应色彩古典音乐古希腊罗马音乐不可能聆听与欣赏#d98d33中世纪音乐音乐多以宗教仪式或歌唱颂歌为主#b93b27文艺复兴音乐更加追求人性的解放与对人的内心情感的抒发与表达#385688巴洛克音乐巴洛克音乐的特点是极尽奢华，加入大量装饰性的音符#E35F2A古典主义音乐这个时代出现了多乐章的交响曲、独奏协奏曲、弦乐四重奏、多乐章奏鸣曲等等体裁#F8BA8B浪漫主义音乐浪漫派时期的音乐更注重感情和形象的表现。相对来说看轻形式和结构。#C25769印象主义音乐这些音乐并不描述现实的事件，而是建立在色彩、运动和暗示之上#C0A4D3二十世纪古典音乐这个世纪没有一种统治性的风格，作曲家创造出各种各样的音乐#EBA61C现代主义音乐特指20世纪中所创作的有特殊风格的作品#F57F15二十一世纪古典音乐自2000年以来，在当代古典音乐的传统下的艺术音乐#4DA7D0通俗音乐蓝调蓝调融合了黑人灵歌、工作歌曲、现场大声叫喊及回应、欢呼、吟唱和押韵成简单的民谣马戏团音乐是伴随马戏团演奏的任何一种音乐。乡村音乐融合了流行歌曲、爱尔兰和凯尔特的小提琴曲、传统英国民谣和美国西部牛仔歌曲#1爵士乐它指代的是一个在时间上跨越了逾一个世纪的、涵盖面极广的一种音乐民俗音乐（民谣）融合了流行音乐，民间音乐和舞曲等风格。流行音乐指一段时期内广泛被大众所接受和喜欢的音乐。现代流行音乐又可作商业化运作。嘻哈音乐是一种跟着伴奏、带着韵律吟诵即饶舌／说唱的音乐风格。前卫音乐是指试图扩大与特定音乐类型相关的现有风格界限的音乐。幻觉音乐是受20世纪60年代迷幻剂影响的一系列流行音乐风格和流派摇滚乐摇滚乐不仅仅是摇滚乐，摇滚音乐家还将技巧与技巧的重点与浪漫的艺术观念视为艺术表达，原创与真诚灵魂乐结合了节奏蓝调和福音音乐的音乐流派。紧扣节奏、拍掌、即兴形体动作表4-2音乐风格（类型）视觉对照表 曲调在音乐中的分类十分详细，例如中国汉族的民间曲调分山歌、号子、小调，山歌又分信天游、西南山歌、客家山歌等等；号子一般是劳动号子；小调又分鲜花调、绣荷包调、孟姜女调等。由于分类过于详细，所以在设计中，按照世界区域进行划分，分为亚洲曲调、欧洲曲调、美洲曲调。（此处音乐以民歌为主），同时曲调的变化也跟随波形变化而运动。 提取三个大洲的代表性纹样，进行形状归纳曲调分类亚洲曲调欧洲曲调美洲曲调代表纹样图案提取表5-2曲调与图案对照表图1-2首次音乐可视化效果3.3设计实践后的元素对应调整经过设计实践，将对应具象元素放入设计实例中发现，提取的图样不够简洁，仍然具有较具象的外形，在画面中显得比较复杂，降低了辨识度，且许多乐器在音乐中不具代表性。因此，对于具象元素的图案提取，进行了第一次改进。改进后如下表。具象元素视觉对照表（改进后）乐器参考图示对应图案改进后图案西洋乐器钢琴手风琴吉他贝斯萨克斯管小号小提琴架子鼓民族乐器古筝二胡琵琶笛子鼓锣表6-2具象元素视觉对照表（改进后）抽象元素的图案提取经过音乐相关专业同学指导后改进后如下表：音乐抽象元素与视觉元素对照表表风格色彩（配色）曲调块面形状音值线的长度响度色块的变化频率所有元素的运动表7-2音乐抽象元素与视觉元素对照表（改进后）为了更好的了解大众对于音乐类型与色彩对应的理解，我通过问卷的形式进行了一次用户研究。以下是调查问卷与调查报告：关于音乐类型色彩表现的调查问卷 您好，我是中国地质大学的学生，为了解大众对于音乐类型色彩表现的理解，特开展此次问卷调查。请根据您的自身情况如实填写，最终结果仅作为学术研究，不会外泄您的个人资料您的宝贵意见将有助于我们了解您的观影习惯，十分感谢您抽出时间填写这份问卷！1、您的年龄:[单选题]选项小计比例15岁及以下00%16-20岁1221.43%21-25岁3867.86%26-30岁23.57%31岁及以上47.14%本题有效填写人次56表8-2调查问卷答卷表12、您的性别[单选题]选项小计比例男916.07%女4783.93%本题有效填写人次56表9-2调查问卷答卷表23、您常听的音乐类型（多选）[多选题]选项小计比例蓝调814.29%马戏团音乐23.57%乡村音乐1628.57%爵士乐1526.79%民谣2544.64%流行音乐4173.21%嘻哈音乐2239.29%前卫音乐58.93%幻觉音乐610.71%摇滚乐1119.64%灵魂乐58.93%本题有效填写人次56表10-2调查问卷答卷表34-14.请按照您的主观理解，选择与所听到音乐匹配的配色方案。（点击按钮播放）音乐分别是：Kissofdeath（蓝调）、JohnRyan'sPolka（马戏团音乐）、CryingintheRain（乡村）、Can'tSmilewithoutYou（爵士）、米店（民谣）、演员（流行）、安全着陆（嘻哈）、Big-S（前卫音乐）、InTheEnd(MellenGiRemix)（幻觉音乐）、C（摇滚乐）、Clocktower（灵魂乐）[单选题]图2-2调查问卷配图1选项小计比例1814.29%247.14%3814.29%458.93%535.36%611.79%7712.5%8610.71%958.93%1047.14%1158.93%本题有效填写人次56表11-2调查问卷答卷表4关于音乐类型色彩表现的调查报告调查时间：2019.3.11-2019.3.13调查地点：“问卷星”网站调查对象：各年龄层人士调查方法：问卷调查调查人：徐文隽 前言：想通过视觉元素与音乐元素相对应的方式制作一个音乐可视化平台，其中，将音乐类型与视觉中的色彩表现相对应。为了解大众对于色彩和音乐的理解，更好的为音乐可视化平台构思提供帮助，故发起“关于音乐类型色彩表现的调查问卷”，问卷发放时间为2019年3月11日至2019年3月13日，在“问卷星”平台上发布问卷，针对所有年龄层展开调查，回收调查问卷共56份。 参加调查的多数为16-25岁的女性，流行音乐的受众居多，嘻哈和民谣其次。图3-2调查问卷音乐受众分析图问卷根据不同音乐类型，各列出一首歌为代表，被调查者应要求根据自己的主观理解，选择与所听到音乐相匹配的配色方案。调查结果如下：音乐类型对应颜色蓝调马戏团音乐乡村音乐爵士乐民俗音乐（民谣）流行音乐嘻哈音乐前卫音乐幻觉音乐摇滚乐灵魂乐表12-2答卷中音乐类型与色彩匹配表由于题目为主观作答、调查样本有限、所列歌曲不够具代表性等问题，导致调查结果中各个选项被选择的比例都较为平均。也说明了不同人对于音乐的感受各自不同。图4-2答卷中音乐类型与色彩匹配图总结：根据问卷调查结果发现，每个人对于音乐的感受是独一无二的。更能被大众所理解和接受的音乐可视化设计，是本次项目的一个重难点。针对这个问题，解决途径有两个，一是要运用更多大众认同度高的具象元素来提高大部分用户对声画匹配的认可，提高用户使用时的认同感，减少学习成本。二是在视觉效果上做到足够美观，使用户在使用体验中忽视声画匹配度。经过问卷调查和自己设计过程中的反思，由于单一的渐变配色对于一整个音乐风格的表现力不够，且在设计实践中看来，视觉上并不是非常和谐美观，所以在单一配色的基础上，延展出配色组，通过配色组与背景图形的结合，代表音乐风格的色彩，也变得更加具有表现张力。同时，考虑到受众群体的主要音乐喜好，将古典音乐作为一个大类，并将流行音乐中的分类进行了筛选和精简。改进后的音乐风格与色彩对照表如下：音乐类型音乐说明参考图示对应配色古典音乐自2000年以来，在当代古典音乐的传统下的艺术音乐蓝调蓝调融合了黑人灵歌、工作歌曲、现场大声叫喊及回应、欢呼、吟唱和押韵成简单的民谣乡村音乐融合了流行歌曲、爱尔兰和凯尔特的小提琴曲、传统英国民谣和美国西部牛仔歌曲爵士乐它指代的是一个在时间上跨越了逾一个世纪的、涵盖面极广的一种音乐民俗音乐（民谣）融合了流行音乐，民间音乐和舞曲等风格。流行音乐指一段时期内广泛被大众所接受和喜欢的音乐。现代流行音乐又可作商业化运作。摇滚乐摇滚乐不仅仅是摇滚乐，摇滚音乐家还将技巧与技巧的重点与浪漫的艺术观念视为艺术表达，原创与真诚表13-2音乐风格（类型）视觉对照表（改进后）曲调与块面形状对应中，最初的三个形状参与设计实践后发现，形状过于单调简单，不是特别具有美感。考虑到画面美观需要，对这三种图形做出了图形组合的纹样设计。每种形状各有七种音乐种类相对应的配色，且因为乐曲节奏分为简单、中等、复杂，三种程度的图形组合。改进设计如图：图5-2曲调与块面形状对应改进图图6-2改进后的音乐可视化静态视觉效果3.4音乐可视化动态效果设计动态效果分为两个部分，一部分是背景，一部分是运动元素。 首先背景的选择，是根据曲调与块面形状相对应的图案设计，按照音乐的区域亚洲欧洲美洲区分为圆形、方形和三角形，再按照音乐的节奏快慢，在这些形状内选择简单、中等、复杂的图形分布，根据音乐的类别选择配色方案，以此确定背景的视觉样式。 第二部分是运动元素的选择，MIDI音乐可以将一首音乐中多种乐器信息保存为多个轨道。下载好七种类型音乐的MIDI格式，导入音乐制作软件后将其中的每一个轨道单独导出音频文件，再将音频文件导入特效制作软件AdobeAfterEffects。首先新建一个纯色图层，利用“效果”菜单中的“生成”、“音频频谱”功能，在音频层选择对应的乐器单轨音频，图形就可以根据音乐节奏跳动了。 通过调整起始频率和结束频率，控制图形跳动的频率，调整最大高度可以控制图形跳动的落差，厚度可以改变跳动元素的大小。将设计好的乐器对应图案导入合成，在效果控件中的路径选择蒙版，就可以使得效果附着在路径上律动。可以生成的效果有三种，分别是数字、模拟谱线和模拟频点。渲染导出既可获得音乐可视化的动态效果。第四章互动平台设计实践4.1需求分析4.1.1设计调研背景从市场的角度看，中国市场上的音乐流媒体app已经形成了比较固定的三足鼎立——虾米、网易云、qq音乐，能否占据音乐市场的关键，是平台对版权的掌握。在如今曲库相对均衡，资源势均力敌时，庞大的曲库版权已经不是一个长久的制胜法宝。同类app竞争就不仅停留在版权的争夺，而是更多的关注在原创音乐的发掘和听歌时的用户体验上。这种转变可以促进良性竞争，避免垄断，也利于行业技术水平的进一步发展。从用户的角度看，现代都市年轻人的时间更加碎片化，人们很需要娱乐活动来消磨碎片式的闲暇时间，在短暂零散的时间里获得更多的快乐，是现代年轻人以移动端设备为载体进行娱乐活动时的主要需求。对于音乐人来说，许多音乐人做出一个十分优秀的音乐后，苦于作品难以大规模的传播，获得更大的商业价值。为此，音乐人除了提升自己的音乐质量外，作品的视觉包装、与听众的交互与共鸣也成为了一个音乐作品很重要的部分。但是音乐人专注做音乐的同时可能没有那么多时间来顾及到作品的视觉呈现。此时，一个视觉传达成熟，能够给观众带来多重感受的平台对于他们作品的传播来说可以达到事半功倍的效果。从运营商的角度看，用户在打开app后不仅是听歌一个操作，还可以有更加有趣的交互模式，这样不仅可以增加用户在app中的停留时间，带来更大的广告流量收益，还能增加用户粘性，扩大用户群体，使自己的产品拥有经久不衰的生命力，和更加顽强的竞争力。4.1.2目标人群分析目标人群是：热爱听音乐、热爱探索新事物，注重各种感官体验的人和音乐人。用户画像：1.在校大学生：拥有较多闲暇时间，勇于探索新事物，乐于社交和安利，接受能力强。2.年轻白领：通勤时间较长，有较多碎片时间，需要音乐作为消遣，同时有一定的经济实力以供精神消费。3.音乐从业者：关注音乐的表现方式，追求更高的传播效率，有音乐视觉呈现需求。4.1.3商业模式1.更多互动效果需要内购收费2.通过音乐人上传音乐进一步扩大和增加曲库范围。3.广告商投放4.2概念设计4.2.1信息架构、流程图主要的功能分为三个入口，分别为：音乐的视觉化呈现与互动、个性化推荐、分享。因为本平台的形式和视觉呈现都比较新颖，所以要尽量将主要功能入口安排在用户显而易见并且易操作的界面热区。图7-2信息架构图图8-2流程图4.2.2原型设计 参考目前短视频软件的设计大趋势，为了增加沉浸感，将视觉呈现的部分布满整个界面，使用户沉浸在与音乐的交互中，获得更好的体验。将几个主要功能按钮分布在便于单手操作的右下角，使用户在操作过程中更加方便快捷。图9-2原型图4.2.3UI设计整体风格利用明丽的色彩和基础图形组成，由简构成繁。其中产品LOGO的设计灵感来源于音乐播放的三角按钮，并且加入了可视化效果中的基础视觉元素——三角形、方形、圆形作为点缀，用撞色的色彩搭配使界面看起来更加年轻有活力。图10-2产品LOGOapp内icon的设计也是由三角形、方形、圆形组成，由上到下分别为：个性化选择、保存与分享、互动音效抽屉。用三个基础图形组成表达三种意思的icon，与整体设计调性相符。并不特别易懂的icon虽然会增加用户的学习成本，但是对于我们用户画像中乐于发现新事物，具有探索精神的用户来说，是一个吸引目光想让人一试的亮点。图11-2产品高保真原型图4.2.4DEMO动画及宣传片制作 在sketch中设计好了高保真原型图后，导入princeple，根据设计好的流程图将每个按钮与页面跳转连接，该软件可以根据用户创造的链接制作可以实时交互的动效。 宣传片的制作主要是为了在展览时没有可实体体验的程序时，能够让观众更直观的体验到产品交互逻辑与操作流程，以及能感受到创作这个作品的初衷和想传递的创作内核。首先画面中出现三组跟着背景音乐跳动的音符，随着节奏跃动，缩小成APP的LOGO呈现在画面中，接着出现设计中的音乐可视化动态效果，展示具象元素可视化的动态成果，以及DEMO操作的录屏。第五章音乐可视化的表现形式5.1二维与三维可视化目前影视作品都在向着三维的方向发展，通过三维技术创造的视觉特效可以给观众带来置身其中的体验，通过技术完成许多日常生活中看不到的场景，给感官带来更大的刺激，在音乐可视化的呈现中也能更全面的带来视觉感受。结合VR、AR技术可以带来非常好的体验。但由于数量大、成本高，处理速度慢，实现人机交互容易分散视觉体验，普及度有待提高。二维技术在视觉细节的展示上更加具体，静止的图像也能让观众看得更加清晰，仔细。可以通过图形、色彩、元素在二维空间的摆放位置等各种视觉元素与音乐元素相对应。同时也不会存在因为三维中可探索的视觉特效过于绚丽夺目而喧宾夺主的问题。在音乐可视化的效果呈现中，视觉元素的存在仍然是为了让音乐能够更加完美的表达其内涵，视觉在其中只是起到辅助作用。5.2交互与非交互可视化当计算机运行这种程序的时候,可以根据用户的操作完成对应的指令,而不是程序直接执行,程序在接收到观众相应的操作指令后根据编程判断做出反应,这一过程及行为,称之为交互。音乐可视化系统的交互与非交互性主要体现在程序上，能够交互的可视化需要程序对于用户的反映作出反馈，对编程技术有所要求，交互性可以使人在使用中有更沉浸的体验，使人有更强，更深刻的记忆。在设计上，需要注意界面的热区，根据用户操作习惯设计更好的可用性与可视性，并跟随操作能有一定的视觉反馈。恰当的防止误操作。非交互可视化仅仅展示可视化效果，无法使观众或用户参与其中。5.2沉浸于非沉浸可视化从体验感的角度来看，分为沉浸式、非沉浸式和半沉浸式。沉浸式指观众在欣赏音乐可视化作品时自始至终都存在的置身其中，身临其境的感觉，它是以参与者为中心的一种高层次体验。沉浸感，就是忘却自己现实角色而融于音乐可视化作品中，成为作品内容的一部分。 音乐可视化作品的沉浸化设计，主要是将沉浸艺术和虚拟技术综合在一