【設計】扁平化設計，為汽車品牌注入新視覺語彙

隨著 Android 和 Apple 行動裝置的高度普及，扁平化設計 (Flat Design) 儼然成為當今最指標的設計風格，大量的 APP、Web 設計也將其融入自身。就在我們習以為常之際，最近許多一線汽車品牌 VW、BMW、Mini 也陸續將他們的企業識別 (Corporate Identity) 修改成扁平化風格。

扁平化設計

扁平化設計的核心，在於積極移除 3D 圖像效果 (像：浮凸、陰影、漸層、紋理)，賦予圖像極簡的專注力，用更敏銳的排版和配色來營造簡約質感。除了更直覺的醒目度外，簡單的設計元素也對於網頁載入速度、不同螢幕顯示帶來絕佳的幫助。

追溯至上個世紀 50、60 年代的 國際印刷風格 (International Typographic Style)，強調乾淨、易讀、客觀，並開始應用非對稱排版、柵格、無襯線字體 (像 IKEA 品牌字體)，所以被視為扁平化設計的開端。

一直到了微軟 2002 年發佈 Windows 媒體中心、2006 年 Zune MP3 播放器，乃至於 2012 年 Windows 8 的 Metro UI 介面，這些成為數位時代的扁平化設計先驅。接著到了 2013 年，Apple iOS 7 顛覆了賈伯斯原有的擬真設計，讓扁平化設計來到前所未有的新高峰。

▲ 比對 iOS6 和 iOS7，可以明顯看出扁平化設計的差異

汽車品牌也加入扁平化陣營

全球最大汽車品牌福斯 (Volkswagen) 在 2019 年 9 月的法蘭克褔車展上，將他們已使用了 7 年之久的品牌 logo 更換為現行的扁平化設計，並搭配旗下首款全電動車 ID.3 一同發佈，頗有宣示全新世代到來的含義。

新的廠徽設計是福斯汽車的設計及行銷團隊歷時 9 個月的心血結晶，大幅拋棄了原先設計的 3D 鍍鉻及陰影效果，改以厚實的深藍色統一呈現，強調品牌大舉迎向電動及數位時代。

▲ 福斯的新廠徽跟著電動車 ID. 3 一同發佈

▲ 拋棄了原先的 3D 鍍鉻及陰影效果，改以厚實的深藍色統一呈現

從福斯的廠徽演進，可以感受出由繁簡交錯的世代設計主流，而這 12 個品牌設計多數也都遵從著「Flat Design」的指導原則。2000 和 2012 年粗壯的立體形象，是現在多數人對福斯汽車的印象，但歷經 20 年之後再次輪替回極簡風格，而且還是前所未有的細緻。

▲ 福斯的品牌識別，歷經了 12 個不同的轉變

回溯上一個相同設定的品牌是 Mini，他們更早在 2017 年法蘭克福車展上亮相了 Mini Electric 概念車，同時發佈了新的廠徽設計。雖然 Mini 目前還沒成為像品牌負責人 Peter Schwarzenbauer 所說的，成為一個 完全電動 的品牌，倒是更新廠徽這件事無接縫地置入成功，甚至讓母集團 BMW 也考慮跟進。

▲ Mini 新的廠徽設計簡約、顯著，讓母集團 BMW 也認真思考跟進

1942 年，BMW 在他們的出版物 Flugmotoren-Nachrichten (飛機發動機新聞) 發表了一篇文章，裡面和大家分享了一段 BMW 廠徽的故事，這段 淵源 跟他們早期經營飛機工業有直接的關聯性。廠徽內部的螺旋槳設計，也成為這間公司對外的重要形象，成就出專屬他們的事業氛圍。

▲ BMW 廠徽設計和他們早期經營飛機工業有關

因為 Mini 廠徽的成功，讓 BMW 在 2020 年也加入了更新的行列，不過大膽抽離黑色，倒是被媒體 戲謔 了一番。稱呼新廠徽比較像是設計師的「失誤」，八成是輸出成 Photoshop 檔案時，不小心把底色刪了，所以看起來那麼透明......。(事實上，辨識度真的有差)

不過，有時候相對前衛的設計確實會惹來爭議，像是 iPhone 11 Pro 三鏡頭的造型一開始也被網民酸爆。戰鬥陀螺、三眼怪的稱呼也隨之而來，但是實際銷量也沒什麼影響。所以 BMW 的粉絲要慢慢習慣新型態的廠徽，和不斷變大的鼻孔造型，也許看久了也會覺得還不錯看？

▲ BMW 廠徽的演進歷程

▲ BMW 的粉絲要慢慢習慣新型態的廠徽，和不斷變大的鼻孔造型

緊跟其後的汽車品牌就是日產 Nissan，目前得知的設計方向會優先抽離原有 3D 光影及金屬感，整體繼續維持舊有的輪廓，但改採黑色線條替代邊界。至於 Nissan 的標準字設計也有些微幅度的調整，整體看上去更為簡單、純粹。

這些暫時仍屬 未正式發表 階段，另外考慮目前還是疫情階段，也許會在晚些的重要場合中公開，新廠徽的細節都還可以再做些小針美容。

▲ 日產 Nissan 預計也會加入扁平化設計的行列

延伸閱讀：

【設計】你知道 IKEA 悄悄更換了品牌字體？
【設計】迷幻、真實、復古和動物風將在 2023 年引領市場趨勢
【設計】街頭藝術家班克西 (Banksy) 創作出俄烏戰爭下的全新視角
【設計】色彩學懶人包：配色觀念、實務應用完整收錄
【設計】平凡中的不可思議，視覺藝術家 Helga Stentzel 的家庭超現實主義
【行銷手札】免費圖庫網站推薦，社群、內容行銷秒強大
【Adobe】告別 ACA，全新的認證考試 Adobe ACP 來囉！
【Adobe Photoshop】回顧 Photoshop 25 週年，生日快樂

-------------------------------

更多內容，歡迎關注『布蘭特大叔』

部落格：https://bit.ly/UB-WebSite
FB 專頁：https://bit.ly/UB-FB
YouTube 頻道：https://bit.ly/UB-YouTube