看 KKBOX 品牌改版,觀察品牌視覺管理,超展開的品牌專案

Patty Chen
dosomething studio
Published in
8 min readSep 7, 2021

KKBOX 16週年的品牌更新,一路從 app icon 的改版提案,一舉獲得協助發展品牌MI、VI的機會,甚至行銷計畫。於是,品牌書設定好了,要怎麼貫穿執行?

加入 KKBOX 品牌改造計畫

dosomething more 的多做一下精神

在找上我們之前,KKBOX的品牌團隊,已經在內部進行了品牌改造計畫好一段時間,為此收集了內部團隊、用戶會員、流行音樂潛在客群,對於 KKBOX 過去與未來的想法與期待。

這一番的調查收集,著實累積了一份可觀的客觀資料,而我們就在這些基礎之下,被邀請加入品牌改造計畫,為 KKBOX 設計新 icon 和宣告改版的campaign site。

收到這麼大間流行音樂串流公司的邀約,ds企劃室的我們非常興奮,對於品牌想法心得滿滿,不想因為要求只有 icon 就真的只做 icon。

於是乎,秉持著 dosomething more 的精神,在發展 icon 和網頁提案時,一個順手就開始找起品牌的DNA、創立脈絡、成長軌跡、觀察用戶樣貌……開始品牌梳理來著。

對於 App icon & Brand site,我們如何理解 KKBOX 推導的品牌價值,以及品牌怎麼看待自己、大眾如何看待 KKBOX。

從「流行音樂平台」轉變為「 聲音的平台」

在串流音樂市場強敵環伺的情況下,我們想知道專屬於KKBOX 獨一無二的特質和優點究竟是什麼?

我們從品牌的歷史脈絡和成長的軌跡、事件、發動的產品企劃,抽絲剝繭找出其他競品沒做過的事,藉此抓出品牌定位後面,真正在描述的事情:

彼此連結的平台、(華語)流行音樂的形塑者。

KKBOX成立16週年,最初在2004年因為P2P平台帶動數位下載風潮,讓創辦人開始思考串流的音樂分享模式,就此展開了台灣付費串流音樂的開端,甚至比Spotify的出現還要更早。

在創立之後獲得成功,但並非就此被動的讓市場推著走。

KKBOX 一直都在觀察使用者的習慣,不論是從付費訂閱方式、介面體驗的日新月異、不同世代的聽歌習慣改變,都一直為此滾動式的修訂、跟上甚至創新。

最令我們驚奇的,除了幾乎可比擬金曲、金音盛事的「風雲榜」,另外就是 KKBOX 其實默默的投資製作了「龍虎門」的企劃。

這是在接觸 KKBOX 之前,我們都很喜歡的饒舌廠牌,顯見 KKBOX 關注市場的靈敏度以及行動力並非紙上談兵。

由此,在過去 KKBOX 兼顧了華語流行音樂文化推動者,到了現在依然兼顧了挖掘新聲音的引領角色。

視覺的基底來自品牌DNA,深入品牌脈絡是必要的功課。

參與人員在面對做產品時的每一步思考,都可能是品牌識別度的關鍵。

進入視覺設計,用想像力將特質延伸

找靈感? 好好探索關鍵字。

關鍵字的探索,是我們摸索出有效發展靈感的一種方式。

它不一定是字詞,在不同人身上,可能是圖、可能是一段話,但近似詞庫般的大量收攏、延展、分類關鍵單字,是目前覺得最具效率的方式之一,就如同有時看小說文字,會比直接看電影畫面更有想像力一樣。

但這個做法的重點便是盡可能的延伸、想像、擴寫,當字詞庫沒有被充分擴展的話,這份關鍵字有時會變成困住自己的框架

在這個字庫底下,便有機會找到團隊大家都覺得最準的 idea。

而此種攤開、分析的方式,也讓客戶更能理解我們的想法,提案一舉獲得讚賞,接到協助品牌MI BOOK、VI BOOK的邀約!

icon 和 campaign site 的主軸:連結(meta ball)

品牌視覺手冊對於團隊溝通的重要性

標準色與輔助色、輔助圖型、使用原則

我們藉由觀察 KKBOX 的品牌與社群溝通習慣,協助更新標準色與輔助色,讓團隊在社群溝通上不會被品牌色限制;創造企業專屬的輔助圖型,讓對消費者的溝通更搶眼獨特。

品牌手冊需要被落地執行

