Java瑪奇朵-非本科系的IT吃喝電玩日誌

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
本篇為Audi篇的下集，上集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!（上）】請點此

UI設計補給站:奧迪,福斯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 的設計原則與方針。
▲ 各式新的 Audi 廣告，應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。
Strichpunkt 表示：這一連串的互動式工具，都是為了讓新的 Audi 品牌設計方針「更平易近人」，與 Audi 的新品牌識別「accessible to everyone（每個人都可使用）」相呼應。「這是汽車業的創舉，為新的開放式的象徵（a symbol of new open-ness）」。
本篇為Audi篇下集，下一篇為福斯UI的介紹【不落後於 Audi，福斯跟進「數位優先」視覺辨識與UI】請點此

UI設計補給站:奧迪,福斯LOGO平面化(下)
 
想看更多UI,

UX的文章請點下方連結~
 
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

今天的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 的新 UI 設計：「介面佈局大至上分為垂直和水平的區塊，以達成視覺上的平衡。內容則顯示在這些方形區塊中；而這些方形區塊也置入於與設備的（螢幕）邊緣隔開的網格中。當這些方形區塊被賦予其他的附加功能時，則被視為「卡片」。為了被使用者重視，所有的元素都在階層式的結構中突出顯示。

▲ 替 Audi 設計新 Logo 的設計公司 Strichpunkt 上傳的 Audi 品牌重塑影片-展示了 Audi 的品牌形象、字體、網站以及各裝置的 UI 使用者介面。
根據裝置螢幕的大小，Strichpunkt 使用了簡單的黑色、白色、灰色、紅色和不同色階的銀色，以及不同的字體大小。您可以在這裏找到更多有關Audi UI 使用者介面設計的詳細信息。
▲ Strichpunkt 為了 Audi 的新 UI 設計，所打造的全新 2D 化 Logo、新 Audi 字體、品牌配色；下方則是用於網站、app、車用數位裝置的線條化圖標以及 S 型曲線模式
新的Audi Logo-2D扁平化
▲ Audi 的新 Logo 由原本的立體風變為 2D 平面風，俐落的外型更適用於嵌入各式各樣的設計。
Strichpunkt 替 Audi 完成了新的 Logo 設計，一改原本的「仿3D」立體設計，而以 2D 的 Logo 取代之。Logo 造型為扁平的四個圈圈、沒有品牌文字在 LOGO 下方、顏色非黑即白。
本篇為Audi篇上集，Audi篇下集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!】請點此

UI設計補給站:奧迪,福斯LOGO平面化(中)
 
想看更多UI,UX的文章請點下方連結~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

在成為一名專業的UI,UX設計師前,除了專業課程外你還需要上一堂視覺感知心理學的課程!!快點進來看看吧!!
最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知，有對我很有幫助，其中有一條：平均每個人在記憶時候最大數量為7個。

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

不論你已是UI設計師還是正在學習UI的同學~都不要錯過今天的品牌重塑數位優先的文章喔~(上)

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

不論你已是UI設計師還是正在學習UI的同學~都不要錯過今天的品牌重塑數位優先的文章喔~(上)

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

不論你已是UI設計師還是正在學習UI的同學~都不要錯過今天的品牌重塑數位優先的文章喔~(上)
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 的新 UI 設計：「介面佈局大至上分為垂直和水平的區塊，以達成視覺上的平衡。內容則顯示在這些方形區塊中；而這些方形區塊也置入於與設備的（螢幕）邊緣隔開的網格中。當這些方形區塊被賦予其他的附加功能時，則被視為「卡片」。為了被使用者重視，所有的元素都在階層式的結構中突出顯示。

▲ 替 Audi 設計新 Logo 的設計公司 Strichpunkt 上傳的 Audi 品牌重塑影片-展示了 Audi 的品牌形象、字體、網站以及各裝置的 UI 使用者介面。
根據裝置螢幕的大小，Strichpunkt 使用了簡單的黑色、白色、灰色、紅色和不同色階的銀色，以及不同的字體大小。您可以在這裏找到更多有關Audi UI 使用者介面設計的詳細信息。
▲ Strichpunkt 為了 Audi 的新 UI 設計，所打造的全新 2D 化 Logo、新 Audi 字體、品牌配色；下方則是用於網站、app、車用數位裝置的線條化圖標以及 S 型曲線模式
新的Audi Logo-2D扁平化
▲ Audi 的新 Logo 由原本的立體風變為 2D 平面風，俐落的外型更適用於嵌入各式各樣的設計。
Strichpunkt 替 Audi 完成了新的 Logo 設計，一改原本的「仿3D」立體設計，而以 2D 的 Logo 取代之。Logo 造型為扁平的四個圈圈、沒有品牌文字在 LOGO 下方、顏色非黑即白。
本篇為Audi篇上集，Audi篇下集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!】請點此

