Audi品牌重塑,透過UI 設計,Logo如何改變?(上)－生活必備咖啡因程式碼-店長Yui大小事

Audi[數位優先]品牌重塑,透過UI設計Logo配色極簡獨特

AUDI 的「數位優先（digital-first）」UI 視覺辨識

▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌

德國汽車Audi 2017年透露了以「數位優先（digital-first）」品牌重塑（rebrand）計畫，它聚焦於數位裝置的UI設計，期望更多用戶，無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi 的 APP 等上網行為，都能有更好的使用者體驗（UX）。德國的設計公司 Strichpunkt 負責這次 Audi 品牌重塑計畫的 UI/UX 設計，並期望讓所有的數位平台 —— 從 Audi 的網站、app 應用程式到車上的數位裝置（包含數位螢幕、聲音 app 及包含智慧手錶在內的所有數位產品等）都維持一致。

▲ Audi 的「原子設計（atomic design）」基本概念。

此次「品牌重塑」專案可說是顛覆性的翻新，Strichpunkt 創建了新型態的「原子設計（atomic design）」思路：在評估數位設備的外觀時，我們將 Audi 的視角變化應用於設計上面。。我們的思考過程不只是從最小的設備開始，而且是從設計的最小元素開始。」延續此「原子設計」的設計方法， Strichpunkt 建構出一套功能優先、走極簡風格的 UI 使用者界面。這套新 Audi UI 用戶界面已於 2017 年公開於網路上：任何人都可以從 GitHub 或是 Audi UI Photoshop kit 下載使用 Audi 圖標，UI 組件和字體。

▲ Audi 的新 UI 介面佈局

簡要概述一下這次 Audi 的新 UI 設計：「介面佈局大至上分為垂直和水平的區塊，以達成視覺上的平衡。內容則顯示在這些方形區塊中；而這些方形區塊也置入於與設備的（螢幕）邊緣隔開的網格中。當這些方形區塊被賦予其他的附加功能時，則被視為「卡片」。為了被使用者重視，所有的元素都在階層式的結構中突出顯示。