在此次的視覺系統當中,我們設計出了可自行設計延伸的圖紋、也提出了豐富多元的社群平台使用色。

不過實際上的搭配使用卻很仰賴個人的設計感,為了想讓整個團隊都可以擁有如同一個設計師的品味,我們設計出一套組合原則表,讓所有團隊的設計師可以跟隨此表做出一致的設計。

考量到KKBOX有許多不同團隊與龐大密集的素材需求,一套整合又能兼顧特色的視覺風格系統還不太夠。

所以在這裡,我們發現其實還需要一套「使用原則工具」,這能讓不同人在面對視覺方案繁多的選擇可能性的時候,可以擁有一致的判斷標準,做下最佳的決定。

視覺系統搭配的「使用原則工具」
從素材照片上的感受,對上原則表的象限,找到合適的色彩造型組合。

標準色與輔助色

品牌與延伸應用,應該是不同的兩套系統,
讓品牌更集中,但與群眾溝通時,讓素材不受輔助色限制。

品牌色與輔助色

原先設定的輔助色顏色多達11種,原意是希望應用的色彩能夠不被限制,但也因此模糊了KKBOX本身的色彩識別。

為此我們將標準色鎖定:以能夠襯托出KKBOX藍的顏色做為輔助色,挑選出在應用上一輕一重的輔助色,以及基本的黑白搭配,將KK藍以輕盈、年輕的方式被襯托。

與此同時,也將輔助色的範圍,拉開成企業應用與社群網路應用。

將色彩應用的方式與規範拉開,企業色僅限輔助色,可以讓品牌識別突出;社群網路應用則提出一套色盤原則,色彩搭配依此原則設定可延伸無限,但又一致的色彩風格。

輔助圖型

面對每天都有新歌要發的平台來說,素材可能多到當前圖紋不夠用的時候,這裡我們也為著這個需求,設計出了可自行延伸、但能保持一致風格的圖紋創造工具。

輔助圖型從緊密~放鬆的示範案例

落地執行:色彩與造型的組合原則

我們有了輔助圖型也有了色彩總表,那麼使用原則是如何制定下來?

從 KKBOX 流行音樂的本行著手,其實音樂相當常見的分類便是 「MOOD」,心情上的分類。

除此之外,也經常會需要處裡歌手藝人相關的題材,於是歌手特質/音樂情緒,這幾種分類變成為了基本的刻度。

色彩心理學當中,在不同社會文化底下的顏色描述會各有不同。

例如高對比的色彩常用在年輕感的設計,低對比帶來的感受可能是放鬆、慵懶、沈穩。

而造型的疏密程度也會影響設計的情緒判讀:緊密的圖紋經常讓人感覺較為緊張、跳躍;放鬆、間距較大的圖紋則讓人感覺穩重。

流行音樂經常帶給人的情緒、狀態、年紀、季節的關鍵詞。

以色彩的互補色/協調色、造型的緊密/放鬆,設計出四象限規則表,只要將收到手的素材,判斷這是什麼樣關鍵字的音樂,套入表中就可以得到適用的色彩、造型搭配。

將基本色彩總表,搭配色環工具使用,便可隨著素材所設定的情緒,調整最合適的色彩。

這次專案的結論

好用的工具 v.s. 限制規範

這次的專案執行過程,我們再次驗證了關鍵字的好用之處,順著執行下來發現了「色環工具」、「使用原則工具」,這些工具的出現讓品牌的執行面變得更加確實。

規定與限制讓人卻步,但好用的工具人人都樂意使用。

品牌手冊的制定應該能夠讓人「好用」,在一致性的前提下,打開使用的限制,讓團隊人人都能藉由手冊做出更好的品牌設計,可能才是品牌手冊最初始的目的。

最後的最後,就是順著手冊執行出的成果了。

Client|KKBOX
-
Credit
製作團隊|dosomething studio
藝術總監|王宗欣 Cowper Wang
品牌企劃|陳昱蓉 Patty Chen

品牌視覺系統 Visual Identity
視覺設計|羊君 Chun Yang
視覺應用|廖安珽 Anting Liao

Event Page
專案經理|黃安莉 Julia Huang

網站設計|Anzo Chen
動態設計|詹宜菁 Yi Jing Zhan, 林聖惇 Sheng Dun Lin, 鄭琇云 Lilith zheng, 黃柏仁
前端程式|余致緯 John Yu
插畫設計|Abby Chen

--

--