發表文章

目前顯示的是有「digital-first」標籤的文章

奧迪.福斯雙雙落實"數位優先"的UI設計!點進來看詳情!(下)

圖片
本篇為福斯UI設計篇,關於Audi的UI設計,請點此  連結  以及 此連結 這篇除了提到福斯與UI設計的關係,還要告訴你,這品牌近期做了那些突破! 不落後於 Audi,福斯跟進「數位優先」視覺辨識 ▲ 新的福斯LOGO設計由原本的「仿3D」變回2D平面icon,就可零違和地嵌入於更多裝置的 UI 視覺設計。 而 2019 年 7 月,德國的另一間汽車公司-福斯汽車也宣布將推出全新 LOGO。同年的 9 月 10 日,在法蘭克福國際車展前夕的「福斯之夜」上,福斯正式發布了全新的品牌標誌——也是將原本的立體風 Logo「平面化」,他們進而表示,品牌接下來將會有完全嶄新的商業策略! ▲ 福斯LOGO進化史-一切的LOGO變化都是為了符合當時的 UX 由以上影片我們可以看到:福斯Logo的進化史,都是與當時的UX有關。 而去年2019 年,最新的 LOGO 整體造型,依然使用字母「V」和「W」上下組合的形式,不過變得更簡單直觀。原先設計成浮雕概念的立體造型,改為平面化 2D 風格,「V」和「W」兩個字母中間的空隙變大,「W」的底部和外部圓圈完全脫離,留下了空間。 其實「扁平化」是現代數位時代的設計趨勢,除了福斯,許多知名廠商的 LOGO 也都改頭換面、採用扁平化的設計,如 Google、YouTube、Netflix、ebay、Citroën等。 扁平化設計為去除陰影、漸層和反射光澤等3D要素,通常使用高亮度的色彩,搭配無襯線字體,呈現出簡約現代風格。目的是為了減少不必要的裝飾元素,而將核心元素明確傳達。 除了LOGO, UI 設計也正流行扁平設計。 同時,這種簡約的設計無論在傳統印刷輸出、電視或螢幕相對較小的智慧手機上,都能更好更快地呈現,也更符合現今數位化的潮流。   新LOGO也是新戰略 值得注意的是,福斯這次不只換了Logo,連品牌識別聲音也換了。在過去,福斯汽車的廣告,結尾都是低沉渾厚的男性嗓音,但福斯大這次大破例,請到了德國著名的女演員露易絲‧海爾姆(Luise Helm)獻聲,打破多年聲音形象,改以溫暖、愉快、自信的女性聲音取代。 以後的福斯廣告,都將使用女聲來宣讀「福斯」品牌名了。 ▲ 福斯熱門主打車...

奧迪.福斯雙雙落實"數位優先"的UI設計!點進來看詳情!(中)

圖片
奧迪最新的UI設計竟也能讓使用戶和品牌做互動?一起來看看它是怎麼做到的! 本篇為Audi篇的下集,上集「為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!(上)」請點此 連結 字體 ▲ 新 Audi Logo 與字體搭配的準則。 新的 Audi 字體也隨著新的 logo 曝光! Strichpunkt 表示:隨著新的「簡潔有力」的清新風格的 Audi logo。 ▲ Audi 標語的使用範例(總是以小型字體出現在畫面的角落)。 圖標 ▲ 各式新的 Audi UI icons 為線條化設計,靈感來自精確的車輛工程設計圖 而用於網站、app、車用數位裝置的 2D 線條線條化圖標,Strichpunkt 表示設計靈感是來自 在Audi 車輛研發設計時,工程師繪出的精確的工程設計圖。 ▲ 新的 Audi UI icons使用範例 影片 ▲ Strichpunkt 替出現於新 UI 介面上的 Audi 影片立下「S 型曲線」原則:「一開始強而有力的加速啟動,然後在結束時迅速減速」。 而所有出現在數位裝置上的 Audi 形象影片動作,也都遵循著 S 型曲線模式,Strichpunkt 表示「一開始強而有力的加速啟動,然後在結束時迅速減速。」 奧迪也為此新視覺辨識制定了品牌指南,製作「 Audi 品牌指南網站 」,各式資源開放給大眾免費瀏覽、下載,包含全新設計的 Audi Logo、字體、形象圖片、影片,甚至連 HTML 原始碼、被淘汰的設計都在上面,讓用戶能親自感受參與他們品牌的重塑過程。 現在,Strichpunkt 將在子網域上啟動一個互動式工具,使用戶們都可以模擬奧迪風格的設計、字型、排版,背景和顏色。而之後,該工具會告訴他們其模擬作品是否符合 Audi 的設計原則與方針。 是不是沒想到UX和UI設計也能有這種功能! ▲ 各式新的 Audi 廣告,應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。 Strichpunkt 表示:這一連串的互動式工具,都是為了讓新的 Audi 品牌設計方針能「更平易近人」,與 Audi 的新品牌識別「acces...