跳到主要內容
← 返回作品總覽

品牌識別|讓三個網站看起來像同一個人做的

把東尼多元宇宙、REALLY 和 JOB TRACKER 的圖示、配色整理成一套。各自看得出在做什麼,放在一起也認得出是同一個人的作品。

品牌識別|讓三個網站看起來像同一個人做的

各自有樣子,放在一起卻不像同一套

網站和工具陸續做出來,各自有自己的識別。但放在一起看,還不太容易知道它們之間有什麼關係。

保留差別,也找出共同的地方

我想保留每個產品的樣子,再把共同的地方整理好。線條粗細、圓角和顏色一致,就不用每個圖示都長得一樣,也能看出是同一套。

從線條、顏色到縮小後的樣子

先整理三個產品的圖示,再一起檢查黑白、灰色和橘色的使用方式。圖示縮到 16、24、32、64 像素時,還要看得清楚;放在淺色或深色背景上,也要能辨認。

東尼多元宇宙|跨產品品牌識別系統
淺色背景下,圖示縮小後的樣子。
東尼多元宇宙|跨產品品牌識別系統
深色背景下,圖示縮小後的樣子。

放回網站裡,看實際使用的樣子

整理後的識別用在網站圖示、瀏覽器分頁和分享預覽。這些地方尺寸不一樣,所以我也一起看它們縮小之後的樣子,而不只看放大的標誌。

東尼多元宇宙|跨產品品牌識別系統
放進瀏覽器分頁和書籤的樣子。
東尼多元宇宙|跨產品品牌識別系統
三個網站分享連結時的預覽圖。

這次做到哪裡

這次先整理三個產品實際會用到的識別,還不是一份完整的品牌規範。也沒有做辨識度調查,不能用這些畫面判定訪客是否更容易記住品牌。