品牌設計是一種“求同存異”，“同”是保持對戰略、內容、用戶習慣的繼承性，而“異”是相比競品作出的差異化設計。本文就從繼承性和差異化，這兩個維度為你分享MOO音樂的品牌設計，希望這種分析方法能夠為你的品牌設計提供幫助。

一周前，為了聽《夢想的聲音》，我在APP Store下載了QQ音樂，無意中發現“音樂”類APP里排行第9的MOO音樂，它的預覽圖讓我聯想到這些關鍵詞：“小眾、獨特、歐美、Spotify、Apple Music”。

筆者之所以從品牌設計的角度分析這個鵝廠家族新成員，是因為一款新產品的品牌設計在產品從0-1過程中扮演非常重要的角色，它關系到用戶對新產品的認知與心智。

體驗完MOO音樂，我發現：移動產品品牌設計不僅要充分考慮視覺表現層，還要綜合考慮戰略、理念、內容、交互等多個方面。

同時，品牌設計是一種“求同存異”，“同”是保持對戰略、內容、用戶習慣的繼承性，而“異”是相比競品作出的差異化設計。本文就從繼承性和差異化，這兩個維度為你分享MOO音樂的品牌設計，希望這種分析方法能夠為你的品牌設計提供幫助。

一、繼承性

1. 對新形象IP的繼承，培養了用戶心智

從啟動圖標和界面很容易看出，MOO音樂的品牌主色是黃色，背景色及輔助色基本是以黑白灰為主。

MOO 音樂之所以采用這種配色方案，不僅是為了突出產品氛圍，讓人眼前一亮，還有可能是對騰訊新形象IP品牌的一種繼承和延續。

怪奇鵝IPENGOO，騰訊集團新一代形象IP品牌，代表著一種自我突破，不斷創新的精神狀態。

我們希望能像魔術師一樣，以經典企鵝形象上提煉出的極簡鵝臉元素，為大家創造出充滿趣味、創新、時尚和腦洞的產品風格和內容，能喚醒每個用戶自動發出好感電波是一件很棒的事情！

——怪企鵝IPENGOO官微

每位音樂家都不是一顆孤獨的星球，他們保持獨立又彼此相連，在他們的探索下，音樂潮流才不斷推陳出新又一脈相承。

保持探索，對先鋒與經典抱以同樣的敬意，所以我們創造MOO：

……

音樂即自由

MOO Music, Life is MOOO beautiful

——APP Store MOO音樂介紹

IPENGOO（怪企鵝）的理念是：

• 優質內容連接符號
• 傳遞互聯網精神
• 代表自我突破
• 不斷創新的精神狀態

可見，“連接、傳遞、突破、創新”這些新形象IP理念在MOO音樂的啟動圖標、品牌理念、交互手法、推薦歌單上都有所體現。

因此，MOO音樂很可能是騰訊新形象IP品牌影響力里的一種嘗試。

此外，MOO音樂的品牌色也有很有可能是對騰訊旗下年輕娛樂產品品牌色的一種繼承。

2. 對音樂元素的繼承，提升了產品的同理心

Sympathize（體察和同理心），可以幫助我們去理解事物表面背后的本質，得到和理解設計的微妙細節，這些本質自然的元素不只是邏輯上的，更是可以被感受的。

——深澤直人

說到音樂本質、自然的元素（不是曲風），我們會聯想到黑膠、唱片、專輯、音波、調音臺、樂器、Live、樂譜、Launchpad等。這些音樂元素能拉近APP與用戶之間的距離，營造沉浸式的聽歌體驗，從而提升產品的同理心。

比如專輯封面的輕擬物化設計，播放時音波的特效、背景圖片和短視頻等等。（在這一點上，網易云音樂的設計也值得學習）

3. 對用戶行為的繼承，降低了學習成本

當我們在為一款新產品設計交互時，需要充分考慮目標、場景、用戶這些基本因素。我們通常會考慮并兼顧多數目標用戶的使用行為和習慣，為新產品設計交互方式。

所以當用戶看到熟悉的元素時，會很自然地知道如何去使用，降低了新產品的學習成本，這就是我們所熟悉的“Don’t make me think”。

MOO音樂的首頁PLAY頁，采用的是音樂+短視頻（有時候是圖片）的方式，當很多用戶看到這種熟悉的界面形式時，已經本能的去上下翻頁、單擊播放/暫停，左右滑動調整進度更是再熟悉不過。

另外，MOO音樂的歌單在產品初期功能里占據了很大篇幅，因為最契合用戶聽歌行為場景的是歌單。

二、差異化

說完MOO音樂在品牌設計方面保持的繼承性，下面來說說它不同于競品的差異化設計，主要表現在品牌理念、視覺氛圍、交互手法。

1. 品牌理念

