超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(五)

本篇為【UI/UX 設計工作完整剖析】系列的最後一篇,前四篇完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

結語:如何讓 UI/UX 相得益彰?

即使 UI 設計UX 設計是截然不同的專業、各自涉及迥異的技能,但它們都是彼此不可或缺的存在。

即使有精雕細琢的介面設計,也無法完全掩飾笨拙又難用的操作流程;而枯燥乏味的視覺設計是無法吸引使用者、從而埋沒了出色的使用體驗。

UI 設計師確立使用者介面的外觀,而 UX 設計師安排使用者介面的運作。在 UX 設計師在鑽研如何用有限的篇幅、提供使用者最多又不會過多的資訊時,UI 設計師正在努力讓這些繁雜的訊息精美地呈現在螢幕上。這是一個非常需要合作的過程,也有賴雙方緊密且良好的溝通。

以行動號召按鈕(Call to Action,CTA)為例,看 UX 與 UI 的分工:

1.UX 設計

提出需要多增加一個按鈕、為何如此能讓使用者滿意、決定如何重新安放所有按鈕。

2.UI 設計

設計新按鈕的外觀,而其他按鈕也可能受影響而需重新調整如形狀、顏色、大小、特效等外觀。

3.UI、UX 設計師重疊的互動設計

當使用者點下按鈕後將會導向某個頁面,UI 著重在按鈕外觀的能見度與視覺導引;而 UX 則著重在導向的網頁是否能夠滿足使用者的期待。

如此這般,UI 設計UX 設計師需要不斷地溝通協作,才能確保彼此的設計都能完美執行、與使用者的期望完美地吻合,最終創造出優秀的使用者介面與體驗。

如果你正在規劃要朝 UI 還是 UX 領域邁進,那麼最重要的還是思考自己對哪種設計類型比較感興趣。如果真的還不熟悉設計領域,建議這兩個方面都可以先嘗試一下,有了在這兩個領域的實際經驗後,不僅可以更了解自己適合哪個領域,也可以讓你在最後不管選擇哪一個,都能成為更好的設計師哦!

 

 

 

 

 

 

推薦文章:
人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


人工智慧結合換臉特效,細緻程度高達百萬畫素!(上)


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)

 

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(四)

本篇為【UI/UX 設計工作完整剖析】系列的第 4 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

研究是關鍵!無論 UIUX 都需要研究驗證

UIUX 若想要盡善盡美,最重要的的就是要做各種事前研究!

不管是 UI 設計UX 設計師,都必須先做各種功課——盡可能收集資料、行為數據最主要用來研究使用者的需求,思考、分析和預測使用者在當下可能的行為、行為背後的動機以及隨之而來的體驗感受。

而研究所得的數據資料將應用在初版設計上,接著有的 UIUX 設計師會透過真人測試或使用者訪談,取得使用者最直接的回饋、觀察並記錄使用者使用產品的整個過程、發現需求並構思解決方案,以確定設計能朝著正確的方向前進。

即使無法進行真人測試,也會透過 A/B 測試、易用性測試(Usability test)等方式在開發時就先測試找出問題,進一步對設計進行修改或優化。

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

而這樣「研究分析、設計開發、測試反饋、修改優化」的流程會重複多次,這樣的開發法又被稱為疊代式開發。與傳統的瀑布式開發相比,疊代式開發最能夠降低風險、提早得到使用者反饋,也具有更高的效率和成功率。

採用這種方法,可以在完全確定設計需求之前就開始進行開發,在一次疊代中先完成一部分設計,再通過使用者的回饋來細化,再開始新一輪的疊代。

對於 UI設計UX 設計師來說,事前研究都是非常重要,也都使用類似的方法,以求規劃出最適合的設計。

 

本系列文章未完,請點此看下一篇

 

 

 

 

 

 

 

推薦文章:
人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


怕被愛貓”戰利品”嚇到?!人工智慧貓門幫你把問題解決!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(三)

本篇為【UI/UX 設計工作完整剖析】系列的第 3 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

什麼是 UX 設計

