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

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裡的訊息框分成三種,而它們各自有不同的功能,今天一起學好學滿! 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多了哪些和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中的函式回傳結果嗎?學完之後才發現原來這麼簡單! 一個 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函式的參數,這篇則是教你如何在當中使用不只一個參數! 函式中使用多重參數 在上一篇關於 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...

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