娶了UI設計師的Python工程師-北歐生活

福斯和奧迪如何將UI設計和"數位優先"做完美結合?這三天用文章來娓娓道來~    AUDI 的「數位優先（digital-first）」UI 視覺辨識 ▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌 現今人們上網的媒介已不再侷限於桌上型電腦，手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑（rebrand）計畫，以「數位優先（digital-first）」為其主軸。 「數位優先（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 設計：「介面佈...

關於UX設計在未來會受到5G的何種影響?將在這篇揭曉!! 本篇為下篇，上篇「5G影響下的UI設計趨勢」請點此 連結 5G影響下的 UX 設計趨勢 1. 為「速度」而設計（Designing for speed） 如前所述，5G將在全球開始普及，數據傳輸速度大大加快的同時，也代表讀取時間大大減少，幾乎趨近於零。對 UX 設計來說這意味著一個新的標準，因為未來任何頁面、任何功能在任何時刻的延遲，用戶都不再接受。 有傳言在2020年，所有的iPhone都會支援5G，畢竟由奢入儉易、由儉入奢難，那時要用戶等待，哪怕只有一秒，實在是很困難呀！ 2. 讀取進度條將被淘汰（No more loaders） ▲ 5G影響下的UX設計趨勢:讀取進度條將被淘汰 當網頁在加載時，常常會看到一個讀取進度條、或是不斷轉動的小圓圈，用來告知使用者還需讀取多久的時間。 延續上一項，因為過去的數據傳輸速度有限，但5G將使這些讀取進度條消失，漸漸地，使用者會越來越不想再看到讀取進度了。 3. 產品負責人不勝枚舉（Product owner everywhere） 產品負責人（Product owner）是指公司裡負責將產品價值極大化，並負責管理產品代辦清單，對產品負有最終責任。通常只會有一位產品負責人。 現今的數位或電子商務公司，整個公司有多個產品負責人已不再是新鮮事：有APP程序負責人，後端產品負責人與SEO負責人等等。 2020年後，產品負責人從管理用戶需求、監督開發、確保測試改進到最終增加價值等，將在數位行業中廣泛使用。 UX稽核將成為趨勢（UX audit becoming a trend） UX Audit、 UX 稽核，通俗地講就是 UX 健康檢查，UX Audit的目的，是讓設計師找出其中使用者經驗還未臻完美的部分，提供改版時優化產品體驗的著眼點。 對快速發展的新創產品而言，很容易將不斷追加額外新功，但UX設計師的首要之務，其實就是要將一件事做到最好，且不斷精進最核心的使用者體驗，在未來這將更被重視。 從2019年開始， UI 與UX設計便是一種不能擋的趨勢，延續到2020年，依然會繼續升溫，並且5G世代會給它們更多發揮的舞台、依然有無限的發展可能！ 相...

UI.UX設計會因為5G而變成什麼樣子?怕遇到斷層就趕快把這整理看完~~ 2020 UI、UX設計關鍵影響：5G ▲ 5G 時代的即將來臨，所有產業都牽涉其中。 5G的出現，代表著我們將迎來嶄新的商業模式、掀起更大規模的產業變革，以及為其他未來科技開啟一扇大門，如：自駕車，5G將成為這項科技得以開花結果的最大助力，且幾乎任何你想的到的高科技產業都會受到衝擊！ 無疑問的，5G將會是2020年影響 UI 與 UX 設計潮流最大的因素，這也間接證實：「速度」將會是今年度的核心理念。 要了解大環境的因素，就讓我們來細看5G影響下的 UI 和 UX 領域的各別趨勢： 5G影響下的UI設計趨勢 1. 訂製圖像（Custom-made graphics） 但是如果沒有品牌圖像，也不需急著去購買五花八門的圖庫（stock photo）套用，取而代之的則是要設計獨特、屬於自身的且符合品牌形象的圖像在網站或產品上使用。 好的視覺設計可以為品牌價值錦上添花，能使產品與服務顯得更有說服力和平易近人，而企業logo或標誌設計是品牌形象的核心。 2. 動態圖像與動作特效（Motion graphics and motion effects） 過去由於4G的侷限，複雜的動態圖像與花俏的動作特效可能會拖慢網頁的讀取，甚至有的使用者根本無法讀取；但隨著5G的興起，這在2020年後將不再是問題，目前的設計思維也會大大改變，不用擔心因網速太慢讓你的巧思被埋沒！ 靜態圖像將會變成可以接受、但乏味無聊的，未來如果想奪得客戶注目，設計師需要更具創造性地對內容、字體與圖形等素材等進行動畫處理。 3.　使用對比度稍低的漸變色 （Use of less-contrasting gradient） 「漸變色」是近年的熱門配色。而在2020年，對比度較低的漸變色：如藍色到淺藍色、灰色到深灰色等，將流行於網頁整體配色，這樣的設計保持了乾淨簡約的主體，但又能保有變化而不枯燥。 本篇為上篇，下篇「5G影響下的UX設計趨勢」請點此 連結 相關文章： 影響UI.UX設計的關鍵:5G,來看看它帶來的創新體驗!(下) 想改善奢侈品電商的環境?UI課程能幫你做到! 前端工程師和網頁設計師看過來!-AWD真的...