[設計]-超酷的音樂資訊視覺化網站

今天沒去上班
因為今年的特休還有四天
所以這禮拜就拿一天來用
順便去證券行開戶、換panda的機油跟調換輪胎
就是放假做一些雜事拉~
也讓自己遠離一下公司的雜事
放鬆心情~不然真的會做到頭頂冒煙
今天就來介紹兩個酷站
這兩個酷站都是我的研究所同學~小白大大提供的資訊
不多說~趕快來瞧瞧!!


第一個網站是Musicovery

看到這個網站的時候真的很有feel
他先定義了每首歌的曲風類型
不同的曲風以不同的顏色區分
並且將所有的歌曲連結成一個map
跟我之前寫的一個關鍵詞主題map的概念很像
另外你也可以依據不同的年代去搜尋歌曲
當然~你也可以試聽每一首歌
或者是直接連結到ebayitune store購買自己喜歡的歌
可以說是一個兼具視覺與簡單原則的網站
非常值得收藏的一個網站~四顆星!!


第二個網站則是Burst Labs

這個網站的視覺化效果相對的比較簡單
不過在搜尋歌曲部分的篩選機制其實都差不多
只是在呈現及互動的方式上不同
我個人是比較喜歡Burst Labs的互動方式
整體性來講非常的乾淨、簡單明瞭
因為我個人相當不喜歡太花俏的東西~呵呵
這個網站的搜尋篩選機制比較特殊的地方是
使用者可以一層一層的去重新定義要搜尋的類型
例如我先選了Rock這各類型
他便會先挑選出所有被定義為Rock類型的歌曲
接著你可以依據在Rock類型底下的次分類再進行篩選
一步一步的篩選出最接近你要找的歌曲類型
而且它的篩選過程呈現方式真的也滿有趣的
非常的簡單明瞭、直覺

圓形裡面的每顆球就是依據搜尋的歌曲類型所篩選出來的
上面這張圖是先搜尋rock ensemble接著再搜尋alternative
愈看愈覺得他長的跟我之前做的分群很像~呵呵
anyway~這兩個網站都很不錯
相當值得收藏
我想看完這兩個網站之後就可以體會到
Flash在資訊視覺化呈現上
可以說是一個非常好用的工具
有機會一定要自己實際用as寫看看
你就會體會到那種Feel了~!!

參考網站:
http://augmented-reality.blogspot.com/2007/11/burstlabs.html

標籤:, , , ,

5 responses to “[設計]-超酷的音樂資訊視覺化網站”

  1. Lainmoon says :

    這真的超酷呢!
    謝謝你的分享:D

  2. mitchbox says :

    呵呵~^^
    不客氣拉~
    歡迎你的光臨阿!!

  3. acidbrume says :

    hihi 感謝分享!!
    by the way, 音樂資訊視覺化其實更精準可以用 “音樂文字資訊視覺化", 或是"音樂描述資訊視覺化"
    單純用音樂資訊視覺化有些時候會讓人混淆成 “音訊視覺化" (類似 media player 裡面那個眼花撩亂的東西)

    再次感謝分享!

  4. mitchbox says :

    hello~學長
    感謝指正阿
    有空常來逛逛阿~^^

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: