發表文章

目前顯示的是 12月, 2019的文章

奧迪.福斯雙雙落實"數位優先"的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 的新品牌識別「accessibl

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

圖片
你聽過落實"數位優先"的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太會寫假新聞? 日本研發人工智慧人妻?假的!但是本尊也是美女,還會跟你閒話家常   攝影機成為日常生活裡的重大危機 《真相捕捉》最後一集在 BBC 播出時,

讓我們一起來期待Line和人工智慧的合作,肯定會有超屌的功能!

圖片
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初學者的入門天地!(15)函式回傳

圖片
將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 認證?五種 GoogleAds 廣告