UX 表示「使用者體驗」(User experience),顧名思義強調的是「使用者的感受」。

為了能夠帶給人們良好的體驗,必須先進行使用者洞察、產品研究、市場趨勢研究,到建立資訊架構、規劃任務流程、繪製線框圖(Wireframe)和與 UI 設計師溝通互動設計與視覺設計間的怎麼互相調和,最後交棒給工程師。

而使用者又將會得到怎麼樣的體驗,取決他們如何與應用程式互動:希望體驗流暢、直觀?那導引要設計的合乎邏輯;想讓使用者覺得自己有效地完成任務、而不是在打一場戰爭?這全部都取決於 UX 設計師的功力。

▲ 設計思維是一種以人為本的創新方法,它汲取了設計師的靈感,將人的需求,技術的可能性以及業績成功的需求整合在一起(來源:Unsplash)

 

當然使用者介面和體驗有著相輔相成、缺一不可,因此 UX設計師會跟 UI 設計師密切合作,這也是為什麼常常有許多人會混淆兩者。不同的是,UI 設計師的任務是確定使用者介面的外觀,而 UX 設計師負責確定使用者介面的結構、功能、操作方式和反饋體驗。

簡而言之,UX 如果設計良好、直觀又流暢,則使用者將獲得良好的體驗;反之則可能會把使用者趕跑,UX 設計師的工作就是努力避免出現第二種情況。那一個好的 UX 設計應該要具備有哪些特色呢?

好的 UX 設計 會具有的優點:

身為 Mailchimp 使用者體驗設計總監的 Aarron Walter 在他的《為情感而設計》(Designing for Emotion)一書中,告訴讀者如何才能讓使用者愛上你的網頁、產品或應用程式。

此書中參考馬斯洛需求理論、提出「使用者需求理論」,成為 UX 設計師思考與決策的重要參考值:

▲ 「使用者需求理論」金字塔從底層至頂層依序為:功能性、可靠性、實用性、趣味性

 

「使用者需求理論」金字塔從底層至頂層依序為:功能性、可靠性、實用性、趣味性。

從金字塔我們可以看出,產品所提供的「功能」是最基本需求;「可靠性」則是指在一定的條件、時間內穩定地達成使用者的需求;「實用性」表示使用者能順利透過產品完成他們的需求、並未來若有相同需求的時候,優先想到你的產品;最頂端的「趣味性」能滿足使用者的心理需求,作為與使用者的情感紐帶,讓使用者對產品產生好感與認同。

以上是 UI、UX 的差異分析與介紹,那它們兩者有什麼相同呢?又要如何才能相輔相成、成為完美的設計呢?

UX 設計人員也常會利用叠代式開發(iteration),即先製作其介面互動的線框稿,並以此獲得使用者的回饋,再將其整合到設計之中,獲得更好的版本。

 

本系列文章未完,請點此看下一篇

 

 

 

 

推薦文章:
美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


人工智慧幫傳統甜點命名,結果卻令人笑到噴飯?!


人工智慧貓門問世,不用擔心再被貓主子的”戰利品”嚇到!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(二)

本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

但隨著對 UI、UX 的認識日漸普及,目前的分工也越來越明確了,接著讓我們來看看 UI 和 UX 究竟是什麼吧。

什麼是 UI 設計

UI 表示「使用者介面」(User Interface),不管是網頁、手機 APP 還是電腦軟體,只要眼睛所看見的頁面都是 UI 設計的守備範圍。

從吸引使用者點擊的按鈕、閱讀的文字、文字輸入欄、空間配置、畫面排版、轉場和任何形式的視覺元素,一同組成一個龐大的視覺佈局。


▲ 這張照片是攝影師 Lubos Volkov 為 UX Store 拍攝的,同時提供了有關「如何成為更好的設計師」的提示。在你的技能達到一定的水平之後,就要不斷地學習新事物。(來源:Unsplash、uxstore.com)

 

除此之外,UI 也是人和電腦相遇的地方──電腦具備某種功能,人們想要利用這些功能,需要進行「輸入」(inputs)和「輸出」(outputs)。介面就是輸入和輸出的規劃安排,讓人們得以應用電腦來創造出他們所需結果。

以上工作由 UI 設計師負責,他們選擇配色方案、按鈕形狀、線條的寬度和文字的字體,精心打磨每一處「眉角」。而一個好的 UI 設計通常具有以下特色……

好的 UI 設計 會具有的優點:

1. 清晰

介面的所有視覺元素皆脈絡分明、一目瞭然,使用者不需要刻意思考每個元素的含意。

2. 熟悉

使用者可以依照過往習慣操作你的介面,例如:點擊一次為選取、點擊兩次則為打開該項目。

3. 一致性

保持整個介面的風格一致,這樣使用者可以習慣操作模式。

4. 防呆機制

一個好的使用者介面應該避免使用者不小心犯錯。

5. 事半功倍

好的介面可以讓使用者以最少的「輸入」達成所需的「輸出」,還能讓有經驗的使用者可以更有效率操作。 
▲ 一名設計師正在繪製 wireframe。(來源:Unsplash)

 

待設計完成後,UI 設計師會寫上標註和說明,轉交給工程師進行撰寫。因為需要與工程師溝通配合,UI 設計師必須跟上科技的進步,對程式語言也要一定程度的了解,以避免產生和工程師溝通不良的狀況。而帶有前端工程師及設計師雙技能的人會被稱為「介面工程師」(UI Developer),可以自己設計畫面也自己寫出網頁。

UI 設計師有時也會與「平面設計師」(Graphic designer)一同被討論,他們同樣關心美學、同樣要使介面充滿魅力、引人注目並切和主題,但平面設計師不需要考慮「使用者怎麼操作」的問題,平面設計基本上也不需要被操作;而 UI 設計師則要思考如何引導使用者操作並完成任務,因此兩者還是大不相同的。

 

本系列文章未完,請點此看下一篇

 

 

 

 

 

 

推薦文章:
五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


UI設計師的最佳神隊友,A/B測試例子大公開(一)


人生要自己決定怎麼過!品保人員靠Python課程翻轉人生!


人工智慧創意無極限,傳統甜點被正名為快活興奮劑?!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(一)

本篇為【UI/UX 設計工作完整剖析】系列的第 1 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

UI vs. UX 設計 – 為什麼容易搞混?

UI 設計UX 設計 常常混在一起使用,或者將兩者視為同一種專業,也有不少公司開出「UI 設計師」的職缺,卻要求應徵者要具備兩種能力,真的很令人困擾。

除了因對 UI、UX 不甚了解外,其中一個原因是 UX 包含的事情相較為廣泛:從介面設計、視覺風格、程式功能和運作效能等等都是其中一環,與 UI 設計或多或少有所重疊。而且大部分的專業設計師對這兩種專業都有涉獵,久而久之就常見 UI、UX 並稱的狀況了。

▲ UI、UX 設計雖為不同專業,但在某些方面會有重疊。(來源:Asinthecity)

 

本系列文章未完,請點此看下一篇

 

 

推薦閱讀:
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL


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


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


零基礎也能轉行軟體工程師?!達內教育辦到了!!


如何學好SEO課程?GA工作階段你必須先認識它!(上)

誰說UI/UX只是設計?!心理學還要會咧!!

誰說UI/UX只是設計?!心理學還要會咧!!
誰說UI/UX只是設計?!心理學還要會咧!!

UI/UX竟然如此深奧?設計前還要先懂客戶心理學?!

最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知,有對我很有很大的幫助,其中有一條:平均每個人在記憶時候最大數量為7個。

另外一條則是:眼睛是獲取大量信息的強大工具。 大部分數據被無意識地吸收。 視覺感知可說是UI設計領域的重中之重,特別是產品設計師,作為UI設計師需要去了解和運用這些定律,提升用戶視覺感知。

什麼是視覺感知

