發表文章

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

影響UI.UX設計的關鍵: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真的

JavaScript入門教學看這裡!(16)訊息框

圖片
JavaScript裡的訊息框分成三種,而它們各自有不同的功能,今天一起學好學滿! JavaScript 提供三種訊息框:alert、confirm、prompt,介紹如下: Alert警告提示框 當要確保信息傳遞給用戶時,就可以使用 Alert 警告提示框。 JavaScript 的訊息框提供了一個「確定」按鈕,讓使用者關閉該訊息框後才可以繼續進行操作。 Alert 警告提示框採用單個參數,即彈出框中顯示的文字,請看以下例子: alert("Do you really want to leave this page?"); prompt提示訊息框 JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前,必須先輸入訊息。 當 prompt 提示訊息框跳出時,用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。 如果用戶點擊「確定」,該框將顯示使用者輸入的訊息如果用戶單擊「取消」,則顯示「null」 如下面的例子,當使用者進入網頁時,網頁就會跳出一個 prompt 提示訊息框,訊息框上顯示「你今年幾歲?」,然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後,訊息框將會顯示「你今年_歲」;若使用者沒有輸入訊息或是按「取消」,則顯示「你今年null歲」。 // result = prompt(確認訊息框顯示問題); let age = prompt('你今年幾算?'); alert(`你今年 ${age} 歲!`); // 你今年_歲! confirm確認訊息框 JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。 彈出confirm確認訊息框時,用戶必須點擊「確定」或「取消」才能繼續。 如果用戶單擊「確定」,則該框將回傳 true。如果 用戶單擊「取消」,則該框將回傳 false。 如下例子: 當使用者進入網頁時,網頁就會跳出一個 confirm 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,接著讓使用者選擇輸入「確定」或「取消」。 若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」 若使用者沒有輸入訊息或是按「取消」,頁面則會顯示「感謝您選擇繼續瀏

人工智慧和Line會迸出什麼火花?快看這篇跟上腳步!

圖片
人工智慧終於也讓Line心癢癢的~一起來看看Line多了哪些和AI相關的功能!! ▲ 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課程是一生必學的事!你學會了嗎?  想要前進工程師,到底學Python還是Java的CP值高? 美國NASDAQ上市公司、外商IT教育培訓企業 2天考取Google Ads證照!新手廣告投放攻略 擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師 44歲媽咪順利轉職網頁設計師, 家庭事業都得意 零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻

JavaScript入門教學看這裡!(14)函式中使用多重參數

圖片
上篇分享了JavaScript函式的參數,這篇則是教你如何在當中使用不只一個參數! 函式中使用多重參數 在上一篇關於 JavaScript 的文章「 函式中的參數(Parameters) 」中,介紹了函式中的參數用法。而本篇 JavaScript 教學則介紹在 函式 (function)中置入多個參數的方法。 一個函式中可以使用兩個以上的參數,參數間以半形的逗點「,」隔開。例如名為「myFunc」的函式中置入了三個參數,其寫法如下: function myFunc(x,y,z) { //這裡寫上要執行的程式代碼,定義這個參數。 } 這些參數被使用於函式的定義中,關於寫法,請看以下範例: function sayAge(name,age){ document.write(name+" is "+age+" years old.") } 當你在宣告上述的「sayAge」函式時,就在小括號中寫入兩個參數的值(即為「引數 arguments」)。 兩個引數必須依照參數的順序來寫,請參考以下範例: See the Pen JavaScript14--function multiple Parameters by Tedutw ( @Tedutw ) on CodePen . 另一個三個參數的範例如下: See the Pen JavaScript14--function multiple Parameters-2 by Tedutw ( @Tedutw ) on CodePen . 假如你宣告函式之後,當你所輸入的引數數目小於參數時,則缺少的引數就被設置為「undefined」。 如下例中,我們定義了三個參數,但是只輸入了兩個引數,則第三個引數就會自動被設置為「undefined」。 See the Pen JavaScript14--function multiple Parameters-3 by Tedutw ( @Tedutw ) on CodePen . 相關文章: JavaScript入門教學看這裡!(12)使用者定義函式 JavaScript入門教學看這裡!(13)函式中的參數 JavaS

人工智慧的Deepfake技術,讓證據是真是假好難辨!

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