基于用戶界面的音樂可視化互動平臺設(shè)計(jì) 34/3433/34題目：基于用戶界面的音樂可視化互動平臺設(shè)計(jì)

摘要音樂可視化是一種以視覺為核心，音樂為載體來詮釋音樂內(nèi)容的大眾化傳播方式。其呈現(xiàn)多用于線下裝置展覽，在當(dāng)今的移動信息時(shí)代，音樂可視化缺乏在移動平臺上的廣泛傳播。在音樂可視化的實(shí)踐過程中，提取樂段的元素特征，將其分為主觀與客觀兩種層面，并針對音樂的具象與抽象元素進(jìn)行一一對應(yīng)的圖案設(shè)計(jì)。設(shè)計(jì)出的圖案元素受音樂樂段影響在界面中規(guī)律運(yùn)動。在音樂可視化效果完備的基礎(chǔ)上將其植入進(jìn)互動平臺，設(shè)計(jì)用戶能夠與音樂實(shí)時(shí)互動的交互界面。本文在記錄音樂可視化互動平臺制作過程的同時(shí)，針對音樂可視化的三種表現(xiàn)形式展開探討與分析。呈現(xiàn)出新的音樂可視化作品，對音樂可視化在社會生活中的應(yīng)用、未來研究的科學(xué)性進(jìn)行展望。關(guān)鍵詞：音樂可視化，視覺交互，聯(lián)覺

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×××錯(cuò)誤!未定義書簽。233601.1.2×××錯(cuò)誤!未定義書簽。296401.2×××6185181.2.1×××錯(cuò)誤!未定義書簽。1393第二章×××977422.1×××92.1.1×××312136致謝3428893參考文獻(xiàn)33第一章緒論1.1研究背景音樂可視化（musicvisualization）是信息可視化的一個(gè)分支，是音樂與聽眾交互的一種新的方式。它以視覺體驗(yàn)為核心，音樂為載體，大眾為表達(dá)對象，利用計(jì)算機(jī)和特定程序模擬人類在音樂聯(lián)覺中音樂與視覺的聯(lián)系，將音樂信息映射為可視化的視覺圖像形式，并借助多種多樣的傳播媒介，例如畫面、影像、實(shí)體裝置來詮釋音樂內(nèi)容。是一種視聽結(jié)合的大眾化傳播方式。它能為理解、分析和比較音樂藝術(shù)作品形態(tài)的表現(xiàn)力和內(nèi)外部結(jié)構(gòu)提供一種直觀的多感官呈現(xiàn)。音樂可視化的基礎(chǔ)大背景，是視覺工業(yè)時(shí)代的到來。視覺工業(yè)是以生產(chǎn)視覺產(chǎn)品、提供視覺服務(wù)為主要內(nèi)容的產(chǎn)業(yè)形態(tài)。它以計(jì)算機(jī)圖形技術(shù)為表達(dá)方式，以移動端平臺為主要載體，以新媒體為主要傳播渠道，以現(xiàn)代大工業(yè)生產(chǎn)方式為流程體系，以“一切信息可視化”為發(fā)展目標(biāo)，是一種戰(zhàn)略性的新興文化產(chǎn)業(yè)。大力發(fā)展視覺工業(yè)，是文化產(chǎn)業(yè)升級的重要支點(diǎn)。