視覺感知是人們能夠獲得信息,並由大腦進行處理的最有成效的方法。 人的眼睛有著接收及分析視像的不同能力,從而組成視覺。 腦部將眼睛接收到的物象信息,分析出四類主要信息就是有關物象的空間、色彩、形狀及動態。 有了這些數據,我們可以辨認外物和對外物作出及時和適當的反應。

視覺感知的特點

速度快,所有信息以圖形存儲,人眼閱讀圖像比文字更快,在大部分的情況下,人們感知圖標和插圖的圖片元素比文字更快。 大部分用戶是視覺驅動的,所以視覺感知機制通常應該在設計過程中考慮,研究裡面有幾條規則挺有意思:1.人眼閱讀圖像比文字更快。 2.人們需要約1/10秒來獲得視覺場景或元素的一般感知(該速度對於文字表達基本不可能的)。 3.大腦儲存重要的信息片段通常由固定為視覺圖像,即使它們是通過文字感知得到的。

視覺感知規律心理學家提到的視覺記憶感知三個核心規律,很簡單也好記憶:

1.集中:要記住一件事情或大量的數據,需要集中精力。 否則,數據將在短期記憶裡上被丟棄的機率很高。

2.聯想記憶:大腦裡其實有個巨大的網絡連接,我們會自動將感知到的新的片段能和舊的片段聯繫關聯,感知就會越強,也在設計中也就是常說的用戶習慣。

3.重複:不斷去重複激活一些片段,直到達到長期識別為主。 基於這3個點的的規律我們需要在視覺中可以去運用,通過設計強調突出我們想表達的內容,突出重要信息,通過簡單的交互讓用戶和他之前的經驗關聯。

視覺感知如何運用

1.通過圖標加強感知

2.減少數量加強感知關注度在設計中很重要,如果同時提供了幾個選項,按鈕,選項,用戶的短期記憶會花費更多的時間和精力來考慮,這時候隨時可能會讓用戶跳失。 米勒定律:每個人在工作記憶時候最大數量為7個。 人的大腦短時記憶容量約為“7”。

希克定律:人​​們選擇的元素越多,往往越難選擇。 一但選擇點很多,越是猶豫,分散,特別在電商設計裡面,我們需要平衡所有的信息,給予用戶最有用信息和行動點。

3.通過圖像強化感知

除了圖標,還可以通過圖像來強化感知力,我們應該掌握圖像處理的手法,透過不同的形式來組織內容,圖片沒有秘密也最直接,也最能被記憶。

4.通過導航強化感知

導航是可用性的關鍵因素。 通過tab移動,能記住用戶路徑和數據;因此,設計導航時候,交互和視覺一致和清晰很重要。

5.通過直接的表達加強感知

關於顯示或隱藏的各種菜單的討論目前有很多,我們重要的是要記住,界面的關鍵目標應該是用戶清楚地了解發生了什麼。 他想要的操作在那裡。 因此,關於漢堡包菜單,滑塊,隱藏層次的導航和內容的操作設計應該梳理好頁面功能層級設計,不要去隱藏一些核心操作。

6.通過多媒體藝術加強感知除了以上,還可以通過視頻,音頻,動效,3D等。 通過這種刺激,不僅設計師可以創造更多創意,而且對不同的人記憶加強,比如618,雙11, 造物節一些動效,音頻對大家記憶刺激很強。

視覺感知心理學,更多幫助我們在做UI/UX設計時候,了解人們是如何與世界互動,哪些元素影響他們的行為。 通過設計去改變引導用戶,管控好用戶使用路徑,能夠更好幫助產品成功。

免責聲明:文章內容轉載自公開網絡,如有侵權,請聯繫我們刪除。

 

 

推薦文章:
讓UI課程等等的電腦課程幫你打造一份完美有實力的超強履歷!!


色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(上)


重新學習UI UX Python課程 打好基礎輕鬆領高薪


Python是什麼?跟人工智慧有什麼關係?


微軟的麻將人工智慧更勝Al的phaGo?今天揭曉真相!-上


讓你實現目標與夢想的技術實力-Java課程


達內教育海外合作企業


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


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


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


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


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

關鍵2020!!你我都該知道最新的UI/UX趨勢(下)

