一般在品牌商標(Logo)使用規範中,都會對顏色、書寫字樣或留白等細節提供詳盡的說明,其中最被使用者熟悉的「標準色」就是設計裡相當重要的一環。所有品牌都會有其最常使用的顏色,而這顏色通常會被使用者記憶在腦海裡,例如 Facebook 的藍色、Yahoo 的紫色、Spotify 的綠色等等,雖然大略知道這顏色,卻很難準確說出它的色碼(只有設計師才有這種天賦吧!),如果需要時該去什麼地方搜尋呢?
國外有個名為 BrandColors 的網站收集了世界知名品牌、企業公司、網路服務使用的標準色,內建搜尋查找功能,還可以一鍵顯示該顏色色碼 HEX 值,並勾選你需要的品牌顏色來把色票檔快速下載到電腦裡,支援 ASE(like ACO)、SCSS、LESS 和 CSS 格式。
雖然 Pseric 工作上幾乎不會用到這些資料,但也很好奇地在這網站逛了一下,發現很多網路服務都與藍色脫離不了關係(看起來特別具有科技感?),如果你的工作會需要和顏色長時間相處,那麼 BrandColors 也許是個尋找配色靈感的好地方。
網站名稱:BrandColors
網站鏈結:https://brandcolors.net/
使用教學
Step 1
前面提到的 Dropbox 使用的藍色為 #007ee5 ,還有三個使用淺灰色、淡灰色和深灰色的顏色代碼,這藍色是不是看起來非常熟悉呢?
Step 2
Samsung 三星的品牌顏色竟然有十二個這麼多,我倒是對於它們 Logo 所使用的寶藍色較有印象,如果沒記錯的話應該是第一個顏色。
Step 3
Facebook 使用的品牌標準顏色為 #3b5998,就是 Facebook 網站上方那條工具列的顏色啦!大家每天在看應該都非常熟悉,但大概很少人會知道它的 HEX 色碼值。
Step 4
在勾選品牌後,從網站右上角可以選擇要下載的色票格式,BrandColors 會將你所選取的顏色代碼通通打包讓你下載回去。另外,網站還很佛心的提供所有的色票檔案,從網站左上角可以一次下載全部。
如果你需要這些顏色的 Photoshop .aco 檔案,在 Dribbble 上已經有設計師將它做好釋出了,可以至該網頁免費下載、獲取。