布萊恩的創業小窩

本文為下篇，上篇請看此 連結 三、有別於傳統的抽象幾何（Abstract-geometric） 抽象幾何圖案是 2021年 ui/ux 設計趨勢之一 具有線條、形狀和角度的抽象藝術歷久不衰，現今煥然一新仍是受到關注，歸功於形狀和顏色兩者結合在一起表達想法，並以自由流動、非線性的方式表達創作。 許多企業喜歡抽象和幾何藝術，因為化繁為簡，具有簡練、醒目、形式感強的UI/UX視覺特點。增加鮮明高對比的顏色，創建富有表現力的外觀，而不會分散用戶的注意力。獨特創新的融合於畫面並不拘一格，體現出商業中的樂趣。 比如：試著使用抽象幾何地圖的設計，取代網站上的傳統地圖，觀看者肯定會記住您的位置。 四、跳脫平面單一感的 3D 圖像（3D Imagery） 3D 圖形也是2021年ui/ux設計趨勢之一 3D 圖形仍是潮流不減，尤其是當  UI/UX  設計師創建更容易和快速。Oganes 說道在今年最喜歡的 3D 趨勢之一，是將現實生活中的人類描繪成藝術卡通人物。它創造一種美學上令人愉悅的設計，與我們每天在屏幕上看到的逼真圖像不同。我們公司經常將 3D 元素添加到 2D 照片中，以創建比平面照片更多細節的深度。 五、語音介面設計（Voice User Interfaces, VUI） 科技蓬勃發展的正在改變世界，使用者與電腦的對話，不再只是滑鼠鍵盤的輸入，如同：Apple的Siri，通過語音與系統進行互動的方式。探討以下目前語音介面設計趨勢迅速發展的要點： 說話是自然的，打字是多條件的輸入。 傳播技術勢不可擋。比如：無論您是想打開車庫門、進行預約、訂購外賣甚至啟動汽車，一切皆可通過您的聲音來實現。 對於殘障人士來說更實用。有視覺障礙的人可通過語音，使用他們的設備和應用程式，無須擔心使用介面視覺上的不便利。

  美國最具指標性的財經商業雜誌「《富比士》（Forbes）」，近期竟跨領域地提出 2021 年UI/UX 設計的5大趨勢！ 《富比士》所屬之「富比士機構委員會（Forbes Agency Council）」的其中一個成員、也是「數位比佛利行銷策略公司（Digital Beverly Marketing Solutions）」的CEO Oganes Vagramovich Barsegyan就提出了5個今年掀起熱潮的  UI/UX  設計趨勢。 電商取代實體商店成主流 UI設計重要性堪比店面裝潢 全球發生在線上的交易活動早在激增中，加上新冠（COVID-19）疫情讓民眾在家中使用手機、iPad、電腦等進入電商消費的模式，已取代以往的實體門市。消費者們已融入數位服務的生活，習慣、行為已有大大的改變。 如今網站上的UI（使用者介面）設計，就相當於實體店面的裝潢，且比以往更加重視美感。UI介面設計的變化以下五個  UI/UX  設計趨勢觀點： 一、玻璃擬態（Glassmorphism）的 UI 設計 UI/UX  普遍正朝著極簡主義美學，玻璃擬態長期保持領先的流行趨勢，從配圖到整個操作流程的介面、按鈕使用同一種色系，以不同層次結構和深度的呈現，顯得不會單調枯燥。網站避免繁雜的資訊或低解析度照片，保持觀看者能清楚閱讀，增加停留在網站上的時間。 如以下影片所示，玻璃擬態主要基於背景模糊與磨砂的效果，營造出漂浮在空間中的穿透、朦朧感。比如：蘋果與高盛銀行共同發行信用卡「Apple Card」 科技、時尚的設計，出於玻璃擬態的概念，視覺宛如漂浮在半空中的透明卡片，隨著消費類別改變不同柔和的顏色。 https://youtu.be/uRVnX0k593E 二、耳目一新的大膽字體（Big Loud Typography） 大字體是 2021年 的五大 UI/UX 設計趨勢之一 重複無奇的排版文字會產生視覺疲乏，需要產生亮點為觀看者帶來視覺刺激。敢於大膽破格的用字，凸顯出設計師是否有獨特的思維，更容易受到關注。不同的字體造型，產生不同的情緒與印象，即使是誇張或用於開箱文的標題，搭配合適的 UI/UX 設計，令人感到新穎不失傳統的美感。 大膽字體能吸引網站訪客，但也可以不譁眾取寵的方式呈現。...

  這篇將告訴你如何將 UI設計 和UX設計完美搭配!壓軸果然最重要!! 本篇為【UI/UX 設計工作完整剖析】系列的第 5 篇，完整連結如下： 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 領域邁進，那麼最重要的還是思考自己對哪種設計類型感興趣。如果還不熟悉設計領域，建議這兩個方面都可以嘗試一下，有了在這兩個領域的實際經驗，不僅可以更了解自己適合哪個領域，也可以使你無論最後選擇哪一個，都能成為更好的設計師！     延伸閱讀： 全球首台MIT人工智慧貓砂盆,為你家貓貓的把關!(上) 只能用Java寫出"Hello World"嗎?今天教...

  事前研究驗證對 UI 設計和UX設計到底有多重要?資訊都在這篇啦! 本篇為【UI/UX 設計工作完整剖析】系列的第 4 篇，完整連結如下： 1- 為何UI/UX容易搞混？ 2- UI設計的優點 3- UX設計的優點 4- 無論UI/UX都需研究驗證 5-如何讓UI/UX相得益彰   研究是關鍵！無論 UI 、 UX 都需要研究驗證 UI 、 UX 若想要盡善盡美，最重要的的就是要做各種事前研究！ 無論是 UI 設計 或 UX 設計 師，都必須先做各種功課——盡可能收集資料、行為數據以研究使用者的需求，思考、分析和預測使用者在當下可能的行為、行為背後的動機以及隨之而來的體驗感受。 而研究所得的數據資料將應用在初版設計上，接著有的 UI 、 UX 設計師會透過真人測試或使用者訪談，取得使用者最直接的回饋、觀察並記錄使用者使用產品的整個過程、發現需求並構思解決方案，以確定設計能朝著正確的方向前進。 即使無法進行真人測試，也會透過 A/B 測試、易用性測試（Usability test）等方式在開發時就先測試找出問題，進一步對設計進行修改或優化。 推薦閱讀： 使用 A/B 測試來改善網站 UI 設計的 30 個例子 而這樣「研究分析、設計開發、測試反饋、修改優化」的流程會重複多次，這樣的開發法又被稱為疊代式開發。與傳統的瀑布式開發相比，疊代式開發能降低風險、提早得到使用者反饋，也具有更高的效率和成功率。 採用這種方法，可以在完全確定設計需求之前就開始進行開發，在一次疊代中先完成一部分設計，再通過使用者的回饋來細化，再開始新一輪的疊代。 對於 UI 設計 師  和 UX 設計 師來說，事前研究都至關重要，也都使用類似的方法，以求規劃出得宜的設計。 本系列文章未完，請 點此 看下一篇 延伸閱讀： 本季Python和Java的對決,究竟鹿死誰手? MIT的人工智慧貓砂盆,成為家貓的一大福音!(上) 前端工程師若是也將這後端的MySQL也背上身,肯定會加分不少! 美女PM/UI設計師真實身分起底！二度就業婦女的斜槓人生 第一次上程式設計課程該選 Python 還是 Java？有什麼差別？ 五部人工智慧電影告訴你：未來人類會與 AI 談戀...