關鍵2020!!你我都該知道最新的UI/UX趨勢(下)
關鍵2020!!你我都該知道最新的UI/UX趨勢(下)

2020最新的UX趨勢,你一定要知道哦!

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

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 Python課程 打好基礎輕鬆領高薪


還在尋尋覓覓好的UI課程嗎?先來達內看看吧!!


讓UI課程等等的電腦課程幫你打造一份完美有實力的超強履歷!!


電影的駭客畫面是真的! 你懂出現的Python畫面嗎? (上)


厭世代正風行?來上Java課程可以幫你扭轉困境!


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


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


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


達內時代科技教育集團簡介


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


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


前端工程師課程-標籤的應用(上)-Div篇

關鍵2020!!你我都該知道最新的UI/UX趨勢(上)

關鍵2020!!你我都該知道最新的UI/UX趨勢(上)
關鍵2020!!你我都該知道最新的UI/UX趨勢(上)

快跟著小編一起認識2020最新的UI趨勢吧!

2020 UI、UX設計關鍵影響:5G

▲ 5G 時代的即將來臨,所有產業都牽涉其中。

5G其實更代表我們將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車,5G將成為這項科技得以開花結果的最大助力,幾乎任何高科技產業都會受到衝擊。

毫無疑問的,5G將會是2020年影響UIUX設計潮流最大的因素,這也闡明「速度」將會是今年度的核心理念。

了解大環境的因素,接著就讓我們來細看5G影響下的UIUX領域的各別趨勢:

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

 

 

推薦文章:
關鍵2020!!你我都該知道最新的UI/UX趨勢(下)


重新學習UI UX Python課程 打好基礎輕鬆領高薪


讓UI課程等等的電腦課程幫你打造一份完美有實力的超強履歷!!


前端工程師知識站:怎麼在HTML和CSS中宣告顏色代碼


對人工智慧有興趣的你一定要學Python的八個理由!!(一)


中國IT教育領導品牌 達內教育集團第一家海外授權中心


搶救低薪大作戰,再不來上Java課程就來不及了!


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


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


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


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


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

 

色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(下)

色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(下)
色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(下)

為什麼UI設計師愛用黑色當配色?原來原因有這五個!(下)

本篇為此篇文章的下集

3. 讓你的設計更簡潔、更有記憶點

當初見一項商品、或瀏覽一個網頁,最容易讓大眾留下印象的是什麼呢?是整體的視覺印象,也就是 UI 課程 會強調的介面設計,而視覺印象則是取決於色彩運用。UI設計是透過讓品牌視覺形象中的視覺印象的不斷重複,就能夠加深使用者對品牌的印象。

在品牌經營上,色彩有助於吸引喜好自己品牌的客群,將色彩形象落實在商品、圖像等方面,久而久之客人看到某種顏色時就會聯想到你的品牌。

blackwhite-logos-11211.jpg

4. 能平衡過亮的顏色

假設能夠使用明度較高的亮色,以黑色為基底時能平衡整個畫面,使亮色不至過於刺眼;並且加入些許亮色,就能與黑色對立並形成點綴,讓觀看者能專注於色彩變化,整體畫面層次平衡且又能建立脈絡。

但正是因為黑色容易吸收和稀釋周圍的一切顏色,所以建議慎用黑色作為品牌LOGO的主體色喔!

5. 黑白色搭配永遠不過時

不管是在服裝設計、平面設計、商業設計或多媒體設計,黑白配色永遠有超然的地位。

純粹的黑與白除去多餘的干擾,同時又能展現出迥異多變風格,從古至今黑白色實驗性的創新用法層出不窮,將黑色變成了一種永恆,使創意變得無所不能。

UI 設計 這門專業包羅萬象,除了科學理論、資訊架構技巧,基礎設計美感等等,行銷大師 Neil Patel 曾說:「顏色在你購買特定產品的原因中佔了85%。」可見色彩學也是很重要的知識。

想要進修 UI 課程 的同學們,在挑選課程時也要仔細選擇喔。

 

 

 

 

 

 