音樂可視化是一種新的跨領(lǐng)域的技術(shù)，涵蓋信息可視化、音樂聲學(xué)、情緒心理學(xué)、數(shù)字音頻、動畫、圖像處理、平面設(shè)計(jì)、人機(jī)交互、虛擬現(xiàn)實(shí)等領(lǐng)域。音樂可視化在對音樂的特征（如波形、頻率、音調(diào)、音高、節(jié)奏、速度等）進(jìn)行提取后與相應(yīng)的圖形特征對應(yīng)，從而轉(zhuǎn)化為視覺作品。[1]當(dāng)前音樂可視化的研究仍然處于初級階段，在研究和應(yīng)用等多領(lǐng)域都面臨許多問題，一方面是機(jī)器學(xué)習(xí)對于音樂的程序分析存在一定難度，藝術(shù)創(chuàng)作對于音樂難以有一個(gè)標(biāo)準(zhǔn)、統(tǒng)一的詮釋，一方面是應(yīng)用型可視化系統(tǒng)往往忽視用戶的情感體驗(yàn)，可視化效果難以得到所有人的聯(lián)覺感受認(rèn)可。1.2寫作原因隨著互聯(lián)網(wǎng)時(shí)代的到來，移動設(shè)備的普及，媒體的傳播方式百花齊放，圖案和圖形更易于看見、便于理解。因此，人們更愿意通過圖形獲取與傳播信息。為了探究協(xié)助音樂傳播更好的方式與途徑，能夠使聽眾更全面的欣賞和感受音樂所傳達(dá)的情感與思想。同時(shí)可以為聽障者開創(chuàng)一種新的認(rèn)識聲音、感受音樂的途徑，有助于增加幼兒對音樂的興趣，輔助幼兒的音樂啟蒙教育。近年來，音樂可視化的研究與實(shí)踐在生活中也日漸豐富，藝術(shù)家與產(chǎn)品經(jīng)理們也在不斷的進(jìn)行音樂可視化嘗試，但是廣泛使用在生活中與音樂流媒體上的案例少之又少。如果能將音樂可視化設(shè)計(jì)在我們的日常生活中普及，甚至能對少數(shù)人群認(rèn)識聲音和音樂帶來幫助，音樂可視化設(shè)計(jì)的研究將是對于人類的日常生活質(zhì)量提升具有深刻意義的。同時(shí)，音樂可視化平臺起源于我大一時(shí)的一個(gè)不成熟的構(gòu)想，由于當(dāng)時(shí)知識儲備不夠，技術(shù)水平不足，被擱置了。經(jīng)過四年的學(xué)習(xí)，我已經(jīng)具備完成這個(gè)選題的專業(yè)素養(yǎng)。因此，將“音樂可視化互動平臺設(shè)計(jì)”作為畢業(yè)設(shè)計(jì)的選題也算是給過去的自己交上一份答卷。1.3文獻(xiàn)綜述音樂可視化涉及范圍較廣，涵蓋學(xué)科較多，目前，一般的音樂可視化效果都是將音樂的基本特征提取后轉(zhuǎn)化為視覺效果。音樂可視化的呈現(xiàn)可以從交互性、實(shí)時(shí)性、維數(shù)角度、體驗(yàn)感以及音頻數(shù)據(jù)類型來分類。音樂元素的提取是音樂可視化的基礎(chǔ)，王鈞平在《音樂可視化的研究進(jìn)展及其應(yīng)用實(shí)例》[2]中說明，提取自然音頻的特征時(shí)需要進(jìn)行預(yù)先處理，目前有傅里葉分析、固定窗口等典型的處理方法，對于結(jié)構(gòu)性音頻便很容易從中找到音色、音高、音長等音樂信息所對應(yīng)的位置，從而提取特征。孫鵬玉在《波形音樂文件特征提取方法的研究》[3]中提出，音樂的特征可以分為基本特征、復(fù)雜特征和整體特征三個(gè)方面。音樂的基本特征包括音符的音高、音長、音強(qiáng)等；復(fù)雜特征是由基本特征基礎(chǔ)上分析而得來的，包括樂段的音程、節(jié)奏、旋律等；而整體特征包括音樂的情感、曲風(fēng)等。把音樂元素提取出后，將視覺元素羅列并與之對應(yīng)，聯(lián)覺對于音樂可視化的制作起到了指導(dǎo)性的作用，朱夢婷在《布魯斯音樂的色彩可視化分析》[4]中提到，聯(lián)覺是對一種知覺系統(tǒng)的刺激引起另一個(gè)或數(shù)個(gè)其他知覺系統(tǒng)反應(yīng)所獲得的感覺。文中還將音樂的各個(gè)元素與色彩的亮度、空間、物體質(zhì)量相聯(lián)系。并在著重討論與色彩的前進(jìn)后退性、膨脹收縮性、輕重關(guān)系與音樂的聯(lián)系。視覺元素中的很多方面都可以繼續(xù)向更深的方向研究其與音樂元素的相關(guān)性。但是對于一些音樂的主觀特性，例如情感、語義，相對應(yīng)的視覺圖形也需要在創(chuàng)作和表達(dá)中盡可能的通過聯(lián)覺表現(xiàn)。但是每個(gè)人的感覺不同，如何使觀眾獲得較高的認(rèn)同感是一個(gè)需要大量收集資料并結(jié)合心理學(xué)理論進(jìn)行深入思考的問題。音樂可視化的呈現(xiàn)多種多樣，人們也對此作出不少嘗試和探索。王鈞平在《音樂可視化的研究進(jìn)展及其應(yīng)用實(shí)例》[1]里提到，音樂可視化目前的分類方法有：交互性、實(shí)時(shí)性、維數(shù)角度、體驗(yàn)感和音頻數(shù)據(jù)類型等。從交互性來分為非交互式與交互式；實(shí)時(shí)性可分為硬實(shí)時(shí)和軟實(shí)時(shí)；維數(shù)可分為三維與二維；體驗(yàn)感可分為沉浸式和半沉浸式；音頻數(shù)據(jù)類型可分為自然音頻和結(jié)構(gòu)性音頻。音樂可視化的表現(xiàn)形式當(dāng)前已經(jīng)有一個(gè)確切以及相對完整的分類，在表現(xiàn)上來說，不僅能以用戶界面為載體，還能制作實(shí)體的海報(bào)、動畫，以表現(xiàn)音樂可視化擁有更多傳播方式，以及更廣泛應(yīng)用的可能性。張漢丹在《基于實(shí)體用戶界面的音樂情感可視化系統(tǒng)及用戶體驗(yàn)研究》[5]中提到，現(xiàn)實(shí)與虛擬的統(tǒng)一是實(shí)體用戶界面最大的特點(diǎn)，所以暗示和引導(dǎo)應(yīng)該結(jié)合合理的功能來指導(dǎo)用戶。例如用手指跟著音樂打節(jié)奏可以在屏幕上使原本按照某種規(guī)律運(yùn)動的圖形跟著用戶的節(jié)奏運(yùn)動，這種要求特殊操作的功能就需要相應(yīng)的引導(dǎo)才能使用戶發(fā)現(xiàn)并學(xué)習(xí)。作者還對其設(shè)計(jì)的系統(tǒng)進(jìn)行了用戶體驗(yàn)分析，進(jìn)行了現(xiàn)實(shí)經(jīng)驗(yàn)匹配原則、可覺察的暗示原則、不間斷的反饋原則進(jìn)行用戶測試。音樂可視化互動平臺設(shè)計(jì)可以搜索到的文獻(xiàn)資料不多，這也說明這個(gè)領(lǐng)域非常值得探索，用視覺表達(dá)輔助音樂本身，能夠讓觀賞者不僅獲得聽覺上的感受，更能在視覺上獲得愉悅感，并通過可交互的模式融入音樂，隨音樂躍動，獲得更好的交互體驗(yàn)。對于這種形式較為新穎的創(chuàng)新用戶界面設(shè)計(jì)，在設(shè)計(jì)實(shí)踐過程中還應(yīng)該注意用戶的學(xué)習(xí)成本，需要設(shè)計(jì)的簡單易上手，同時(shí)也應(yīng)該對用戶的使用情況進(jìn)行觀察，并收集用戶的體驗(yàn)，來完善產(chǎn)品，以求獲得更好的用戶體驗(yàn)。第二章音樂元素的提取與分類2.1特征提取MIDI是英文musicalinstrumentdigitalinterface的簡寫，中文意思是樂器的數(shù)字化接口。MIDI樂器演奏了音樂后，可以轉(zhuǎn)換成計(jì)算機(jī)語言的信息，存入電腦。因此，MIDI格式的音樂可以被計(jì)算機(jī)所識別。MIDI信息分為通道信息與系統(tǒng)信息，通道信息中包含聲音信息和方式信息，通過MIDI文件此可以得到的信息有：音符信息、復(fù)音觸后、控制變換信息、音色變換信息、通道觸后和彎音信息等。通過技術(shù)可以提取出樂段特征、主旋律、伴奏、音調(diào)、時(shí)長、音色、速度、拍號、調(diào)性等信息，經(jīng)過對樂段主旋律的專業(yè)分析，實(shí)現(xiàn)音樂風(fēng)格分類。這為音樂可視化產(chǎn)品的實(shí)時(shí)分析音段功能提供了技術(shù)支持。2.2元素分類音樂的基本要素是指構(gòu)成音樂的各種元素。包括音的高低，音的長短，音的強(qiáng)弱和音色。由這些基本要素相互結(jié)合，形成音樂常用的“形式要素”，例如：節(jié)奏，曲調(diào)，和聲，以及力度，速度，調(diào)式，曲式，織體等。每首不同的音樂都是由不同的節(jié)奏和旋律來區(qū)分的，這兩種要素決定了音樂的個(gè)性。兩個(gè)以上的樂器或兩個(gè)以上的人共同演奏（演唱）的音樂，可以由和聲協(xié)調(diào)組成復(fù)調(diào)音樂。每種樂器和每個(gè)人聲都有自己獨(dú)特的音色，不同音色的樂器組合形成獨(dú)特的效果，安排這些樂器的組合叫做配器。以上四種要素的不同組合組成了每首音樂獨(dú)特的性格，使人在聆聽不同音樂時(shí)能感受到歡快、悲傷、慷慨、振奮等各種情緒。提取出在音樂中扮演重要角色的元素進(jìn)行可視化設(shè)計(jì)，并將其分為主觀與客觀兩種層面：主觀的情感、曲風(fēng)；客觀的音調(diào)、音長、音色、速度、拍號、調(diào)性、響度、頻率、配器等。第三章音樂可視化效果設(shè)計(jì)3.1具象元素中的圖案提取與再設(shè)計(jì)經(jīng)過提取與分類，音樂的具象元素主要是配器，樂器又分為民族樂器與西洋樂器，常用的西洋樂器有：木管樂器、銅管樂器、弦樂器、鍵盤樂器、打擊樂器；常用的民族樂器有：琴、箏、簫、笛、二胡、琵琶、絲竹、鼓等。西洋樂器樂器名琴類鋼琴風(fēng)琴管風(fēng)琴古鋼琴

