布萊恩的創業小窩

奧迪最新的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...

你聽過落實"數位優先"的UI設計嗎?若是放在logo上會變什麼樣子?這次一起揭曉!    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 的...

人工智慧在未來絕對佔有一席之地,一起來看看這英國影集闡述的關於AI的犯罪事件! AI 人工智慧 的 Deepfake 技術可以用來殺人？驚悚犯罪英劇《真相捕捉》劇情曲折刺激，用無處不在的監視攝影和 Deepfake 技術告訴你：你信以為真的事物都可以是偽造的！   峰迴路轉的 6 集短打影集 由BBC ONE拍攝播出的英劇《真相捕捉》（The Capture）日前播出最後一集，2019 年 9 月開始播出一共 6 集，集集精彩、引人入勝！你看過了嗎？它堪稱是今年最受好評的驚悚犯罪影集之一呢！ ▲ 英劇【真相捕捉】掀起 人工智慧 犯罪疑雲 故事主角是一位名叫尚恩．艾默里（Shaun Emery）的英國軍人，因服役時在阿富汗殺害塔利班戰俘而被定罪，但卻在服刑坐牢 6 個月後，因為被當成關鍵證據的錄影片段有漏洞被推翻而無罪釋放。 剛重獲自由的尚恩，因其律師漢娜一直以來都信任他無罪，進而對漢娜產生好感，並出獄後在大街上向她表白；但此時，監控錄影顯示的卻是尚恩毆打、並綁架了漢娜律師，且漢娜此後便人間蒸發。於是出獄不到 24 小時的尚恩，馬上因為另一個監視錄影畫面，捲入一起新案件中。 因「罪證確鑿」，尚恩原本要被再次抓回警局，但此時重案組的警官瑞秋卻突然撤銷對尚恩的控訴，原來她打算派人跟蹤尚恩回家，試著找到失蹤的漢娜，而她本人則坐鎮監控室，從監視錄影看著尚恩。 然而，他們愕然發現接下來的一切，監控畫面和現實的場景完全不一樣！ 瑞秋看到尚恩坐上計程車，跟一個持槍的神秘男人碰面；但跟蹤尚恩的兩名警察看到的是整個街道空無一人，更沒有什麼計程車。難道是畫面出現了延遲，還是……監控遭到入侵竄改？ 最終他們確定了整個監控畫面都是假的！此時的尚恩，正被一個神秘組織關在房間裡…… 《真相捕捉》圍繞作為判案證據影片的真真假假，鋪陳出警察局、情報部門、維權組織等三方力量交鋒的精采故事，包含「司法正義」、「假新聞」、「 AI 換臉」等議題的探討與啟示。 AI寫作能力強過人類，恐成為假新聞製造機? 馬斯克宣布離開 OpenAI 的真正原因是...研發的AI太會寫假新聞? 日本研發人工智慧人妻?假的!但是本尊也是美女,還會跟你閒話家常   攝影機成為日常生活裡的重大危機 《真相捕捉》最後一集在...

Line也把人工智慧納入功能啦!我們這些重度使用者會不會更離不開Line啦!! ▲ 2019 年的 LINE 開發者大會（台灣場）會上提供來自日本 Line 開發者大會（LINE DEVELOPER DAY 2019）的第一手訊息 科技產業的年度盛事 LINE 開發者大會（LINE TAIWAN TECHPULSE 2019）日前於和平籃球館順利落幕，這已經是 LINE 在台灣所舉辦第四屆開發者大會了，隨著參加者越來越踴躍，今年的參加人數達到新高峰的 1200 人，足見這場盛會備受矚目的程度。 大會除了為台灣開發者提供來自日本 Line 開發者大會（LINE DEVELOPER DAY 2019）的第一手訊息，並分享眾多領域的最新趨勢外，LINE 台灣董事總經理陳立人也在大會上宣布：2020 年 LINE 旗下服務將全面導入 人工智慧 LINE BRAIN。 亞洲 AI 先驅「LINE BRAIN」最快 2020 下半年在台試行 「我們希望成為亞洲 人工智慧 的領先者。」陳立人說。 LINE BRAIN 整合了 LINE 旗下各項人工智慧技術，目前正在規劃最佳的模式，以將 LINE BRAIN 導入台灣市場。 至於推動進程，陳立人表示：會參考台灣其他新創開發工具與技術平台，上半年先將 AI 技術運用在 LINE 自身服務上，著重蒐集台灣用戶的反饋以提升使用者體驗；下半年開始尋覓技術夥伴，將鎖定系統整合業者或企業技術部門深度合作，以期貼合台灣使用者的需求，為 LINE BRAIN 找到最「貼地氣」的實現場景。期待最快 2020 年下半年即可在台開始試行。 LINE BRAIN 計畫主要聚焦在八大人工智慧領域，包含：自然語言處理、語音辨識、電腦視覺、OCR、臉部識別、影音處理、資料分析、語音合成。 八大AI領域　團隊成員包含各種專業人才 ▲ 「LINE AiCall - DUET」是 LINE BRAIN 八大 AI 服務中的其中一項「語音合成（Voice）」，能識別客戶的話語，能幫助店家在業務繁忙時，即時回應客戶預約等需求。 在總部的 LINE AI 架構圖中，說明的即是 LINE BRAIN 的技術總覽，將八大領域連結 LINE 提供的服務，如下所示： 1. 自然...

將JavaScript的函式回傳是常遇到的事~但如何順利進行?用這招就對啦! 一個 JavaScript 函式（function）可以選擇使用 return 語句，讓 函式 回傳結果。當你進行到需要結果的計算時，此語句可說是非常有用！ 而當 JavaScript 執行到 return 語句時， 函式 則會停止執行。 return 語句可用來回傳結果。如下例，對兩個數值 x,y 進行運算後回傳結果： See the Pen JavaScript15-theReturnStatement by Tedutw ( @Tedutw ) on CodePen . 如果你不從函式回傳任何內容，它將回傳為 undefined。 例如，我們將上述的例子中，「return a * b;」改為「return;」，則結果如下面所示： See the Pen JavaScript15-theReturnStatement-1 by Tedutw ( @Tedutw ) on CodePen . return 語句要寫在函式定義的最後方，另一個 return 語句的範例如下： See the Pen JavaScript15-theReturnStatement-2 by Tedutw ( @Tedutw ) on CodePen . 延伸閱讀文章： JavaScript初學者的入門天地!(12)使用者定義函式 JavaScript初學者的入門天地!(13)函式中的參數 JavaScript初學者的入門天地!(14)函式中使用多參數 履歷還不夠漂亮嗎? 快去報名Java,UI課程等等,為自己寫一份完美履歷吧!! 權威指南說:Java課程是一生必學的事!你學會了嗎?  再不學Java課程就落伍了!不要懷疑!它是能改變你生活的仙丹! 美國NASDAQ上市公司、外商IT教育培訓企業 2天考取Google Ads證照！新手廣告投放攻略 擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師 44歲媽咪順利轉職網頁設計師, 家庭事業都得意 零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAd...