省油達人就是人工智慧啦!規劃最省油路線讓你荷包不失血!

省油達人就是人工智慧啦!規劃最省油路線讓你荷包不失血!
省油達人就是人工智慧啦!規劃最省油路線讓你荷包不失血!

人工智慧竟然還能規劃最佳省油路線?!再也不用擔心荷包大失血了!

 

motorcycle-route-630x420-1.jpeg

路線示意圖(圖片來自 Unsplash)

 

目錄

1. 環保與省錢兼得:Google人工智慧定義「省油路線」

1-1. 美國優先上線 明年可望推至其他地區

1-2. 省油、省時、省錢兼具

2. 節能減碳優先!Google 搜尋加強曝光油電/電動車

3. 借助人工智慧應用與技術,交通堵塞降二成

 

環保與省錢兼得:Google人工智慧定義「省油路線」

隨著國際油價漲不停,光是上個月油價國內油價就連四漲。因為石油輸出國家組織和俄羅斯等產油國聯盟(OPEC+)僅「適度地」供應市場,加上美國庫存下降,因此今年油價創 2015 年以來最長連續上漲週數。

 

而 Google 於 10 月 6 日推出 Google Maps 新功能:透過人工智慧技術與美國國家可再生能源實驗室(NREL)數據所提供的「環保路線」,能把紅綠燈等因素考量進去,計算出最省燃油消耗量又兼顧到達時間快速的路線,在落實更多環境保護的理念之餘,也替使用者大幅省下汽油費用。

 

美國優先上線 明年可望推至其他地區

目前此款新功能先於美國上線,讓使用者抵達目的地除了可以選最快路徑之餘,也延伸至節能省碳的領域。預計在 2022 年後,歐洲以及其他地區的用戶也能享用到這款兼顧荷包、行車效率與節能減碳的新功能。

 

根據 Google 執行長皮查伊(Sundar Pichai)所述,人類的生活習慣與氣候變遷是息息相關的。因此 Google 將持續優化「環保路線」功能,並加以推行至各國,有望在 2022 年底累積超過一億的使用人數。如此一來,全球用戶都機會一起解決環境問題、實現永續經營的理念。

 

省油、省時、省錢兼具

Pichai 指出:很多人每天通勤的方式——開車,是碳排放量較高的選擇之一。從今天開始,Google 地圖會對「位於」美國的用戶顯示「最省油的路線」(如果最省油路線與最快路線的到達時間相近的話);相同也將於 2022 年後適用於歐洲的用戶。此「省油路線」預計每年可減少超過一百萬噸的碳排放量(相當於路上少了超過 20 萬輛車),還能幫使用者節省汽油費用。

 

另外,如果「省油路線」省下的油耗量過少或使行車時間大幅增加時,Google 地圖會顯示不同路線之間相對省下的油耗量,方便用戶進行比較。

google-maps-fuel-efficient-1-768x513-2.jpeg

 

節能減碳優先!Google 搜尋加強曝光油電/電動車

除了「省油路線」之外,Google 也調整自家的搜尋功能,讓用戶更容易看到油電混合或電動車的選項、並且與汽油車進行比較,協助用戶找到折扣、在購買前能全盤掌握價格。此功能將於今年在美國推出,2022 年還會新增更多功能。

 

既然是以「節能減碳」為前提,當然,開車並非長久之計。所以Google Map 也為騎自行車的用戶設計了輕便版的 lite 導航;也協助全球 300 多個城市(包括台灣台北市)中的用戶更易找到共享單車或機車。

 

借助人工智慧應用與技術,交通堵塞降二成

Google 一直持續尋找讓整個城市的交通更順暢的方法。在先前的研究中,Google 就將人工智慧應用在優化紅綠燈的效率上;目前 Google 仍然持續在以色列進行這項研究,用於預測路況、改善交通號誌的變換時機。而該項研究成果顯示:當地居民的耗油量、還有堵在十字路口的時間,全都因此減少了 10%-20%,未來預計這項研究將會擴展到里約熱內盧和其他城市。

 

Google 執行長皮查伊(Sundar Pichai)說道,這些新功能都是為了能夠促進大家實踐環境永續的選擇。從個人來看也許沒什麼,但是但愈多人都在使用時,對環保就會產生較大的正面迴響,為全球暖化提供解決問題方案。Google 會持續探索產品中的各種可能性,迎向永續發展的未來。

 

 

 

 

推薦文章:
人工智慧也跨界心理治療!24小時待命的認知治療 AI-Woebot


AI 知我心!能夠判別憂鬱症的人工智慧


人工智慧可預防阿茲海默症!日研發 AI 醫療準確率達 85%


生物學最大謎團被人工智慧 破解!DeepMind 攻克「蛋白質折疊」奧秘


不用會後悔!12個神好用UI/UX設計工具!(一)


電商正夯!還不快點把握今年度5大UI/UX設計重點!(上)


特斯拉自研發超高效能晶片D1,訓練人工智慧效率光速快!

人工智慧醫療大突破!內視鏡AI檢測快又準,降低罹癌風險!

人工智慧醫療大突破!內視鏡AI檢測快又準,降低罹癌風險!
人工智慧醫療大突破!內視鏡AI檢測快又準,降低罹癌風險!

內視鏡AI檢測真的是人工智慧醫療界一大突破呢!不僅檢測快又準,還能降低罹癌風險!

 

 

目錄

1. 致命大腸癌年奪五千條命!腸道結構複雜漏診率增

2. 人工智慧醫療首例!內視鏡輔助AI獲FDA批准

3. 大大減低大腸癌發生率!人工智慧醫療檢測靈敏度達 99.7%

 

致命大腸癌年奪五千條命!腸道結構複雜漏診率增

根據衛福部最新統計,癌症已經蟬聯 39 年國人死因首位,平均一年奪走 5 萬左右的生命;而最新癌症死因的前三名分別為肺癌、肝癌、大腸癌。

隨著醫療科技的進步,腸癌檢查的內視鏡敏感性及準確性都高過其他的檢查方法——透過內視鏡,可以直視、活檢或全瘤切除,但礙於大腸的結構、病變差異等原因,常常發生漏診的情狀。

 

人工智慧醫療首例!內視鏡輔助AI獲FDA批准

「GI Genius」的官方介紹影片(影片嵌入自 https://www.medtronic.com/)

 

近期,全球首例獲得 FDA(美國食品藥物監督管理局)批准的腸癌瘜肉檢測系統—「GI Genius」系統是內視鏡 AI 輔助檢測工具,也是大腸癌篩檢領域中第一款使用機器學習的人工智慧醫療輔助系統。

 

在大腸鏡檢查過程中,該系統會識別並標示出潛在病變 (例如息肉或疑似腫瘤) 的部位,藉此提醒臨床醫師必須進一步評估或處理,例如組織採樣或切除息肉等。

 

大大減低大腸癌發生率!人工智慧醫療檢測靈敏度達 99.7%

影片左側、右側分別展示一般內視鏡、GI Genuis 所照出來的畫面。(影片嵌入自 https://www.medtronic.com/

 

研究結果顯示,GI Genius 檢測速度可比醫生還快,靈敏度甚至可高達 99.7%、錯誤率低於 1%,大大提高瘜肉的檢出率,甚至連傳統大腸鏡不容易檢出的「扁平息肉」都能驗出!大腸癌主要是由大腸內的腺瘤瘜肉癌化所導致,透過這樣的人工智慧醫療系統,就能落實早期發現腺瘤瘜肉並切除之,大大地減少大腸癌的發生。所以醫生可用 GI Genius 提高檢測準確度、降低罹癌風險:體內腺瘤檢出率每增加 1%,腸癌風險就跟著降低 3%。

 

這次美國 FDA 依據「GI Genius」的臨床試驗數據,首次批准人工智慧醫療器材應用在臨床上,也是第一個智慧醫療案例。「GI Genius」不僅能提高腸胃道病變的篩檢率、還能夠減少病灶的遺漏跟誤判,可見 2021 已進入智慧醫療領域的時代,未來將會有越來越多的 AI 醫療開始用於臨床來輔助醫師。

 

 

 

推薦文章:
人工智慧也跨界心理治療!24小時待命的認知治療 AI-Woebot


AI 知我心!能夠判別憂鬱症的人工智慧


人工智慧可預防阿茲海默症!日研發 AI 醫療準確率達 85%


生物學最大謎團被人工智慧 破解!DeepMind 攻克「蛋白質折疊」奧秘


軍事結合人工智慧!以色列戰隊致勝關鍵!(上)


網頁設計師的秘密法寶!12個UI/UX設計工具報你災!(一)


富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(上)

 

金融資安守門員!人工智慧防堵洗錢一把罩!(下)

金融資安守門員!人工智慧防堵洗錢一把罩!(下)
金融資安守門員!人工智慧防堵洗錢一把罩!(下)

交給人工智慧把關金融資安就對了!防堵洗錢樣樣行!(下)

 

本文為下篇,上篇請看此連結

 

人工智慧應用於防制洗錢的方式:

從大數據中辨識可疑訊息

所有的網路資料,在一開始都是未整理的大數據,是非結構式的資訊。而人工智慧可以自動判別非結構式的網路資訊,如果偵測到跟金融交易或相關資訊,便能迅速提前通知,可以十分有效防範詐騙或是大量金錢的異常出入。

 

人工智慧挖掘交易者的人際關係

問題帳戶背後所呈現的個體、群體交易聯繫,可以讓人工智慧透過最短路徑算法搜尋洗錢個體之間的中介。比如:如果是企業與企業之間帳戶,直接交易百萬金額,其洗錢疑慮相較於較低;如果是百萬金額分批從數個不同公司轉出,但是共同轉入的相同的個人帳戶,其疑慮就比較高。

 

自然生成可疑活動報告(SAR)

根據 1970 年的銀行保密法(BSA),反洗錢技術通常不會在其他報告(例如:貨幣交易報告)下標記可疑活動。金融機構有責任在 30 天內就其認為可疑或異常的任何賬戶活動提交報告。如果有必要收集更多證據,可以延長不超過60天。

 

交易監控閥值

依循交易偵測需求(例如:金額、次數、天期…)可以依需求於系統上自行調整,即時監控可疑交易。(例如:個人帳戶與企業帳戶分類不同,交易的監控標不同)

 

如何判別疑似洗錢的客戶交易

當消費者進行免臨櫃的線上開戶,需要如何進行身份認證?如何確認消費者本人真的有交易的意願?歸功於人工智慧發展的突飛猛進,AI 擁有「了解你的客戶」(Know Your Customer,KYC)以及「了解你的員工」(Know your Employee,KYE)的反內部詐欺制度。

 

善用防制洗錢的人工智慧應用與技術,便能協助反洗錢的工作人員們能專心擬定更精明的應對策略、工作效率也能夠隨之更高!

 

 

 

推薦文章:
Google 為保護隱私,棄 Cookie 卻改用人工智慧?


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google 加強隱私,讓你快速刪除 15 分鐘內搜尋紀錄


新網頁要多久才會被索引?Google:數小時到數週


軍事結合人工智慧!以色列戰隊致勝關鍵!(上)


人工智慧超強大!Codex讓你只要會說英文就能寫程式!(上)


特斯拉自研發超高效能晶片D1,訓練人工智慧效率光速快!

金融資安守門員!人工智慧防堵洗錢一把罩!(上)

金融資安守門員!人工智慧防堵洗錢一把罩!(上)
金融資安守門員!人工智慧防堵洗錢一把罩!(上)

交給人工智慧把關金融資安就對了!防堵洗錢樣樣行!(上)

 

目錄

1. 機會伴隨風險,需投入洗錢防制人力

2. 金融資安守門員:人工智慧定義反洗錢新規則

3. 人工智慧應用於防制洗錢的方式:

3-1. 從大數據中辨識可疑訊息

3-2. 人工智慧挖掘交易者的人際關係

3-3. 自然生成可疑活動報告(SAR)

3-4. 交易監控閥值

3-5. 如何判別疑似洗錢的客戶交易

 

自從 2020 年開始,COVID-19 疫情所帶來的經濟破壞,導致消費者與金融機構間的交易迅速轉往線上支付。許多面臨物價通膨的民眾,在荷包不斷縮水的情況下開始思考,如果只能將錢存入銀行過於欠缺彈性,但是如果像是使用信用卡、銀行貸款或融資,卻侷限在個人的信用評比而有其限制。因此,非銀行體系的私人金融單位在前述狀況下得以興起;這些單位濫用網路的各種交易工具,利用個人以利滾利的投機心態,催生了購買資產、存入金融機構帳戶或匯至人頭帳戶等洗錢方式。

(示意圖/取自網路)

 

機會伴隨風險,需投入洗錢防制人力

獲得2020年度最佳「反洗錢解決方案」,全球數據分析領域領導者(SAS)、安侯建業聯合會計事務所(KPMG),及台灣反洗錢推廣協會(ACAMS)最新發布的反洗錢技術研究顯示,美國銀行業每年投入反洗錢的預算已高達 250 億美元,因此各國財政部試圖建立更加嚴謹且精準的反洗錢機制。台灣的金融監督管理委員會,作為主管反洗錢政策的政府機關,則是在2020年8月正式發布「金融科技發展路徑圖」,積極協助各金融機構尋求新的市場需求與價值,共同打造安全的金融科技生態圈。

 

目前大部分銀行均採用「規則基礎系統」(rules-based)的方法偵測非法洗錢。但是,面對系統每次數千甚至上萬筆警訊,卻只能先以人工過濾判斷。同時,隨著偵測技術與時俱進,相關工作人員也增加不少負荷心力。因此,在金融單位系統不見得有良好串接或資料管理,便需藉由新的科技工具主導改變環境。

 

 

金融資安守門員:人工智慧定義反洗錢新規則

在各國不斷構思下,經過改良的資安技術,不只可以用來保障網路安全,同時也能夠真正減輕人力負擔。SAS 在許多國外金融機構發展的經驗指出,人工智慧(AI)和機器學習技術(ML),在反洗錢趨勢下不斷成長,超過半數以上(57%)受訪者已經在反洗錢程序中部署 AI/ML,或預計在 12-18 個月內設置這項技術。因此,人工智慧的運用不只作為產品服務面的多樣化,更成為金融業發展洗錢防制的核心技術,有助於在大數據中找出共通模式與連結,實踐資安的核心價值。

 

下篇請看此連結

 

 

推薦文章:
Google 為保護隱私,棄 Cookie 卻改用人工智慧?


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google 加強隱私,讓你快速刪除 15 分鐘內搜尋紀錄


新網頁要多久才會被索引?Google:數小時到數週


人工智慧編程工具Codex,讓你會講英文就能寫程式!(上)


超高效能人工智慧訓練晶片D1,竟出自特斯拉研究團隊?!


誰說只有人才能搞發明?人工智慧也能辦到還獲得發明專利!(上)

Google巧妙化解新技術FLoC產生的4大爭議!(下)

Google巧妙化解新技術FLoC產生的4大爭議!(下)
Google巧妙化解新技術FLoC產生的4大爭議!(下)

Google新技術FLoC因取代Cookie而產生的4大爭議,我們一同看谷歌如何巧妙化解!(下)

 

本文為下篇,上篇請看此連結

FloC將使用者分群,取代 Cookie個人識別

 

FLoC 將讓 Google 旗下產品不再仰賴 Cookie來紀錄分析個人使用行為。相較於識別「個人」行為的 Cookie, FLoC 是根據使用的網站瀏覽行為,將行為相似的人們分成多個群組,每個群組擁有一組 ID,廣告主就會再針對同一群組顯示相關的廣告。

 

FLoC 的作法雖然可以讓人們隱身在興趣相投的群組中,而且所有瀏覽歷史紀錄以及其他數據都將保留在本地。不過還是受到各界不同的質疑意見。Google 隱私沙盒的核心工程師 Josh Karlin 就將 FLoC 發佈至今所受到的爭議歸納成以下四點,並一一做出答覆:

 

爭議一、網站會被自動加入FLoC的廣告投放實驗中

Josh Karlin 回應:現在已經不會自動將網站加入 FLoC 的廣告投放實驗中,而是由網站選擇是否透過 API 加入。

 

爭議二、群組代號太抽象,無論是使用者與技術專家都不易理解

Josh Karlin 回應:為了能夠讓用戶、技術專家更好理解群組概念,他將改以基於領域的主題名稱(Topic)取代原本的群組代號(Cohort)。舉例而言:原本的群組代號為數字「21849」被「美麗與健康」這樣的興趣分類取代。

 

這些方式讓瀏覽網頁的使用者,清楚的理解自己怎麼被敘述,並且透過明確的主題內檢視是否涉及敏感的資訊。

 

爭議三、FLoC 的群組容易被數位指紋技術(註:fingerprinting,數位指紋提取,用以收集使用者手機、電腦型號等訊息)追蹤;

Josh Karlin 回應:說透過上述的主題標籤分類方式,預計可將原本的上萬個代號群組,減少至數百種的主題標籤群組,進一步降低群組被用於指紋追蹤的可能性。

 

爭議四、敏感性資訊仍有被洩露的疑慮。

Josh Karlin 回應:「這些主題名稱將由人為策劃,以確保它們不含敏感性資訊」。就長遠看來,分類方法最好由外界建置與維護。

 

Google還在考慮,未來新增讓用戶選擇不要加入特定主題的功能。

 

結論: Google 正在嘗試以主題取代群組分類的方法,減少外界對 FLoC 的質疑。相關更多信息,請參閱:

 

技術討論與議題追蹤:https://github.com/WICG/floc

關於隱私沙盒:https://privacysandbox.com

FLoC 詳情及分析:https://www.chromium.org/Home/chromium-privacy/privacy-sandbox/floc

 

 

 

推薦文章:
Google 為保護隱私,棄 Cookie 卻改用人工智慧?


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google 加強隱私,讓你快速刪除 15 分鐘內搜尋紀錄


新網頁要多久才會被索引?Google:數小時到數週


心生病了該怎辦?人工智慧24小時待命為你的心治療!(上)


發明家不是人!人工智慧DABUS首位獲得發明專利AI!(上)


12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(1)

Google巧妙化解新技術FLoC產生的4大爭議!(上)

Google巧妙化解新技術FLoC產生的4大爭議!(上)
Google巧妙化解新技術FLoC產生的4大爭議!(上)

Google新技術FLoC因取代Cookie而產生的4大爭議,我們一同看谷歌如何巧妙化解!(上)

 

目錄

1. Google將棄Cookie廣告追蹤 新技術FLoC爭議多

2. 隱私權至上,廣告精準投放利器 Cookie 惹議!

3. FloC將使用者分群,取代 Cookie個人識別

3-1. 爭議一、網站會被自動加入FLoC的廣告投放實驗中

3-2. 爭議二、群組代號太抽象,無論是使用者與技術專家都不易理解

3-3. 爭議三、FLoC 的群組容易被數位指紋技術(註:fingerprinting,數位指紋提取,用以收集使用者手機、電腦型號等訊息)追蹤;

3-4. 爭議四、敏感性資訊仍有被洩露的疑慮。

 

Google將棄Cookie廣告追蹤 新技術FLoC爭議多

Google 聲明即將在 2022 年終止 Chrome 瀏覽器支援 Cookie,並且會以自家開發的廣告追蹤新技術「FLoC」取代(詳請可參考本文:Google 為保護隱私,棄 Cookie 卻改用人工智慧?),不過也引發了不小爭議 (參見:「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!)。因此 Google 隱私沙盒團隊資深軟體工程師 Josh Karlin 日前就針對四大爭議提出了初步的因應解方。

 

再了解這四大爭議之前,我們先來了解Cookie 的取代技術「FLoC 」吧!

 

隱私權至上,廣告精準投放利器 Cookie 惹議!

不管我們瀏覽什麼樣的網站,上面的廣告都跟曾經看過的產品/服務吻合!這一切都要歸功於瀏覽器所支援的第三方Cookie。Cookie 是經由造訪過的網站所建立的檔案,可以儲存個人的網站瀏覽行為。廣告業者可藉由 Cookie 所記錄的個人瀏覽足跡,精準投放「客製化的」廣告、並且檢視廣告成效,是撐起龐大數位廣告生態圈的關鍵之一。

 

隨著使用者隱私意識提高,Cookie 其實一直不斷備受爭議,目前已有多個瀏覽器響應阻擋第三方 cookie 的政策。但少了第三方的追蹤,將對數位廣告界帶來重大的變化。因此 Google 在 2019 年開始針對網頁隱私問題進行許多方式的改善,並且發起隱私沙盒(Privacy Sandbox)計畫號召各界提案,希望能在保護使用者隱私為前提下,又可以同時滿足廣告投放需求。

 

其中的第一個提案,就是Google力推的 FLoC 群組聯合學習技術(Federated Learning of Cohorts)。

 

下篇請看此連結

 

 

 

 

推薦文章:
Google 為保護隱私,棄 Cookie 卻改用人工智慧?


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google 加強隱私,讓你快速刪除 15 分鐘內搜尋紀錄


新網頁要多久才會被索引?Google:數小時到數週


電商變主流?!富比士提出5大UI/UX設計趨勢!(上)


超高效能人工智慧訓練晶片D1,竟出自特斯拉研究團隊?!


誰說只有人才能搞發明?人工智慧也能辦到還獲得發明專利!(上)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(4)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(4)
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(4)

掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(4)

 

本文為下篇,上篇請看此連結

 

Origami Studio 打造出 FB 與 IG 的UIUX設計

臉書(Facebook)可說是用來打造Instagram的原型UI/UX設計工具。即使不會寫程式的設計師也能以最快速的速度建立App原型(Prototype),還可匯出原始碼給工程師使用,拉近設計師與工程師溝通的距離。臉書(Facebooke)旗下許多使用者介面是Origami Studio設計和建立而成,例如,Instagram、通訊軟體Messenger、社團功能Groups等。

 

臉書(Facebooke)在 2013 年推出了這個原型製作工具。起初建立在蘋果圖形視覺化應用程式Quartz Composer上的工具,是原生OS X的應用程式,但 Xcode 環境的那部分並不是最好的原型製作選擇。所以臉書(Facebooke)去年推出了 Origami Studio。

 

 

Marvel:產出APP的設計圖

設計者不需要會寫程式便能輕鬆製作「會動」的app,這裡的會動指的是能夠像真正的app那樣操作,但是只能呈現靜態的畫面,也無法在手機中真正運行,不過最大好處就是只要有設計圖,就能快速產生初版的Prototype,不需寫出真正的App就讓使用者體驗到UI/UX設計,如果想要修改畫面也能快速修改完成。

 

 

Justinmind 節省UI/UX設計的時間

快速一體化的原型UI/UX設計可以讓設計人員專注於用戶體驗。很容易與最廣泛使用的設計平台結合,包括Sketch和Photoshop,可從這些平台中、瀏覽器或檔案系統中來新增內容和影像,甚至可使用Justinmind建立自己的UI圖庫,並提供全套模板來創建高擬真原型。

 

 

上述任何一個設計平台,都很適合目前的UI/UX設計師,與其花時間思考使用哪一個平台時,仍還是需要思考問題的本質,「心態」材是最重要的,有健康的心,在面對挑戰時試著使用適合的工具找方法解決,讓這些平台為整個團隊工作,自己在使用上越駕輕就熟,就越有時間與團隊和諧地進行網站創建工作。

 

 

 

 

 

推薦文章:
介面、體驗大不同!UI設計/UX設計工作內容完整剖析


疫情加速電商衝擊店面!富比士:2021年5大UI/UX設計趨勢


使用 A/B 測試來改善網站 UI 設計的 30 個例子


UI/UX 按鈕設計基本7個原則,優化電商轉換率


心生病了該怎辦?人工智慧24小時待命為你的心治療!(上)


發明家不是人!人工智慧DABUS首位獲得發明專利AI!(上)


東奧與AI技術的完美結合!7個黑科技報你知!(1)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(3)

掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(3)

 

本文為下篇,上篇請看此連結

 

Claritee:不會設計仍可從零上手

一款智慧型線框圖UI/UX設計工具,可以將想法轉換為可視線框圖,可以說是產品開發的關鍵一步,因為它提供一種低成本的可視化方法,不管設計者只有完成單個頁面還是整個網站,都可以自動查看互動式原型。這種方法是可以有效讓團隊提前評估資源創建跟投入時間外,還可以在原型設計呈現前解決問題。

 

 

InVision:讓團隊不失去方向,保持工作進度

在繁雜的團隊工作中,日復一日,總是容易迷失與工作效率低落,藉由這一款強化團隊溝通互動的原型UI/UX設計平台,簡化工作流程、掌握整體專案進度,縮短工作的流程與溝通。InVision提供從線框圖轉換到UI設計所需的所有元素,輕鬆實現團隊合作的呈現和原型設計。同時支持即時設計修改和收集團隊的快速反饋,設計師通常也會用來管理自己的工作流程及進度。

 

 

Axure RP:我很醜,可是我有脈絡

有別於Sketch介面的美觀,Axure更專注在使用者互動上,兩者各有特點,但是剛開始學習UI/UX設計容易過於注重表面的視覺呈現 (Visual Design) 而非核心的使用者需求 (User Needs)。Axure 的簡陋反而讓使用者能夠在產品設計前期排除視覺紛擾、專注在真正重要的事情上,快速繪製低擬真 (low-fidelity) 的 Wireframe,同時也可以做到中高擬真 (mid- to high-fidelity) 的互動原型 (Prototype)。

 

Axure RP將 SVG 導入、Sketch 和Adob​​e XD集成與原型製作功能相結合,輕鬆的將Adob​​e XD和Draw共享Axure RP原型和畫板,並且在螢幕頂部收集輸入。可以檢查佈局介面、獲取CSS片段和下載,同時將靜態圖像轉換為動態Axure Cloud原型。Axure RP還增加綜合文檔、自動化紅線和更完整的移交給開發人員,無需程式語言。

 

 

Framer:解決溝通上的煩惱

製作UI/UX設計原型最重要的目的就是「溝通」,近年來許多設計流程裡,開始重視”原型”的重要性,使用Framer原型設計中,使用者可以基礎的想法驗證,再根據測試結果來修正設計方向。這樣的測試循環,可有效降低部分設計錯誤。Framer所撰寫的語言則是 CoffeeScript,因此它的程式語言可以說是非常接近口語。但是使用介面與工作流程對初學者會有點複雜,需要開發人員和設計師投入大量時間來學習他們的方法。

下篇請看此連結

 

 

 

推薦文章:
介面、體驗大不同!UI設計/UX設計工作內容完整剖析


疫情加速電商衝擊店面!富比士:2021年5大UI/UX設計趨勢


使用 A/B 測試來改善網站 UI 設計的 30 個例子


UI/UX 按鈕設計基本7個原則,優化電商轉換率


特斯拉研發高效能AI晶片D1,完整滿足人工智慧的訓練需求!


發明家不是人!人工智慧DABUS首位獲得發明專利AI!(上)


壓力大受不了?臉書聊天AI聽你訴苦還會記住你說過的事(上)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(2)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(2)
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(2)

掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(2)

 

本文為下篇,上篇請看此連結

 

Figma:超人氣線上UI/UX設計

在和團隊討論進行時,腦袋靈光一現就可以立即記錄下來的線上工具,擁有自由拖曳的編輯器、框線創建,輕輕鬆鬆就將溝通內容即時落實在高擬真度的原型設計中!不僅如此,內建的動畫素材增添身歷其境的呈現效果。

 

Figma 從推出至今,愈來愈受到UI/UX設計師的青睞。這一款基於瀏覽器的協作式設計工具雖被廣泛稱為UX設計應用程式,但是也可使用於快速原型設計的軟體。其他功能包括 Figmotion 和 Autoflow 等外掛程式及Arc Tool和Vector Networks 的可用性。

 

 

Webflow:網站編輯,所見即所得

近年來流行的線上網頁架站平台,使用者大多介於「外行平面設計師」及「專業網站工程師」之間,即使不會 Coding 和切版,仍然可以輕鬆建置出個人風格強烈的網站。此平台提供乾淨、語意化的程式語言和設計可以有效加速開發人員的工作,內建程式為大眾皆可使用的零編碼,設計者便可直接創建網站的功能與版型,Webflow 會自動轉換為線上可使用的網站,因此不用等全部架構設計完成,便可以即時看見在網路上的呈現。

 

Sketch:歷久不衰的經典UI/UX設計工具

以簡單功能與UI設計專門為訴求,早期成為UI/UX設計師慣用軟體,較資深的設計者大多首選以此為主軸的設計流程。可以創建各種形式的使用者介面,例如瀏覽器、行動裝置或程式的按鍵執行,因此使用者目前已經達全球數百萬工程師。

 

Sketch提供流暢的設計介面與豐富的繪圖功能,設計師可以創建高質量圖像。強調介面性能的Sketch和可跨平台線上使用的Figma雖不同特點,但是能使設計者專注、快速的解決問題才是重點。

 

 

Mockplus:跨部門神器,讓不同團隊的人都看的懂!

簡潔易用並專注於原型設計的UI/UX設計軟體,非常適合跨團隊協作。可以有效幫助專案企劃有效的溝通網頁功能、軟體介面、App 互動,透過畫出原型,讓產品經理、設計師、程式開發、主管、客戶之間能夠了解產品本身的使用流程,把想像或文字化為具體可用的示範。

 

Mockplus支援不同平台 AxureSketchAdobe PhotoshopFigma and Adobe XD匯入原型設計。同時支援電腦版Windows和Mac的桌面應用程式及行動裝置系統iOS和Android應用程式,所有項目同步到 Mock PlusCloud,快速的組合中就能產生可以互動操作的原型圖。

 

下篇請看此連結

 

 

 

 

 

推薦文章:
介面、體驗大不同!UI設計/UX設計工作內容完整剖析


疫情加速電商衝擊店面!富比士:221年5大UI/UX設計趨勢


使用 A/B 測試來改善網站 UI 設計的 30 個例子


UI/UX 按鈕設計基本7個原則,優化電商轉換率


人工智慧也搞發明!還成為全球首例取得發明專利的AI?!(上)


超高效能人工智慧訓練晶片D1,竟出自特斯拉研究團隊?!


壓力大受不了?臉書聊天AI聽你訴苦還會記住你說過的事(上)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(1)

12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(1)
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(1)

掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(1)



目錄

1. 網頁設計、網頁開發、UIUX是什麼?

1-1. 網頁設計 (Web Design) 

1-2. 網頁開發 (Web development) 

1-3. 使用者介面設計(UI設計,User Interface)

1-4. 使用者體驗設計(UX設計,User Experience)

2. Adobe XD:整合在雲端上的UI/UX設計

3. Figma:超人氣線上UI/UX設計

4. Webflow:網站編輯,所見即所得

5. Sketch:歷久不衰的經典UI/UX設計工具

6. Mockplus:跨部門神器,讓不同團隊的人都看的懂!

7. Claritee:不會設計仍可從零上手

8. InVision:讓團隊不失去方向,保持工作進度

9. Axure RP:我很醜,可是我有脈絡

10. Framer:解決溝通上的煩惱

11. Origami Studio 打造出 FB 與 IG 的UIUX設計

12. Marvel:產出APP的設計圖

13. Justinmind 節省UI/UX設計的時間

 

網頁設計、網頁開發、UIUX是什麼?

隨著科技的進步,手機介面也越做越人性化,美觀大方的頁面讓你一頁接著一頁的滑。這時你不禁會想:只要會做網站的話,就能輕鬆設計出這樣美觀的介面嗎?其實未必!網站設計與開發的領域其實可細分成使用者介面(UI)、使用者體驗(UX)、網頁設計(Web Design)和網頁開發(Web development)領域,簡介如下:

 

網頁設計 (Web Design) 

網頁設計是一個廣泛的類別總稱,涵蓋各種關於網站視覺效果、網站可用性的領域,包含UI/UX設計等。

 

網頁開發 (Web development) 

製作網站的技術端部分,專注於 coding,也就是擁有第一段所述「做網站」的能力。網站開發可以分為網頁「前端」和伺服器端的「後端」。

 

使用者介面設計(UI設計,User Interface)

網頁設計的項目之一,處理人們與網頁、app互動的元件如按鈕、手勢識別等。

 

使用者體驗設計(UX設計,User Experience)

另一個網頁設計的項目之一,處理用戶在使用網站或應用程序時的行為和感受。其實UX 設計的日常工作中,視覺表現只能算是其中的一個項目。他們需要針對用戶進行深度研究,可說是人類學、心理學、人因工程學等的跨領域學問。

 

一個手機版的網頁,為要兼顧兼顧便利及美觀,因此對於頁面的動線、順序、流程與使用細節上都需要重視。並確認UI所設計出來的視覺,能傳達UX設計師展示的路徑。簡單來說,UI設計傾向於眼睛所看見的「外在呈現」,UX則致力於使用者的「內在使用感受」。UI可以是將UX理念實踐的美學工程師,可以透過以下12款常見的原型設計平台來執行:

 

Adobe XD:整合在雲端上的UI/UX設計

全名為 Adobe Experience Design,是UI/UX設計師最常見的向量繪圖程式,如果原本在平面設計上習慣使用Adobe 出的 Photoshop或Illustrator等軟體,使用 Adobe XD 時對於其操作介面會更直觀、容易上手。

 

框線構成的形式,整合設計師的思維、現有的工作流程,設計出電腦版、行動裝置的網站介面,可以隨時將原型設計圖輸出,直接分享給其他人觀看與操作,即時接收回饋並且修改。

影片連結:https://youtu.be/h4D0GGlYL1o

 

 

下篇請看此連結

 

 

 

推薦文章:
介面、體驗大不同!UI設計/UX設計工作內容完整剖析


疫情加速電商衝擊店面!富比士:2021年5大UI/UX設計趨勢


使用 A/B 測試來改善網站 UI 設計的 30 個例子


UI/UX 按鈕設計基本7個原則,優化電商轉換率


蘋果靠AI偵測兒童情色照,卻讓人擔心隱私疑慮!(上)


沒人陪你聊心事?!臉書AI陪你談心還會記得你說的話!(上)


人工智慧技術大突破!冬奧將引AI裁判為選手評分?!