前言:重構Tableau KM 內容的顏色一篇,實作了友善顏色的樣版
Tableau Reference: Create Custom Color Palettes
在看文章實作之前請先看下圖,各步驟的說明,索取顏色樣版的檔案,請在文章的最後填表單,我會寄送給您
0: 顏色設計概念
Tableau 顏色設計,不外乎考量企業形象Logo 、相關領域的常用顏色或者模仿其他人即有的模版套用,這次重新組織知識庫時,將色盲與色弱的考量加入,決定分享這次的顏色模版,希望能夠讓更多人注意,一同建立更友善的顏色設計
1:使用W3schools.com 挑選顏色
進入W3schools.com 若顏色挑選視窗沒有跳出來,可以點一下 Or Use HTML5 就會跳出一個小視窗,再到需要的顏色或色表就可以用點選的方式找到色碼
即使不同視窗,只要開啟即可挑選想要的顏色,非常的方便使用
2:新增/修改 Tableau 的 Preferences.tps 顏色模版的定義
如果從來都沒有定義過 Preferences.tps 開啟時,內容只會有三行
只要將顏色模版的名稱放在 <workbook></workbook>即可定義多個常用的設計 ,以下是 Tableau 原廠提供的範例
另外我將色盲色弱的友善設計定義好模版,即可出現在tableau color 的選單,即使Desktop 預設的是英文版,放入中文字一樣可以顯示,使用 Superstore 測試看看
3:Tableau 關閉重啟,即可預覽效果
將檔案放 Tableau的資料夾裡,若沒有變更安裝路徑名稱,Preferences.tps 不難找,在第一層 My Tableau Repositor y資料夾裡
4:驗證本機效果,還要記得修改 Tableau Server 上的設定哦
歡迎索取 Preferences.tps 檔案,填完表單以後我會提供給您!