錯過可惜!!究竟奧迪跟福斯如何靠UI落實"數位優先"?!(中)
究竟奧迪跟福斯如何靠UI落實"數位優先?!看完本篇你就知道!(中)
本篇為Audi篇的下集,上集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!(上)】請點此連結字體
▲ 新 Audi Logo 與字體搭配的準則。
新的 Audi 字體也隨著新的 logo 曝光。Strichpunkt 表示:隨著新的「簡潔有力」的清新風格的 Audi logo。
▲ Audi 標語的使用範例(總是以小型字體出現在畫面的角落)。
圖標
▲ 各式新的 Audi UI icons 為線條化設計,靈感來自精確的車輛工程設計圖
而應用於網站、app、車用數位裝置的 2D 線條線條化圖標,Strichpunkt 表示設計靈感來源自 Audi 車輛研發設計時,工程師繪出的精確的工程設計圖。
▲ 新的 Audi UI icons使用範例
影片
而所有出現在數位裝置上的 Audi 形象影片動作也都遵循 S 型曲線模式,Strichpunkt 表示「一開始強而有力的加速啟動,然後在結束時迅速減速。」
奧迪也為此新視覺辨識制定了品牌指南,製作「Audi 品牌指南網站」,開放各式資源給大眾免費瀏覽、下載,包含全新設計的 Audi Logo、字體、形象圖片、影片,甚至連 HTML 原始碼、被淘汰的設計都有,讓用戶感到有參與到他們的品牌重塑過程。
現在,Strichpunkt 將在子網域上啟動一個互動式工具,使用戶可以模擬奧迪風格的設計、字型、排版,背景和顏色。然後,該工具會告訴他們:其模擬作品是否符合 Audi 的設計原則與方針。
▲ 各式新的 Audi 廣告,應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。
本篇為Audi篇下集,下一篇為福斯UI的介紹【不落後於 Audi,福斯跟進「數位優先」視覺辨識與UI】請點此連結
更多閱讀:
錯過可惜!!究竟奧迪跟福斯如何靠UI落實"數位優先"?!(下)
那些你不知道的UI設計-5個關於黑色的大學問(上)
來達內學習UI課程,輕鬆無負擔地一圓你的創業夢!
學習程式語言,加上網路行銷課程,讓你意外自己怎麼這麼無敵!
電影裡出現過的程式碼是真的? 裡面的Python不是呼嚨的! (上)
擠進高薪科技大門-Java課程等你來瞭解!
從無到有 挑戰14小時取得Google證照
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
2天考取Google Ads證照!新手廣告投放攻略
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
達內教育開幕 培養台灣IT人才進入全球企業