1.2

Brand

資料來源:2022 KKBOX品牌書

當時目的:

從音樂串流服務到多元聲音推廣,在2020年rebranding後,製作此書作為對外宣傳推廣品牌的工具。本次KKBOX XD Palybook目的用於對內溝通使用而生。

因此我們要從這本品牌書內化,歸類出對內溝通的內容即可,對外的分類不需使用。

[討論紀錄] 2022.09.06 / Jaco / 章節 Brand
草稿素材

Content

✍️筆記區

Illustration

以下為草稿區

To-do List

精修敘述性段落內容
調整使用時機
補上風格與設計指南
整理應用圖片
應用範例的圖的文字敘述部分換成 notion 的表格
舊輔助圖形範例標註為舊圖形
插畫素材庫

Color

To-Do

Graphic Design Palettes 資料連結
實作後替換成新的 Palettes_Master 連結

Icons

✍🏻筆記區

To-Do

Icon 的互動原則 - 顏色圖
Icon 的互動原則 - 顏色補上相關文件連結
易讀性測試(Camille)
根據易讀性調整

Layout

To-Do

圖片替換

Hierarchy 大型盤點工作:

  1. App - toast & now playing 之間的層級關係
  2. iPad - popover : click “more” 的功能視窗
  3. Web -
筆記 Structure
舊素材

其他裝置:皆以原生設計的規範規格為主,設計師只提供基本素材給RD

先盤點我們提供哪些裝置設計

Typography

To-Do

Principles 、Longer Lines / Paragraph 圖片
Semantic Color 連結

To-Do

重新檢視大螢幕 line length 是否適合 link
附上 Components / Link 連結 link

Object Style

To-do list

盤點未來不會使用的設計,在圖旁附註
分隔線和 border 分開寫
加入:輸入框 → 詢問 Paris & 參考 Components 1 文件
修改:圓角 16px,分類調整為大中小,default 為中,規範 → Jaco
圖片上的效果參數整理至表格
定義 Background Blur 解釋說明
重擷取無字圖片
Btn、Separator 分隔線數值表格謄寫
向 RD 詢問背景模糊相關參數
DS議題
Rounding 找到 2、10px 的應用 連結
Full Rounding 在 figma 的統一參數設定
易讀性測試(Yit - 進行中)
📒筆記區

Interaction / Animation

✍🏻筆記區
To-do