這篇要介紹的是另一個主角 UX設計 ,趕快往下讀,接下來還有更有用的章節在等你~   本篇為【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設計 是此章節的主角~讓我們一起來看看它有哪些優點,以及如何好好使用它?   隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來分別看看 UI 和 UX 究竟是什麼吧！   本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇，完整連結如下： 1- 為何UI/UX容易搞混？ 2- UI設計的優點 3- UX設計的優點 4- 無論UI/UX都需研究驗證 5-如何讓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 設計 和UX設計讓人好混淆!不想搞混不想走冤枉路,別錯過這系列文章!! UI vs. UX 設計 - 為什麼容易搞混？ UI 設計 和 UX 設計 常常被混在一起使用、或將兩者視為同一種專業，也有不少公司開出「 UI 設計 師」的職缺，卻要求應徵者兩種能力兼而有之。 除了因對 UI、UX 不甚了解外，其中一個原因是 UX 包含的事情較為廣泛：從介面設計、視覺風格、程式功能和運作效能等等都是其中一環，與 UI 設計 或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵，久而久之就常見 UI、UX 並稱的狀況了。 ▲ UI、 UX 設計 雖為不同專業，但在某些方面會有重疊。(來源：Asinthecity)   本篇為【UI/UX 設計工作完整剖析】系列的第 1 篇，完整連結如下： 1- 為何UI/UX容易搞混？ 2- UI設計的優點 3- UX設計的優點 4- 無論UI/UX都需研究驗證 5-如何讓UI/UX相得益彰 本系列文章未完，請 點此 看下一篇     延伸閱讀： 人工智慧人臉辨識還不完善,來看看它出了什麼包!(上) 把行銷變得更簡單!Python是如何做到的?(下) 透過學習,人工智慧也能做出屬於自己的威士忌了!(下)   前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL 使用 Java、Python、C 等 22 種程式語言寫出「Hello World」！ 人工智慧電影/影集：Netflix《我的全像情人》探討人與 AI 是否有真愛 介面、體驗大不同！UI設計/UX設計工作內容完整剖析