羽管鍵琴

電子琴手風(fēng)琴撥弦類古典吉它電吉它貝斯豎琴木管類單簧管雙簧管

英國管大管薩克斯管巴松管豎笛長笛短笛銅管類小號長號大號次中音號圓號薩克斯弓弦類小提琴中提琴大提琴低音提琴打擊樂器定音鼓木琴鋼片琴

馬林巴小軍鼓大鼓镲鑼表1-2西洋樂器選取西洋樂器中常見的鋼琴、手風(fēng)琴、吉他、貝斯、薩克斯管、小號、小提琴、鼓、鑼；民族樂器中的古箏、二胡、琵琶。以外形為依據(jù)進(jìn)行逐個(gè)圖形設(shè)計(jì)，具象元素視覺對對照表如下：具象元素視覺對照表樂器參考圖示對應(yīng)圖案西洋樂器鋼琴手風(fēng)琴吉他貝斯薩克斯管小號小提琴架子鼓民族樂器古箏二胡琵琶笛子鼓鑼表2-2具象元素視覺對照表3.2抽象元素的圖案設(shè)計(jì)視覺元素是指構(gòu)成視覺對象的基本單位，是人類接受與傳達(dá)信息的工具與媒介，是視覺傳達(dá)語言的單位與符號，因此，人們可以從視覺元素來認(rèn)識和研究大自然與人類社會不同時(shí)空的變化和事物靜態(tài)與動態(tài)的所有信息。視覺要素由信息要素和形式要素構(gòu)成。信息要素由圖形、文字、形狀、形體等內(nèi)容組成；形式要素由點(diǎn)、線、面、色彩、空間等內(nèi)容組成。形式元素指畫面上的組織、排列，包括方向、位置、空間、重心等要素的安排，目的是通過確定各種視覺要素來構(gòu)成元素之間的關(guān)系和秩序，以此來構(gòu)建畫面的視覺效果。通過分析，將音樂中的抽象元素分類得出，主要有曲調(diào)、歌曲的風(fēng)格、音長、音色、速度、響度和頻率。 將音樂的抽象元素與視覺元素相結(jié)合，以聯(lián)覺為依據(jù)，一一對應(yīng)。聯(lián)覺，是指一種通道的刺激能引起該通道的感覺，現(xiàn)在相同的刺激卻同時(shí)引起了另一種通道的感覺，例如能用視覺感受聲音，用嗅覺感受看到的信息。這種紊亂現(xiàn)象是由大腦中最原始的邊緣系統(tǒng)，或者說主管情緒的大腦區(qū)域造成的異常活動。這是一種所有人都會產(chǎn)生的現(xiàn)象，只不過一些人對此有意識，有一些人沒有。每個(gè)人的聯(lián)覺反應(yīng)也有所不同。建立在客觀數(shù)據(jù)基礎(chǔ)上的所有理論都認(rèn)為，聯(lián)覺現(xiàn)象是因大腦不同區(qū)域之間存在額外聯(lián)系而造成的。因此根據(jù)聯(lián)覺的感受，作下表：音樂抽象元素與視覺元素對照表風(fēng)格色彩音色點(diǎn)曲調(diào)點(diǎn)的運(yùn)動音值線的長度響度面的變化頻率所有元素的運(yùn)動表3-2音樂抽象元素與視覺元素對照表在抽象元素對應(yīng)中，音樂風(fēng)格與色彩相對應(yīng)。音樂風(fēng)格是指在音樂中各種音樂元素按照某種有相同規(guī)則的特別方式結(jié)合而產(chǎn)生的。這些要素的特殊結(jié)合方式能產(chǎn)生一種顯著的或獨(dú)特的音響。分為古典音樂與流行音樂兩大塊。音樂風(fēng)格（類型）視覺對照表音樂類型音樂說明參考圖示對應(yīng)色彩古典音樂古希臘羅馬音樂不可能聆聽與欣賞#d98d33中世紀(jì)音樂音樂多以宗教儀式或歌唱頌歌為主#b93b27文藝復(fù)興音樂更加追求人性的解放與對人的內(nèi)心情感的抒發(fā)與表達(dá)#385688巴洛克音樂巴洛克音樂的特點(diǎn)是極盡奢華，加入大量裝飾性的音符#E35F2A古典主義音樂這個(gè)時(shí)代出現(xiàn)了多樂章的交響曲、獨(dú)奏協(xié)奏曲、弦樂四重奏、多樂章奏鳴曲等等體裁#F8BA8B浪漫主義音樂浪漫派時(shí)期的音樂更注重感情和形象的表現(xiàn)。相對來說看輕形式和結(jié)構(gòu)。#C25769印象主義音樂這些音樂并不描述現(xiàn)實(shí)的事件，而是建立在色彩、運(yùn)動和暗示之上#C0A4D3二十世紀(jì)古典音樂這個(gè)世紀(jì)沒有一種統(tǒng)治性的風(fēng)格，作曲家創(chuàng)造出各種各樣的音樂#EBA61C現(xiàn)代主義音樂特指20世紀(jì)中所創(chuàng)作的有特殊風(fēng)格的作品#F57F15二十一世紀(jì)古典音樂自2000年以來，在當(dāng)代古典音樂的傳統(tǒng)下的藝術(shù)音樂#4DA7D0通俗音樂藍(lán)調(diào)藍(lán)調(diào)融合了黑人靈歌、工作歌曲、現(xiàn)場大聲叫喊及回應(yīng)、歡呼、吟唱和押韻成簡單的民謠馬戲團(tuán)音樂是伴隨馬戲團(tuán)演奏的任何一種音樂。鄉(xiāng)村音樂融合了流行歌曲、愛爾蘭和凱爾特的小提琴曲、傳統(tǒng)英國民謠和美國西部牛仔歌曲#1爵士樂它指代的是一個(gè)在時(shí)間上跨越了逾一個(gè)世紀(jì)的、涵蓋面極廣的一種音樂民俗音樂（民謠）融合了流行音樂，民間音樂和舞曲等風(fēng)格。流行音樂指一段時(shí)期內(nèi)廣泛被大眾所接受和喜歡的音樂?，F(xiàn)代流行音樂又可作商業(yè)化運(yùn)作。嘻哈音樂是一種跟著伴奏、帶著韻律吟誦即饒舌／說唱的音樂風(fēng)格。前衛(wèi)音樂是指試圖擴(kuò)大與特定音樂類型相關(guān)的現(xiàn)有風(fēng)格界限的音樂?；糜X音樂是受20世紀(jì)60年代迷幻劑影響的一系列流行音樂風(fēng)格和流派搖滾樂搖滾樂不僅僅是搖滾樂，搖滾音樂家還將技巧與技巧的重點(diǎn)與浪漫的藝術(shù)觀念視為藝術(shù)表達(dá)，原創(chuàng)與真誠靈魂樂結(jié)合了節(jié)奏藍(lán)調(diào)和福音音樂的音樂流派。緊扣節(jié)奏、拍掌、即興形體動作表4-2音樂風(fēng)格（類型）視覺對照表 曲調(diào)在音樂中的分類十分詳細(xì)，例如中國漢族的民間曲調(diào)分山歌、號子、小調(diào)，山歌又分信天游、西南山歌、客家山歌等等；號子一般是勞動號子；小調(diào)又分鮮花調(diào)、繡荷包調(diào)、孟姜女調(diào)等。由于分類過于詳細(xì)，所以在設(shè)計(jì)中，按照世界區(qū)域進(jìn)行劃分，分為亞洲曲調(diào)、歐洲曲調(diào)、美洲曲調(diào)。（此處音樂以民歌為主），同時(shí)曲調(diào)的變化也跟隨波形變化而運(yùn)動。 提取三個(gè)大洲的代表性紋樣，進(jìn)行形狀歸納曲調(diào)分類亞洲曲調(diào)歐洲曲調(diào)美洲曲調(diào)代表紋樣圖案提取表5-2曲調(diào)與圖案對照表圖1-2首次音樂可視化效果3.3設(shè)計(jì)實(shí)踐后的元素對應(yīng)調(diào)整經(jīng)過設(shè)計(jì)實(shí)踐，將對應(yīng)具象元素放入設(shè)計(jì)實(shí)例中發(fā)現(xiàn)，提取的圖樣不夠簡潔，仍然具有較具象的外形，在畫面中顯得比較復(fù)雜，降低了辨識度，且許多樂器在音樂中不具代表性。因此，對于具象元素的圖案提取，進(jìn)行了第一次改進(jìn)。改進(jìn)后如下表。具象元素視覺對照表（改進(jìn)后）樂器參考圖示對應(yīng)圖案改進(jìn)后圖案西洋樂器鋼琴手風(fēng)琴吉他貝斯薩克斯管小號小提琴架子鼓民族樂器古箏二胡琵琶笛子鼓鑼表6-2具象元素視覺對照表（改進(jìn)后）抽象元素的圖案提取經(jīng)過音樂相關(guān)專業(yè)同學(xué)指導(dǎo)后改進(jìn)后如下表：音樂抽象元素與視覺元素對照表表風(fēng)格色彩（配色）曲調(diào)塊面形狀音值線的長度響度色塊的變化頻率所有元素的運(yùn)動表7-2音樂抽象元素與視覺元素對照表（改進(jìn)后）為了更好的了解大眾對于音樂類型與色彩對應(yīng)的理解，我通過問卷的形式進(jìn)行了一次用戶研究。以下是調(diào)查問卷與調(diào)查報(bào)告：關(guān)于音樂類型色彩表現(xiàn)的調(diào)查問卷 您好，我是中國地質(zhì)大學(xué)的學(xué)生，為了解大眾對于音樂類型色彩表現(xiàn)的理解，特開展此次問卷調(diào)查。請根據(jù)您的自身情況如實(shí)填寫，最終結(jié)果僅作為學(xué)術(shù)研究，不會外泄您的個(gè)人資料您的寶貴意見將有助于我們了解您的觀影習(xí)慣，十分感謝您抽出時(shí)間填寫這份問卷！1、您的年齡:[單選題]選項(xiàng)小計(jì)比例15歲及以下00%16-20歲1221.43%21-25歲3867.86%26-30歲23.57%31歲及以上47.14%本題有效填寫人次56表8-2調(diào)查問卷答卷表12、您的性別[單選題]選項(xiàng)小計(jì)比例男916.07%女4783.93%本題有效填寫人次56表9-2調(diào)查問卷答卷表23、您常聽的音樂類型（多選）[多選題]選項(xiàng)小計(jì)比例藍(lán)調(diào)814.29%馬戲團(tuán)音樂23.57%鄉(xiāng)村音樂1628.57%爵士樂1526.79%民謠2544.64%流行音樂4173.21%嘻哈音樂2239.29%前衛(wèi)音樂58.93%幻覺音樂610.71%搖滾樂1119.64%靈魂樂58.93%本題有效填寫人次56表10-2調(diào)查問卷答卷表34-14.請按照您的主觀理解，選擇與所聽到音樂匹配的配色方案。（點(diǎn)擊按鈕播放）音樂分別是：Kissofdeath（藍(lán)調(diào)）、JohnRyan'sPolka（馬戲團(tuán)音樂）、CryingintheRain（鄉(xiāng)村）、Can'tSmilewithoutYou（爵士）、米店（民謠）、演員（流行）、安全著陸（嘻哈）、Big-S（前衛(wèi)音樂）、InTheEnd(MellenGiRemix)（幻覺音樂）、C（搖滾樂）、Clocktower（靈魂樂）[單選題]圖2-2調(diào)查問卷配圖1選項(xiàng)小計(jì)比例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調(diào)查問卷答卷表4關(guān)于音樂類型色彩表現(xiàn)的調(diào)查報(bào)告調(diào)查時(shí)間：2019.3.11-2019.3.13調(diào)查地點(diǎn)：“問卷星”網(wǎng)站調(diào)查對象：各年齡層人士調(diào)查方法：問卷調(diào)查調(diào)查人：徐文雋 前言：想通過視覺元素與音樂元素相對應(yīng)的方式制作一個(gè)音樂可視化平臺，其中，將音樂類型與視覺中的色彩表現(xiàn)相對應(yīng)。為了解大眾對于色彩和音樂的理解，更好的為音樂可視化平臺構(gòu)思提供幫助，故發(fā)起“關(guān)于音樂類型色彩表現(xiàn)的調(diào)查問卷”，問卷發(fā)放時(shí)間為2019年3月11日至2019年3月13日，在“問卷星”平臺上發(fā)布問卷，針對所有年齡層展開調(diào)查，回收調(diào)查問卷共56份。 參加調(diào)查的多數(shù)為16-25歲的女性，流行音樂的受眾居多，嘻哈和民謠其次。圖3-2調(diào)查問卷音樂受眾分析圖問卷根據(jù)不同音樂類型，各列出一首歌為代表，被調(diào)查者應(yīng)要求根據(jù)自己的主觀理解，選擇與所聽到音樂相匹配的配色方案。調(diào)查結(jié)果如下：音樂類型對應(yīng)顏色藍(lán)調(diào)馬戲團(tuán)音樂鄉(xiāng)村音樂爵士樂民俗音樂（民謠）流行音樂嘻哈音樂前衛(wèi)音樂幻覺音樂搖滾樂靈魂樂表12-2答卷中音樂類型與色彩匹配表由于題目為主觀作答、調(diào)查樣本有限、所列歌曲不夠具代表性等問題，導(dǎo)致調(diào)查結(jié)果中各個(gè)選項(xiàng)被選擇的比例都較為平均。也說明了不同人對于音樂的感受各自不同。圖4-2答卷中音樂類型與色彩匹配圖總結(jié)：根據(jù)問卷調(diào)查結(jié)果發(fā)現(xiàn)，每個(gè)人對于音樂的感受是獨(dú)一無二的。更能被大眾所理解和接受的音樂可視化設(shè)計(jì)，是本次項(xiàng)目的一個(gè)重難點(diǎn)。針對這個(gè)問題，解決途徑有兩個(gè)，一是要運(yùn)用更多大眾認(rèn)同度高的具象元素來提高大部分用戶對聲畫匹配的認(rèn)可，提高用戶使用時(shí)的認(rèn)同感，減少學(xué)習(xí)成本。二是在視覺效果上做到足夠美觀，使用戶在使用體驗(yàn)中忽視聲畫匹配度。經(jīng)過問卷調(diào)查和自己設(shè)計(jì)過程中的反思，由于單一的漸變配色對于一整個(gè)音樂風(fēng)格的表現(xiàn)力不夠，且在設(shè)計(jì)實(shí)踐中看來，視覺上并不是非常和諧美觀，所以在單一配色的基礎(chǔ)上，延展出配色組，通過配色組與背景圖形的結(jié)合，代表音樂風(fēng)格的色彩，也變得更加具有表現(xiàn)張力。同時(shí)，考慮到受眾群體的主要音樂喜好，將古典音樂作為一個(gè)大類，并將流行音樂中的分類進(jìn)行了篩選和精簡。改進(jìn)后的音樂風(fēng)格與色彩對照表如下：音樂類型音樂說明參考圖示對應(yīng)配色古典音樂自2000年以來，在當(dāng)代古典音樂的傳統(tǒng)下的藝術(shù)音樂藍(lán)調(diào)藍(lán)調(diào)融合了黑人靈歌、工作歌曲、現(xiàn)場大聲叫喊及回應(yīng)、歡呼、吟唱和押韻成簡單的民謠鄉(xiāng)村音樂融合了流行歌曲、愛爾蘭和凱爾特的小提琴曲、傳統(tǒng)英國民謠和美國西部牛仔歌曲爵士樂它指代的是一個(gè)在時(shí)間上跨越了逾一個(gè)世紀(jì)的、涵蓋面極廣的一種音樂民俗音樂（民謠）融合了流行音樂，民間音樂和舞曲等風(fēng)格。流行音樂指一段時(shí)期內(nèi)廣泛被大眾所接受和喜歡的音樂?，F(xiàn)代流行音樂又可作商業(yè)化運(yùn)作。搖滾樂搖滾樂不僅僅是搖滾樂，搖滾音樂家還將技巧與技巧的重點(diǎn)與浪漫的藝術(shù)觀念視為藝術(shù)表達(dá)，原創(chuàng)與真誠表13-2音樂風(fēng)格（類型）視覺對照表（改進(jìn)后）曲調(diào)與塊面形狀對應(yīng)中，最初的三個(gè)形狀參與設(shè)計(jì)實(shí)踐后發(fā)現(xiàn)，形狀過于單調(diào)簡單，不是特別具有美感?？紤]到畫面美觀需要，對這三種圖形做出了圖形組合的紋樣設(shè)計(jì)。每種形狀各有七種音樂種類相對應(yīng)的配色，且因?yàn)闃非?jié)奏分為簡單、中等、復(fù)雜，三種程度的圖形組合。改進(jìn)設(shè)計(jì)如圖：圖5-2曲調(diào)與塊面形狀對應(yīng)改進(jìn)圖圖6-2改進(jìn)后的音樂可視化靜態(tài)視覺效果3.4音樂可視化動態(tài)效果設(shè)計(jì)動態(tài)效果分為兩個(gè)部分，一部分是背景，一部分是運(yùn)動元素。 首先背景的選擇，是根據(jù)曲調(diào)與塊面形狀相對應(yīng)的圖案設(shè)計(jì)，按照音樂的區(qū)域亞洲歐洲美洲區(qū)分為圓形、方形和三角形，再按照音樂的節(jié)奏快慢，在這些形狀內(nèi)選擇簡單、中等、復(fù)雜的圖形分布，根據(jù)音樂的類別選擇配色方案，以此確定背景的視覺樣式。 第二部分是運(yùn)動元素的選擇，MIDI音樂可以將一首音樂中多種樂器信息保存為多個(gè)軌道。下載好七種類型音樂的MIDI格式，導(dǎo)入音樂制作軟件后將其中的每一個(gè)軌道單獨(dú)導(dǎo)出音頻文件，再將音頻文件導(dǎo)入特效制作軟件AdobeAfterEffects。首先新建一個(gè)純色圖層，利用“效果”菜單中的“生成”、“音頻頻譜”功能，在音頻層選擇對應(yīng)的樂器單軌音頻，圖形就可以根據(jù)音樂節(jié)奏跳動了。 通過調(diào)整起始頻率和結(jié)束頻率，控制圖形跳動的頻率，調(diào)整最大高度可以控制圖形跳動的落差，厚度可以改變跳動元素的大小。將設(shè)計(jì)好的樂器對應(yīng)圖案導(dǎo)入合成，在效果控件中的路徑選擇蒙版，就可以使得效果附著在路徑上律動?？梢陨傻男Ч腥N，分別是數(shù)字、模擬譜線和模擬頻點(diǎn)。渲染導(dǎo)出既可獲得音樂可視化的動態(tài)效果。第四章互動平臺設(shè)計(jì)實(shí)踐4.1需求分析4.1.1設(shè)計(jì)調(diào)研背景從市場的角度看，中國市場上的音樂流媒體app已經(jīng)形成了比較固定的三足鼎立——蝦米、網(wǎng)易云、qq音樂，能否占據(jù)音樂市場的關(guān)鍵，是平臺對版權(quán)的掌握。在如今曲庫相對均衡，資源勢均力敵時(shí)，龐大的曲庫版權(quán)已經(jīng)不是一個(gè)長久的制勝法寶。同類app競爭就不僅停留在版權(quán)的爭奪，而是更多的關(guān)注在原創(chuàng)音樂的發(fā)掘和聽歌時(shí)的用戶體驗(yàn)上。這種轉(zhuǎn)變可以促進(jìn)良性競爭，避免壟斷，也利于行業(yè)技術(shù)水平的進(jìn)一步發(fā)展。從用戶的角度看，現(xiàn)代都市年輕人的時(shí)間更加碎片化，人們很需要娛樂活動來消磨碎片式的閑暇時(shí)間，在短暫零散的時(shí)間里獲得更多的快樂，是現(xiàn)代年輕人以移動端設(shè)備為載體進(jìn)行娛樂活動時(shí)的主要需求。對于音樂人來說，許多音樂人做出一個(gè)十分優(yōu)秀的音樂后，苦于作品難以大規(guī)模的傳播，獲得更大的商業(yè)價(jià)值。為此，音樂人除了提升自己的音樂質(zhì)量外，作品的視覺包裝、與聽眾的交互與共鳴也成為了一個(gè)音樂作品很重要的部分。但是音樂人專注做音樂的同時(shí)可能沒有那么多時(shí)間來顧及到作品的視覺呈現(xiàn)。此時(shí)，一個(gè)視覺傳達(dá)成熟，能夠給觀眾帶來多重感受的平臺對于他們作品的傳播來說可以達(dá)到事半功倍的效果。從運(yùn)營商的角度看，用戶在打開app后不僅是聽歌一個(gè)操作，還可以有更加有趣的交互模式，這樣不僅可以增加用戶在app中的停留時(shí)間，帶來更大的廣告流量收益，還能增加用戶粘性，擴(kuò)大用戶群體，使自己的產(chǎn)品擁有經(jīng)久不衰的生命力，和更加頑強(qiáng)的競爭力。4.1.2目標(biāo)人群分析目標(biāo)人群是：熱愛聽音樂、熱愛探索新事物，注重各種感官體驗(yàn)的人和音樂人。用戶畫像：1.在校大學(xué)生：擁有較多閑暇時(shí)間，勇于探索新事物，樂于社交和安利，接受能力強(qiáng)。2.年輕白領(lǐng)：通勤時(shí)間較長，有較多碎片時(shí)間，需要音樂作為消遣，同時(shí)有一定的經(jīng)濟(jì)實(shí)力以供精神消費(fèi)。3.音樂從業(yè)者：關(guān)注音樂的表現(xiàn)方式，追求更高的傳播效率，有音樂視覺呈現(xiàn)需求。4.1.3商業(yè)模式1.更多互動效果需要內(nèi)購收費(fèi)2.通過音樂人上傳音樂進(jìn)一步擴(kuò)大和增加曲庫范圍。3.廣告商投放4.2概念設(shè)計(jì)4.2.1信息架構(gòu)、流程圖主要的功能分為三個(gè)入口，分別為：音樂的視覺化呈現(xiàn)與互動、個(gè)性化推薦、分享。因?yàn)楸酒脚_的形式和視覺呈現(xiàn)都比較新穎，所以要盡量將主要功能入口安排在用戶顯而易見并且易操作的界面熱區(qū)。圖7-2信息架構(gòu)圖圖8-2流程圖4.2.2原型設(shè)計(jì) 參考目前短視頻軟件的設(shè)計(jì)大趨勢，為了增加沉浸感，將視覺呈現(xiàn)的部分布滿整個(gè)界面，使用戶沉浸在與音樂的交互中，獲得更好的體驗(yàn)。將幾個(gè)主要功能按鈕分布在便于單手操作的右下角，使用戶在操作過程中更加方便快捷。圖9-2原型圖4.2.3UI設(shè)計(jì)整體風(fēng)格利用明麗的色彩和基礎(chǔ)圖形組成，由簡構(gòu)成繁。其中產(chǎn)品LOGO的設(shè)計(jì)靈感來源于音樂播放的三角按鈕，并且加入了可視化效果中的基礎(chǔ)視覺元素——三角形、方形、圓形作為點(diǎn)綴，用撞色的色彩搭配使界面看起來更加年輕有活力。圖10-2產(chǎn)品LOGOapp內(nèi)icon的設(shè)計(jì)也是由三角形、方形、圓形組成，由上到下分別為：個(gè)性化選擇、保存與分享、互動音效抽屜。用三個(gè)基礎(chǔ)圖形組成表達(dá)三種意思的icon，與整體設(shè)計(jì)調(diào)性相符。并不特別易懂的icon雖然會增加用戶的學(xué)習(xí)成本，但是對于我們用戶畫像中樂于發(fā)現(xiàn)新事物，具有探索精神的用戶來說，是一個(gè)吸引目光想讓人一試的亮點(diǎn)。圖11-2產(chǎn)品高保真原型圖4.2.4DEMO動畫及宣傳片制作 在sketch中設(shè)計(jì)好了高保真原型圖后，導(dǎo)入princeple，根據(jù)設(shè)計(jì)好的流程圖將每個(gè)按鈕與頁面跳轉(zhuǎn)連接，該軟件可以根據(jù)用戶創(chuàng)造的鏈接制作可以實(shí)時(shí)交互的動效。 宣傳片的制作主要是為了在展覽時(shí)沒有可實(shí)體體驗(yàn)的程序時(shí)，能夠讓觀眾更直觀的體驗(yàn)到產(chǎn)品交互邏輯與操作流程，以及能感受到創(chuàng)作這個(gè)作品的初衷和想傳遞的創(chuàng)作內(nèi)核。首先畫面中出現(xiàn)三組跟著背景音樂跳動的音符，隨著節(jié)奏躍動，縮小成APP的LOGO呈現(xiàn)在畫面中，接著出現(xiàn)設(shè)計(jì)中的音樂可視化動態(tài)效果，展示具象元素可視化的動態(tài)成果，以及DEMO操作的錄屏。第五章音樂可視化的表現(xiàn)形式5.1二維與三維可視化目前影視作品都在向著三維的方向發(fā)展，通過三維技術(shù)創(chuàng)造的視覺特效可以給觀眾帶來置身其中的體驗(yàn)，通過技術(shù)完成許多日常生活中看不到的場景，給感官帶來更大的刺激，在音樂可視化的呈現(xiàn)中也能更全面的帶來視覺感受。結(jié)合VR、AR技術(shù)可以帶來非常好的體驗(yàn)。但由于數(shù)量大、成本高，處理速度慢，實(shí)現(xiàn)人機(jī)交互容易分散視覺體驗(yàn)，普及度有待提高。二維技術(shù)在視覺細(xì)節(jié)的展示上更加具體，靜止的圖像也能讓觀眾看得更加清晰，仔細(xì)?？梢酝ㄟ^圖形、色彩、元素在二維空間的擺放位置等各種視覺元素與音樂元素相對應(yīng)。同時(shí)也不會存在因?yàn)槿S中可探索的視覺特效過于絢麗奪目而喧賓奪主的問題。在音樂可視化的效果呈現(xiàn)中，視覺元素的存在仍然是為了讓音樂能夠更加完美的表達(dá)其內(nèi)涵，視覺在其中只是起到輔助作用。5.2交互與非交互可視化當(dāng)計(jì)算機(jī)運(yùn)行這種程序的時(shí)候,可以根據(jù)用戶的操作完成對應(yīng)的指令,而不是程序直接執(zhí)行,程序在接收到觀眾相應(yīng)的操作指令后根據(jù)編程判斷做出反應(yīng),這一過程及行為,稱之為交互。音樂可視化系統(tǒng)的交互與非交互性主要體現(xiàn)在程序上，能夠交互的可視化需要程序?qū)τ谟脩舻姆从匙鞒龇答?，對編程技術(shù)有所要求，交互性可以使人在使用中有更沉浸的體驗(yàn)，使人有更強(qiáng)，更深刻的記憶。在設(shè)計(jì)上，需要注意界面的熱區(qū)，根據(jù)用戶操作習(xí)慣設(shè)計(jì)更好的可用性與可視性，并跟隨操作能有一定的視覺反饋。恰當(dāng)?shù)姆乐拐`操作。非交互可視化僅僅展示可視化效果，無法使觀眾或用戶參與其中。5.2沉浸于非沉浸可視化從體驗(yàn)感的角度來看，分為沉浸式、非沉浸式和半沉浸式。沉浸式指觀眾在欣賞音樂可視化作品時(shí)自始至終都存在的置身其中，身臨其境的感覺，它是以參與者為中心的一種高層次體驗(yàn)。沉浸感，就是忘卻自己現(xiàn)實(shí)角色而融于音樂可視化作品中，成為作品內(nèi)容的一部分。 音樂可視化作品的沉浸化設(shè)計(jì)，主要是將沉浸藝術(shù)和虛擬技術(shù)綜合在一