從APP的這4張歡迎頁就可以看出MOO音樂的品牌理念和調性了：經典、創新、前衛、獨立。

從目前的版本來看：MOO音樂還是一款滿足小眾口味、專注聽歌的音樂APP，但APP通過4張有代表性的歡迎頁，將APP的“小眾”設計得“出眾”，很好地表達了產品的品牌理念。

2. 視覺氛圍

說到產品品牌的差異化，不得不說視覺層面的設計，畢竟視覺表現層是用戶體驗5要素里最具體的。

MOO音樂提供兩套視覺風格，默認是品牌黃色+BLACK，另一套則是品牌黃色+WHITE，筆者覺得默認的BLACK更有特色和沉浸感。

字體風格方面，標題類文字（PLAY、DISCOVER、FEATURELIST、ALBUM、VIDEO、VIDEOLIST）都是大寫的非襯線英文字體，歐美范十足。

3. 交互手法

（1）調整進度的交互

主流音樂APP，是通過一個進度條和一個圓點來調整播放進度，而MOO音樂將播放頁面下方聲波區域作為調整進度的熱區，通過明暗的對比來表現播放進度。
雖然這種交互方式在騰訊自家短視頻APP“微視”也存在，但MOO音樂還是作了細節上的處理。

（2）切歌的交互
通常情況下，在音樂APP播放頁面的其他頁面，都有一個控件讓你隨時可以切歌、甚至是收藏、查看播放列表。

MOO音樂將切歌控件設計成了黑膠+滑塊，切歌時只需向右滑動，而且iOS系統還會伴隨震動反饋。這個微交互設計的蠻有意思，這讓我聯想到膠卷相機拍完一張，然后撥動卷片扳手的機械反饋感。

三、幾點建議

目前MOO音樂在APP Strore里才第2個版本，細節上的體驗不可能一步到位。

大家如果有好的想法和建議可以加入官方QQ群：677473684，相信開發者在未來的版本里能夠帶給用戶更好的體驗和驚喜。

筆者借此機會向開發者提一點個人的建議，僅供參考：

1. 歌曲播放

希望當前播放的歌曲與背景短視頻或圖片有一定的關系，比如系統可以根據歌曲的曲風、類別等標簽，自動推薦匹配相關短視頻和圖片，讓歌曲與背景環境更協調。

當然，也可以讓用戶自己設置推薦or隨機。

在PLAY頁面切下一首歌時，希望顯示歌曲正在加載的狀態，底部的音波區域好像可以作一些文章。

2. 視頻評論

（iOS）歌曲評論頁里的評論輸入框常駐在頁面底部，但視頻評論頁的評論輸入框沒有常駐，而且滑到底部時，不太容易滑到頂部，可能是小BUG。

3. 切歌控件

（Android）輕觸切歌控件里的暫停按鈕后，黑膠旋轉的角度被重置了。希望能與iOS版一樣，暫停后黑膠旋轉的角度不被重置。

4. 開通會員

APP默認的會員價格是18元/月，若勾選了到期自動續費，則價格是15元/月。

雖然這2個價格都不便宜，但相對來說，自動續費的價格更有吸引力，但這個相對有吸引力的價格卻需要用戶主動勾選“自動續費”才能看到。

筆者建議將這2種價格都顯示出來，通過單選按鈕的形式去交互。這樣，用戶很容易就會發現自動續費的價格優勢，畢竟與18元相比，15元就不怎么貴了。

總結

MOO音樂于11月月初發布在APP Store，網絡上比較多的評價是“抄抖音、抄樂趣、抄Spotify、鵝廠又抄了……”。

但作為設計師，筆者希望我們將關注點放在設計層面，去客觀的評價一款APP，不要因為別人的評價而忽略了一些有品質的設計。

當我們仔細體驗交互和視覺的細節后，會發現鵝長的設計是有很多地方值得我們學習的。

最后，面對主流音樂APP、短視頻APP、Spotify、Apple Musici、樂趣……MOO音樂既做到了對騰訊新形象IP、音樂元素、用戶習慣的繼承性，又作出了一些不同于競品的差異化設計。這套“組合拳”已經打出了這款音樂APP的品牌形象，希望這些內容對你有啟發。

參考資料

《騰訊的設計到底好在哪？高手是從這3個維度分析的！》（作者：蘇大大大牙）

《騰訊做的這款音樂 App，讓你用與眾不同的方式探索和發現新音樂》（作者：Tp）

《騰訊產品法》（作者：李立）

《破繭成蝶2——以產品為中心的設計革命》（作者：劉津，孫睿）

感謝你的閱讀，我們下期再見~

作者：王晗陵，微信公眾號：設計意志（ID：D-Minder）

本文由 @王晗陵 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Unsplash，基于 CC0 協議