Java課程是為了數位化的現在，Python課程是為了未來的人工智慧: 12月 2019

2019年12月31日星期二

2020不可不知的UI,UX趨勢!(下)

想知道UI,UX設計新趨勢嗎?看過來!

本篇為下篇，上篇「5G影響下的UI設計趨勢」請點此連結

5G影響下的UX設計趨勢

1. 為「速度」而設計（Designing for speed）

如前所述，5G將在全球開始普及，數據傳輸速度大大加快的同時，也代表讀取時間大大減少，幾乎趨近於零。不僅影響了 UI 的設計,對UX設計來說,這也同時意味著,一個新的標準，因為未來任何頁面、任何功能在任何時刻的延遲，用戶都不再接受。
有傳言2020年所有的iPhone都會支援5G，畢竟由奢入儉易、由儉入奢難，那時要用戶等那怕只有一秒都很難了！

2. 讀取進度條將被淘汰（No more loaders）

▲ 5G影響下的UX設計趨勢:讀取進度條將被淘汰

當網頁在加載時，常常會看到一個讀取進度條、或是不斷轉動的小圓圈，用來告知使用者還需讀取多久的時間。
延續上一項，因為過去的數據傳輸速度有限，但5G將使這些讀取進度條消失，漸漸地使用者會不想再看到讀取進度了。

3. 產品負責人不勝枚舉（Product owner everywhere）

產品負責人（Product owner）是指公司裡負責將產品價值極大化，並負責管理產品代辦清單，對產品負有最終責任。通常只會有一位產品負責人。
現今的數位或電子商務公司，整個公司有多個產品負責人已不是新鮮事，有APP程序負責人，後端產品負責人與SEO負責人等等。
2020年後，產品負責人從管理用戶需求、監督開發、確保測試改進到最終增加價值等，將在數位行業中廣泛使用。

UX稽核將成為趨勢（UX audit becoming a trend）

UX Audit、UX稽核，通俗地講就是 UX 健康檢查，UX Audit的目的是讓設計師找出其中使用者經驗還未臻完美的部分，提供改版時優化產品體驗的著眼點。
對快速發展的新創產品而言，很容易將不斷追加額外新功，但UX設計師的首要之務其實是要將一件事做到最好，不斷精進最核心的使用者體驗，這在未來將會更加被重視。
從2019年開始，UI與UX設計便是一種不能擋的趨勢，到2020年依然會繼續升溫，並且5G世代會給它們更多發揮的舞台、依然有無限的發展可能！

相關文章

2020必知的UI,UX趨勢!(上)

UI設計的五大黑色魅力 (上)

UI設計的五大黑色魅力(下)

人工智慧物聯網的未來生活想像

遵守五大SEO重點,靠跨境電商.多國語言網站發大財!

2019 Google 熱搜話題排行,數位行銷人必看!

想要讓網路行銷影片變得出眾?這十種文字特效不能不學!

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月30日星期一

2020必知的UI,UX趨勢!(上)

UI,UX在2020的新趨勢是什麼?

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設計趨勢」請點此連結

2019年12月26日星期四

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.

2019年12月25日星期三

Javascript入門必學14函式中的多重參數

Javascript入門必學,別只知道函式的參數,還有"多重參數"呢!

函式中使用多重參數

在上一篇文章「函式中的參數(Parameters)」中，介紹了函式的參數用法。本篇的JavaScript 教學則會介紹如何在函式 function）中置入多個參數的方法。
一個函式可以使用兩個以上的參數，參數間以半形的逗點「,」隔開。舉例來說,我們在名為「myFunc」的這個 JavaScript 函式中置入了三個參數，寫法如下：

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.

2019年12月24日星期二

Line全新服務!2020啟動人工智慧

Line將在2020啟動人工智慧計畫!激不激動啊?

▲ 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 提供的服務，如下所示：

自然語言理解（NLU）：

讓 AI 擁有理解人類語言的能力，應用在 LINE TODAY 的內容推薦、LINE 客服小幫手中的聊天機器人對話，與 LINE 購物相關搜尋等服務。

資料工程平台（Data）：

應用在 LINE SPOT、LINE 旅遊、LINE MUSIC、廣告精準投放等。

光學字元辨識（OCR）：

應用在建議貼圖與掃碼捷徑，也可讓用戶在 LINE 聊天視窗內選擇上傳照片至 LINE 伺服器進行分析處理，直接將圖片轉成文字。

語音辨識（Speech）：

▲ Line 語音助理「Clova」也加入 AI 戰局，要跟美國的 Alexa、Google Assistant 一決高下。

如日本推出的 LINE 智慧喇叭 Clova WAVE、以造型可愛博得用戶青睞的 Clova Friend、Clova Friend Mini，都搭載了智慧語音助理 Clova。

語音合成（Voice）：

語音識別和語音合成，都應用在日本推出 AI 訂位技術服務「LINE AiCall」，能以極為自然的方式，跟來電訂位的顧客對話，並且已有日本餐廳引入展開AI電話訂位服務的實測了。

臉部辨識（Face）：

今年在 LINE Developer Day 首次應用的的技術，例如透過視訊通話互動的「Face Play」新款遊戲。

影音處理（Video）：

自動特寫影片人物的影片自動剪輯能力。如大會現場展示了一段 AI人工智慧辨識偶像團體演出影片的技術，透過臉部、骨架和動作模式，可以清楚區分出每個成員並自動剪出特寫畫面。

電腦視覺（Vision）：

用於商品圖像搜尋、與聊天室可以使用的臉部AR：可以先辨識表情再轉換成對應熊大等虛擬角色的表情，而非只是把圖案貼在使用者臉上。

從即時通訊軟體到AI公司

「現在，LINE 已經是一家 AI 公司。」LINE 共同執行長慎重熩（Jungho Shin）揭示 LINE 的新定位。
從 2011 年問世開始，LINE 前幾年以擴大市場、搶攻用戶等一般通訊軟體的發展目標為主，但直到 2016 年開始轉而聚焦內容服務，以人工智慧技術為新的戰略目標，擁有每月 1.85 億活躍用戶群體和其資料數據的 LINE，在發展大數據技術上有得天獨厚的優勢，搭配AI優化各種與生活息息相關的服務和功能，可謂如虎添翼。
過去幾年，LINE 不斷招募大量 AI 人才，LINE 台灣也成立了自己的專業工程師團隊，成員包括資料工程師、資料分析師、自然語言處理工程師等等，目標是發展出頂尖技術，挑戰全世界的市場。
你我生活中不可或缺的 LINE，和旗下越來越多的相關服務，都已經引入人工智慧，是勢不可擋的趨勢，也代表了對相關從業人員的大量需求，不只 LINE，也有越來越多公司正擴大他們的 AI 版圖、建立台灣在地團隊。如果擁有相關專業技術，相信會是炙手可熱的人才喔。

訂閱：文章 (Atom)

2019年12月31日 星期二