推薦文章:
還在尋尋覓覓好的UI課程嗎?先來達內看看吧!!


重新學習UI UX Python課程 打好基礎輕鬆領高薪


讓UI課程等等的電腦課程幫你打造一份完美有實力的超強履歷!!


Python人工智慧是否對人類造成威脅?(上)


前端工程師課程也能自學?來試試吧!!其實沒有想像中的難~


單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺


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


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


這七種職業學會Pyhton不怕未來被取代~

 

 

色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(上)

色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(上)
色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(上)

為什麼UI設計師愛用黑色當配色?原來原因有這五個!(上)

色彩的魔力:黑色在UI設計的運用

▲ 黑色的UI設計範例

你知道嗎? 色彩其實對人造成的影響可說是非常強烈的,色彩心理學的開創者 Carl Jung 曾說過:「色彩是潛意識的母語。」即使沒有自覺,但是我們的各種選擇其實都受到潛意識左右,而潛意識則其實很容易被顏色影響。CCI COLOR的研究顯示,消費者在網路上評估一項商品時平均只花費短短90秒,而對於產品的印象,有62%以上都來自於顏色。

因此「色彩心理學」對於 UI 設計 非常重要,無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升 使用者體驗(UX) ,都不可或缺,但是並不是每個 UI 課程 都有這方面的教學。

今天將探討「黑色」的色彩意義,以及優秀的 UI 設計 師必須掌握的配色技巧!

黑色:最富有多元意義的顏色

▲ 德國的歌德金屬樂團 Lacrimosa 的專輯封面,一率用黑白且富有歌德元素的素描

說到黑色代表的意象,你可能會想到:侵略、權力、優雅、高貴、恐懼、神秘、邪惡……會有這麼多含意,是因為黑色被色彩學定義為無彩色,但能帶給人心理上的特殊感受,在許多文化中都賦予了黑色不同的哲學意涵,是一種心理色調。

歐美文化中,黑色經常被賦予死亡、恐懼的意義,如稱呼鼠疫為黑死病;同時也是悲傷的象徵,如參加葬禮會著黑色衣服。

在中國文化中,黑色在《易經》裡被認為是天的顏色,同時也是眾色之王,是古中國單色崇拜最長的色系。以黑白表示陰陽合一的「太極圖」,是中國千百年的哲學思想結成的碩果。

正因黑色在文化意義層面上被賦予多種的寓意,當用於設計作品時,也就代表能傳達出各種不同的概念:

1. 只使用黑色,能凸顯空間感和構圖

▲ 黑白常用在建築繪圖中,凸顯空間感和構圖(圖片來源:andrewprokos.com

黑色因沒有色調深淺和亮度,常被認為是嚴肅、正式的顏色,但相對地,黑色當作背景能讓產品凸顯出來,在呈現空間感的同時看起來更具質感。但若是有大量文字的網頁就不建議以黑色作為背景色,因會使閱讀變得吃力。

同時,只使用黑色也能凸顯核心重點,避免被過多的顏色分散焦點。

2. 畫面容易達成一致性

▲ 黑色用在 UI 設計,能讓很多畫面達成一致性

因人類的大腦天生就對井井有序、整齊易懂的設計有所偏愛,無色調的黑色方便透過深淺漸層的配色方式,讓視覺保有一致性,自然地帶給觀者美的感受。

一致性指的是畫面上各個色彩之間的和諧一致。在同一個框架內,配色沒有做到協調一致的話,設計容易變得支離破碎。

本文待續,下集請點此

 

 

 

 

 

 

推薦文章:
色彩也有魔力?!UI設計師告訴你關於黑色的5個秘密!(下)


讓UI課程等等的電腦課程幫你打造一份完美有實力的超強履歷!!


重新學習UI UX Python課程 打好基礎輕鬆領高薪


Python老師上課啦~第九課:原地運算符


用五個小學問做自己想要的CSS背景好簡單!(1)背景固定模式


前端工程師基礎CSS精選懶人包


Java課程助你擠進IT專業職場大門


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


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