說到UI設計,你知道其實心理學也能幫助你的思維嗎?這篇告訴你~ 最近學習了米勒定律和希克定律。其中關於如何提升視覺感知的要點，對我十分有幫助： 第一：平均每個人在記憶時候最大數量為7個。 第二：眼睛是獲取大量信息的強大工具。 大部分數據被無意識地吸收。而視覺感知是設計領域的重中之重！特別是產品設計師，作為設計師（包括 UI 及 UX 設計師），都需要去了解和運用這些定律，提升用戶視覺感知。 不只 UI ，在 UX 中也超重要的 設計心理學指南！ 什麼是視覺感知 視覺感知是人們能夠獲得信息，並由大腦進行處理的最有成效的方法。人的眼睛有著接收及分析視像的不同能力，從而組成視覺。腦部將眼睛接收到的物象信息，分析出四類主要信息就是有關物象的空間、色彩、形狀及動態。有了這些數據，我們可辨認外物和對外物作出及時和適當的反應。 視覺感知的特點 速度快，所有信息以圖形儲存，而在絕大多數情況下，人們感知圖標和插圖的圖片元素比文字更快！ 大部分用戶是視覺驅動的，所以視覺感知機制通常應該在設計過程中考慮，並研究裡面幾條挺有意思的規則： 1. 人眼閱讀圖像比文字更快。 2. 人們需要約1/10秒來獲得視覺場景或元素的一般感知（該速度對於文字表達基本不可能的）。 3. 大腦儲存重要的信息片段，通常由固定轉為視覺圖像，即使它們是通過文字感知得到的。 視覺感知規律心理學家提到的視覺記憶感知三個核心規律，很簡單也好記憶： 1.集中： 要記住一件事情或大量的數據，需要集中精力。否則，數據將在短期記憶裡上被丟棄 的機率很高。 2.聯想記憶： 大腦裡其實有個巨大的網絡連接，我們會自動將感知到的新的片段能和舊的片段 聯繫關聯，感知就會越強，也在設計中也就是常說的用戶習慣。 3.重複： 不斷去重複激活一些片段，直到達到長期識別為主。基於這3個點的的規律我們需要在視覺中可以去運用，通過設計強調突出我們想表達的內容，突出重要信息，通過簡單的交互讓用戶和他之前的經驗關聯。 視覺感知該如何運用？ 1. 通過圖標加強感知 2. 減少數量加強感知關注度在設計中很重要 如果同時提供了幾個選項，按鈕，選項，用戶的短期記憶會花費更多的時間和精力來考慮，這時候隨時可能會讓用戶跳失。 米勒定律：每個人在工作...

UX設計的改變就在這篇揭曉!一起來看看除了UI,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設計有些了解的人,都不敢輕忽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設計也逃不出手掌心!(UX設計篇) UI設計基礎篇-五個關於黑色的...