顯示具有 品牌重塑 標籤的文章。 顯示所有文章
顯示具有 品牌重塑 標籤的文章。 顯示所有文章

2020年1月8日 星期三

UI視覺Logo設計怎麼做才高招!?(下)

UI視覺Logo設計怎麼做才高招!?連福斯也跟進!


UI視覺Logo設計怎麼做才高招!?連福斯也跟進!




本篇為福斯UI設計篇,關於Audi的 UI 設計,請點此連結以及 此連結

不落後於 Audi,福斯跟進「數位優先」視覺辨識

▲ 新的福斯LOGO設計由原本的「仿3D」變回2D平面icon,就可零違和地嵌入於更多裝置的UI視覺設計。
2019 年 7 月,德國福斯汽車也宣布將推出全新 LOGO。同年9 月 10 日,在法蘭克福國際車展前夕的「福斯之夜」上,福斯正式發布了全新的品牌標誌——也是將原本立體風的 Logo「平面化」,這也表示品牌接下來的將有嶄新的商業策略。

▲ 福斯LOGO進化史-一切的LOGO變化都是為了符合當時的UX

由以上影片我們可以看到:2019 年的新 LOGO 整體造型依然使用字母「V」和「W」上下組合的形式,不過變得更簡單直觀。原先設計成浮雕概念的立體造型,改為平面化 2D 風格,「V」和「W」兩個字母中間的空隙變大,「W」的底部和外部圓圈完全脫離,留下了空間。
其實「扁平化」是現代數位時代的設計趨勢,除了福斯,許多知名廠商的 LOGO 也都改頭換面、採用扁平化的設計,如 Google、YouTube、Netflix、ebay、Citroën等。
扁平化設計為去除陰影、漸層和反射光澤等3D要素,通常使用高亮度的色彩,搭配無襯線字體,呈現出簡約現代風格。目的為減少不必要的裝飾元素,將核心元素明確傳達,除了LOGO,UI設計也正流行扁平設計。
同時,這種簡約的設計無論在傳統印刷輸出、電視或螢幕相對較小的智慧手機上,都能更好更快地呈現,也更符合現今數位化的潮流。

 

新LOGO也是新戰略

值得注意的是,福斯這次不只換了Logo,連品牌識別聲音也換了。過去福斯汽車的廣告,結尾都是低沉渾厚的男性嗓音,但福斯大破大立,請到了德國著名的女演員露易絲‧海爾姆(Luise Helm)獻聲,打破多年聲音形象,改以溫暖、愉快、自信的女性聲音取代。以後的福斯廣告都將使用女聲來宣讀「福斯」品牌名了。

▲ 福斯熱門主打車款「Golf 8」廣告即為女聲宣讀品牌名稱

新LOGO的同時展現了福斯汽車朝向電動化新時代發展的決心。
福斯汽車準備電動化轉型雖已有一段時日,但關鍵轉捩點是在2016年,當時福斯集團(Volkswagen AG)爆出廢氣排放超標醜聞:福斯在美國銷售的車款中植入規避官方檢驗的軟體,在官方檢驗時自動調整數字以通過廢氣排放標準,但實際上這些車輛排放廢氣全超標10至40倍。
這起醜聞發生後,福斯集團便改變策略,朝新替代能源發展。
福斯近期全力主打的,就是在法蘭克福車展亮相的電動車ID.3,是全世界首款採用碳中和製程的電動車款,已在歐洲地區正式接單。明年系列車款ID. CROZZ SUV、ID.BUZZ、ID.VIZZION和ID.BUGGY等各式電動車也將陸續加入。
福斯第一款全電動車以「3」命名,代表正式在電動車領域踏出關鍵一步,與為了成為全球車壇的電動車領導品牌的決心。
現在是汽車產業全速往電動車發展的重要時間點,老牌車廠換上新裝,在這個新戰場的表現如何,就讓人拭目以待了。

相關文章

UI視覺Logo設計怎麼做才高招!?(上)

UI視覺Logo設計怎麼做才高招!?(中)


UI視覺Logo設計怎麼做才高招!?(下)

數位行銷媒體人必看!!Google搜尋各類排行榜~

5G時代到!人工智慧又將如何改變你我的生活!?

如何兼顧家庭跟事業?44歲媽咪告訴你最真實的達內教育評價!

2019谷歌熱搜話題排行出爐!數位行銷人必看!


2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2020年1月7日 星期二

UI視覺Logo設計怎麼做才高招!?(中)

UI視覺設計Audi還對Logo做了什麼?


UI視覺設計Audi還對Logo做了什麼?


本篇為Audi篇的下集,上集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!(上)】請點此連結

字體

▲ 新 Audi Logo 與字體搭配的準則。

新的 Audi 字體,隨著新的 logo 一起曝光了。Strichpunkt 表示,這是新的「簡潔有力」清新風格的 Audi logo。
▲ Audi 標語的使用範例(總是以小型字體出現在畫面的角落)。

圖標


▲ 各式新的 Audi UI icons 為線條化設計,靈感來自精確的車輛工程設計圖
而用於網站、app、車用數位裝置等部分的 2D 線條線條化圖標,Strichpunkt 表示設計靈感來源自 Audi 車輛研發設計時,工程師繪出的精確的工程設計圖。

▲ 新的 Audi UI/ UX icons使用範例

影片

▲ Strichpunkt 替出現於新 UI / UX 介面上的 Audi 影片立下「S 型曲線」原則:「一開始強而有力的加速啟動,然後在結束時迅速減速」。

而所有出現在數位裝置上的 Audi 形象影片動作也都遵循 S 型曲線模式,Strichpunkt 表示「一開始強而有力的加速啟動,然後在結束時迅速減速。」
奧迪也為此新視覺辨識制定了品牌指南,製作「Audi 品牌指南網站」,開放各式資源給大眾免費瀏覽、下載,包含全新設計的 Audi Logo、字體、形象圖片、影片,甚至連 HTML 原始碼、被淘汰的設計都有,讓用戶感到有參與到他們的品牌重塑過程。
現在,Strichpunkt 將在子網域上啟動一個互動式工具,使用戶可以模擬奧迪風格的設計、字型、排版,背景和顏色。然後,該工具會告訴他們:其模擬作品是否符合 Audi 的設計原則與方針。


▲ 各式新的 Audi 廣告,應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。
Strichpunkt 表示:這一連串的互動式工具,都是為了讓新的 Audi 品牌設計方針「更平易近人」,與 Audi 的新品牌識別「accessible to everyone(每個人都可使用)」相呼應。「這是汽車業的創舉,為新的開放式的象徵(a symbol of new open-ness)」。
本篇為Audi篇下集,下一篇為福斯UI的介紹【不落後於 Audi,福斯跟進「數位優先」視覺辨識與UI】請點此連結



相關文章

UI視覺Logo設計怎麼做才高招!?(上)

UI視覺Logo設計怎麼做才高招!?(中)


UI視覺Logo設計怎麼做才高招!?(下)

迎接5G時代~UI, UX也要跟上新趨勢!!(上)

再也沒有眼見為憑?英劇結合人工智慧拍出精彩影集!!

考取Google Ads證照不用等!!只要兩天就可以!!

Google Ads編輯器超好用!新增10種功能報你災!

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照