Google Workspace 品牌識別

因疫情的影響,遠端工作可能成為一種趨勢,或許 Google 想因應這趨勢,準備整合自家工作平台,於今年10月6日 Google Workspace 上線,本身有接觸部分 Google 工作環境,對於遠端工作優化的內容方面,個人完全支持,但對 ICON 圖示的改變,是有那麼一些感想要說。

官方沒有特別說明 ICON 圖示設計的要點,僅指出為系出同源,其實就是整合,將品牌識別帶入原有的四色元素,包含 Gmail、Google 雲端、日曆、相片、Meet、Google Home 等圖示,部分圖示外觀有非常大的改變。

Google Material Design 設計規範中,也未提到這次 ICON 圖示設計的相關內容,圖示的設計元素取自品牌顏色,最早將四色融合是為了縮圖使用,看起來就像 ICON 圖示。

將品牌顏色用於 Logo,延伸出許多不錯的附屬設計元素,在大局面使用的四色無襯線字體、動態使用的四個點、縮圖使用的G字,皆有 Google 的核心思維與設計系統,Logo 多次的迭代皆是微幅調整,一步步演變至今的扁平風格。

把 Google 現有與其他圖示放在一起,來源:reddit/breathingfluid

但將品牌顏色完全套用至每個 ICON 圖示,雖然看起來一致,但好像把該功能應有的代表色、意義抹除了,只為了整合而改變,Google 服務有數種,只改變部分圖示,在選單排序上樣式也無法統一,若將全部圖示都整合,那又會變的非常難以辨識,有種進退兩難的窘境。

知道上圖所框選的是什麼圖示嗎?

但或許 Google 不會再改其他圖示,就像試算表、文件、簡報,分別採用了綠色、藍色、黃色,品牌單一色簡潔呈現,加上各有各的樣式,識別程度已經讓人習慣,若要整合,也不適合再加入過多的顏色。

上圖為試算表、文件、簡報整合所使用的圖示,但並未直接套用於現有圖示,額外設計作為代表圖示使用,在少數宣傳介紹頁面內可看到。

【 Google Workspace 圖示】

圖左:改版前;圖右:改版後

舉例目前正在使用中的 ICON 圖示,個人習慣先看圖示選擇,起初要點選 Gmail 時,還在尋找舊版的紅M信封哪去了。比較改版前後的差異,Google 一次性的更新大量圖示,雖然排序位置不變,但還是猶豫了一會,目前市面其他品牌改識別的案例不在少數,不過需要時間適應罷了。

  • Gmail:
    • 官方曾經提到想捨棄M、紅色元素,因參與研究的人員反對,故沒有採用,而原本的信封元素並非關鍵,最後保留了M,並加入品牌色成為新版圖示。
    • 對個人來說是含義改變了,信封反而是很直覺的圖示,改版後的M字母,就單純作為象徵性元素而已了。
  • 雲端硬碟:
    • 外型上沒有太大改變,加入了三種色系迎合品牌顏色,感覺是為了整合而添加,比原本的樣式稍作複雜,是還可以接受的程度。
  • 日曆:
    • 一致的把直覺的外觀元素捨棄,辨識上僅剩數字 “ 31 ” 作依憑,若沒有文字提示,當下也很難看出。
    • 每個圖示的主要色調比例可以保留,再加入少比例的四色元素,或許就不會這麼花俏了。
  • Meet:
    • 個人未使用,外型上的改變有加分,但一樣受限於太多品牌顏色。
    • 與其他圖示相似度接近,不排除在縮圖時容易點選錯誤。
  • 相片:
    • 與雲端硬碟圖示恰巧相反,色系減少反而更為扁平,造型上一樣可辨識為相片圖示,與舊版比較相容。

Google 要求更新圖示的速度似乎比較慢,在 Google Workspace Marketplace,有許多還未修正圖示的第三方程式,不同裝置也有差異,個人手機就有 Google 雲端還未更新。

以下為使用者在網路分享的圖片,相關連結位於文章底部,有部分看法與個人類似,在選單列上太過花俏,需要手動分類與習慣,也有使用者嘗試為 Google 圖示改良。

嗯…,圖片來源:reddit/Behave_or_else
看的出來還是很在意紅M與信件意象,圖片來源:reddit/darknep(改良1)、nasa_man(改良2)

【 意見回饋】

因爲近期更新,除了網路講評文章外,也詢問平時工作會密切接觸 Google 平台的使用者,聽聽他們對這次 ICON 圖示更新的看法。

  • 友人 A (3D設計):
    • 這次圖示更改讓我覺得有點眼花,以彩色框線為基礎,能做的設計太少,後面應該會卡住吧。因為同時顯示 Google Workspace  跟其他產品線,會很不搭,一定得全改。
    • 而且 Google 也很頻繁大改 ICON,像蘋果頂多就是比例微調,基礎設計跟當初扁平化,與原版差異不大,微軟則是一直都很弱,所以有改反而加分。
  • 友人 B (視覺設計):
    • 以前靠顏色辨識很快,現在都會停頓一下;微軟目前 ICON 較讓人舒服的只有 Office365,但是其他作業系統的 ICON 都沒變。
    • Google 在圖示同步更新好像不會這麼快,相較之下蘋果就真的很厲害,一次定調全部視覺,新的規範釋出,所有開發者全部重送、更新,視覺感就很一致。
    • 重新設計,可以看到圖示演進:Redesigning the Office App Icons
微軟 Office365 圖示,來源:office
  • 友人 C (工程):
    • 眼中看到的都長一樣,要仔細去比較形狀差異,才能知道是什麼按鈕。
    • 個人在瀏覽器左上角書籤固定有放三個 Google 服務(下圖左),自從換了圖示,每次要點擊時都要再仔細看一下,之前用顏色就很好分辨。
    • 個人應該很難習慣,顏色的問題無法解決,我的書籤列還有這三個藍色的 ICON(下圖右),要點擊時都要再仔細看一下,到現在還是很不習慣。
    • 承上,後來不同的服務就把他們分開放置,但 Google 服務分開的話就很怪。
圖左:Google 服務縮圖;圖右:顏色相近的縮圖
  • 友人 D (3D設計):
    • 太花俏,這種圖示比較適合簡潔,是指多達 5、6種顏色太複雜,硬要將所有顏色擠入。
    • 個人來說困擾不大,主要會看文字去點選 ICON,只是覺得好像變花了,有點擾亂視覺。

【 相關參考與文章】