品牌設計平面化如何辦到?奧迪,福斯示範給你看!!(中)
 
想看更多UI,UX的文章請點下方連結~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

UI,UX也要跟上5G新時代~你準備好了嗎?快一起跟上吧!!(下)
本篇為下篇，上篇「5G影響下的

UI設計趨勢」請點此

迎接5G時代~UI, UX也要跟上新趨勢!!(上)
5G影響下的UX設計趨勢
1. 為「速度」而設計（Designing for speed）
如前所述，5G將在全球開始普及，數據傳輸速度大大加快的同時，也代表讀取時間大大減少，幾乎趨近於零。對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世代會給它們更多發揮的舞台、依然有無限的發展可能！
 
更多UI, UX文章請點下方連結喔~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

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

迎接5G時代~UI, UX也要跟上新趨勢!!(下)
 
更多UI, UX文章請點下方連結喔~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

你是UI,UX設計師嗎?你夠瞭解你的產業趨勢嗎?快來看看這篇為大家整理好的文章吧!!(下)
本篇為下篇，上篇「5G影響下的

UI設計趨勢」請點此

UI, UX設計師非知不可的5G時代趨勢!!(上)
5G影響下的UX設計趨勢
1. 為「速度」而設計（Designing for speed）
如前所述，5G將在全球開始普及，數據傳輸速度大大加快的同時，也代表讀取時間大大減少，幾乎趨近於零。對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世代會給它們更多發揮的舞台、依然有無限的發展可能！
 
更多UI, UX文章請點下方連結喔~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

你是UI,UX設計師嗎?你夠瞭解你的產業趨勢嗎?快來看看這篇為大家整理好的文章吧!!(上)
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, UX文章請點下方連結喔~
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

新手剪輯師最需要的常犯誤區達內教育都幫你整理好了!!快來好好研讀一下吧~
達內教育 VFX 影像後製課程分享：國外一名擁有十多年經驗的影片剪接師，分享了一些新手剪輯師常犯的錯誤 —— 你會驚覺，這些錯誤是如此的常見。有可能是因為新手們不太清楚以下的剪輯小撇步：
這篇文章中，列出了 10 個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。
凌亂的的資料夾
身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。
所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。所以，這舉手之勞可是會讓別人大大感謝你的。
其實，檔案管理不只讓新手剪輯師苦惱。今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！
混亂的時間軸
井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。遵從以下幾點，就能避免時間軸混亂的災難：

替你的影像軌、音軌命名

讓每個組件都在指定的影像軌、音軌中

善用顏色標籤來分類不同類型的剪輯片段

別在時間軸的結尾任意留下垃圾

 
 
錯誤的版本管理

This was organized by an actual video editor. pic.twitter.com/VzYjMJ61DL

— Matt Penn (@mattpenndotcom) January 18, 2018

身兼導演、後製監製的 Matt Penn 分享了這張「錯誤的版本管理」照片。版本管理是新手剪接師必學的關鍵技巧，想做好版本管理，有兩大基本要點：

複製你的剪輯時間軸

清楚的命名每個檔案

一般來講，當檔案按字母排列時，在檔名前面加上「*」號或「空白」，將使這個檔案出現在資料夾的最頂端，有助於一眼就看見目前正在編輯的檔案。當然，也可以在檔名中加入日期，這樣你才能夠快速查看哪個檔案是最新編輯過的。
沒有自動儲存或檔案備份
與版本管理息息相關的是，你必須設定自動儲存備份檔（普遍5~7分鐘必須備份一次），萬一你的電腦突然掛了，你才不會損失太多心血。
大多數的「非線性剪接」軟體（NLE）不是預設成「自動儲存」為關閉狀態，就是自動儲存的時間間隔太長。在 15 到 20 分鐘內，我已經做了很多決定及微調，在完成了大量的修改後，我需要剪輯軟體能更頻繁地儲存我的更動。
所以每次當我開始使用的剪輯系統時，首要工作就是檢查「自動儲存」設定以及「復原」功能，然後我會上載我的自訂鍵盤熱鍵。
音軌不順或雜音四起
另一個常見錯誤，就是在剪輯音軌時，產生的小雜音(pops and clicks)。在編輯時，如果在「零交叉點」不加入音軌訊號，就會發生這種情況。如此一來，在兩個剪輯片段之間的訊號便會跳轉，而產生小雜音(pops and clicks)。
避免這個錯誤最簡單快速的方法，就是選擇整個音軌並點擊「添加預設轉場」，將你的預設音軌轉場設為（大約）兩格。這個實用的小技巧可能無法套用在你編輯的每個片段中，還是要看你剪輯的每個段落做微調，但這個小技巧能讓你避免大部分音訊不順的狀況，值得一試。
平庸的背景混音
其中一個將影片氣氛以及情緒烘托起來的妙招，當然就是加入背景音樂。在沒有人說話時調高背景音樂，並在對白時降低音量是個很好的作法。
而新手剪輯師常犯的錯誤就是，在對白時確實降低了音量，卻沒有在對白結束後再條回來（即使只是一些些微調）。雖然這只是剪輯時的小細節，但若忽略了這樣的小事，將使你的影片略為平淡。不論是哪一類的推廣影片或是預告片，這樣的小細節都是讓影片保持活力，至關重要的細節。
馬虎的配樂編輯
許多新手剪輯師總認為，隨便丟一段配樂，讓他從頭播到尾，就算是完成配樂了。這麼做當然會多加一層配樂，但是同段音樂不一定適用在影片的每個部分。
舉例來說，以下由 Auralnauts 發布的【如何製作賣座電影預告片】的影片分解中，至少用了三到四個截然不同的配樂。

也許它們聽起來，就像是擷取自同個音軌。但事實上，它們是一段複雜的配樂剪接，在各個片段的旁白間完美轉場，並傳達了整部影片中高昂的情緒。
花點時間在每段影片中配上合適的音樂，並讓他們毫無違和的連貫在一起，比從頭放到尾只有單一配樂好太多了。
差強人意的標題與字幕
接下來，第八個新手影片剪輯師最常犯的錯誤就是差強人意的標題和字幕設計。這裡有一些細節要注意：

錯別字

難以閱讀的字體設計（沒有考慮背景顏色、字型或陰影）

字體版面配置過大

在錯誤的位置插入文字（例如將字體放在螢幕邊緣）

如果你不太確定怎麼做，那麼從頭到尾維持客戶指定的字型就對了！切記確保文字精簡扼要、不過度搶眼。或是直接到下載免費的英文 4K 字幕字體如下所示：

若你依然對字體的設計有許多疑問，這裡也有一些中文字體與字幕設計的教學與工具介紹，快來看看吧！
錯誤編碼和影片速率
近年，影音剪輯軟體為了降低剪輯影片的難度，都預設了解碼器和影片速率，只有在遇到剪輯問題時，新手剪輯師才發現剪輯並不光是將影片丟上軟體這麼簡單。尤其當你的攝影作品是以「多鏡頭模式」（ multi-camera shoot ）進行拍攝時，錯亂的影格率很可能導致不同鏡頭的畫面無法同步，也可能會出現畫面閃爍、斷斷續續的情況。
此外，如果你的編譯器、分辨率和檔案格式全部攪和在一起的話，影片的質量理所當然的不會好到哪兒去。所以儘量接觸一些剪輯的基礎知識，像是你所使用的剪輯軟體中的編碼器、支援影格率以及檔案格式等等的最佳操作說明。
缺乏自我專業度的提升
最後，若你想以剪輯影片為專業，或者你想要在剪輯領域繼續精進自己，能夠持續的接觸最新的資訊以及自我進修資源是非常重要的，別只停留在 Youtube 上的免費教學！
達內教育 VFX 影像後製課程的老師就建議國外有 15 個 VFX 的部落格，是自我進修的好管道。若你想要更有系統的教學，可點這裡洽詢國內專門教授 VFX 影片後製的補習班洽詢量身打造的課程喔！
 
更多關於達內教育的文章請點下方連結~
 
 
 
其他閱讀
哪些品牌在東方富比世榜上有名? 達內教育,海爾等等知名企業都進榜!!
機器人會跟你搶飯碗?達內教育教你如何善用人工智慧!
對自己未來很迷茫?聽林同學給達內教育評價,你會發現...
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
 

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()