2021-1-15 資深UI設計者
過去一年 COVID-19 肆虐全球，封鎖與隔離使我們與數字世界的互動方式發(fā)生了巨變，這使得我們在數字世界的時間變得更長了，我們思考與互動的方式也產生了變化，新冠病毒的爆發(fā)也為 2021 年的設計趨勢帶來了新的思考。
本文主要整理了 2021 年的設計趨勢與思考，主要為 ToB 方向。隨著產業(yè)互聯網行業(yè)的發(fā)展和數字化的進程，設計工具以及生產方式也在不斷進化發(fā)展。在 5G、人工智能、大數據、云計算、物聯網的技術浪潮下，對設計團隊也提出了更高的要求。
1. SaaS 趨勢：一線工作者將成為決策的中心，“職業(yè)前線”是常態(tài)。
工作一直在我們的社會生活中發(fā)揮著重要作用，但從未像在疫情期間那樣重要。在疫情期間，數月的封鎖給人們的情感健康帶來了損失。當然這有助于遠程感知的技術和工具的發(fā)展和進步，但是還有很長的路要走。
對于一線員工來說尤其如此，不幸的是，一線員工通常與公司的聯系最少，但最容易感染該病毒。諸如教師，醫(yī)生，零售人員和制造工人之類的基本工人通常無法獲得與同事相同的公司范圍內的技術。許多人甚至沒有公司電子郵件，甚至沒有辦公桌。
△ @Farhan Fauzan
但是，公司開始意識到這些一線職工（他們通常是客戶的第一個接觸點）可以為組織帶回寶貴而獨特的見解。企業(yè)現在正試圖通過集中工具來完成這些任務，例如輪班制或與他們的手機即時共享重要的健康和安全信息，從而使這些員工的工作更輕松。
△ @Barly Vallendito
普華永道美國副主席、風險投資與創(chuàng)新全球領導者 Vicki Huff 指出，數字化解決方案在這里發(fā)揮著重要作用。”為了在 2021 年茁壯成長，企業(yè)需要將員工置于工作空間理念的中心。通過對員工體驗的磨練，雇主可以提高生產力，增加參與度，并創(chuàng)造出更多連接和的勞動力。實現這一目標的核心將是與公司現有的技術堆棧相整合，并為員工個人提供個性化服務的數字化解決方案?！?
2. 數字健康與員工健康趨勢
我們對 COVID-19 的了解還不夠，但這將會是可穿戴設備，遠程醫(yī)療和人工智能等新數字健康發(fā)展機會。到 2021 年，我們可以預料這些技術將繼續(xù)發(fā)展。
我們還看到了一些出色的自監(jiān)控應用程序應用于可穿戴設備，可提供有關步數，睡眠，心率或血壓的即時可視化數據。這些復雜的功能使用戶能夠掌控自己的健康，并告知他們如何改變生活方式。
醫(yī)療保健人工智能軟件，硬件和服務市場，預計到 2025 年全球將超過$ 340 億@Businesswire
△ Pillo Home Healthcare Robot @415Agency
Oracle-Workplace Intelligence 最近對 12,000 名員工（包括 3,100 名 C 級高管）進行的一項調查顯示，企業(yè)領導者與任何人一樣容易受到職業(yè)壓力的影響。71％的高管表示 2020 年是他們有史以來最緊張的工作年，而 53％的高管表示在工作中遇到精神健康問題。
△ @ILLO
專注于改善員工的福祉不僅是正確的事情，而且公司也意識到這可以提高業(yè)務績效。這就是為什么他們正在尋找技術和其他工具來提高工作滿意度，工人健康，可持續(xù)性，工作與生活的平衡以及靈活的工作安排。
或許人工智能之類的技術能對于這一追求提供重要幫助。Oracle-Workplace Intelligence 研究發(fā)現，75％的員工認為 AI 可以幫助提供對其工作至關重要的信息，自動化任務并減輕壓力。報告還顯示，68％的員工寧愿使用機器人而不是經理來討論工作場所的壓力。
△ @Shahin Srowar
3. 人工智能工程化（AI Engineering）
多年來，人們一直擔心自動化技術在企業(yè)中的迅速普及會導致工作崗位減少。現實要樂觀得多：自動化不是要替換工作，而是要增強工作。
公司知道，員工在重復性的工作上花費了太多時間。因此，越來越多地使用機器人來執(zhí)行這些任務，例如歸檔工單，發(fā)送和簽名文檔以及與同事交換每小時的班次等。由于自動化，企業(yè)將更多的精力投入到改善工作文化和確保員工對工作滿意的工作上。
人工智能工程化立足于三大核心支柱：數據運維、模型運維和開發(fā)運維。強大的人工智能工程化策略將促進人工智能模型的性能、可擴展性、可解釋性和可靠性，完全實現人工智能投資的價值。
△ @Craftwork Studio
4. 企業(yè)數字孿生
數字孿生是真實世界環(huán)境、產品或資產的虛擬表示，用于多種目的。制造商使用數字雙胞胎來管理機器和工廠的性能和效率，而城市規(guī)劃者則使用它們來模擬新開發(fā)項目的潛在影響。2021 年數字孿生將會在物聯網（IoT）平臺中有更廣泛的應用。
△ @azure.microsoft.com
5. 全面體驗（Total Experience）
Gartner 將多重體驗定義為一種重要的戰(zhàn)略科技趨勢。而在今年，這一趨勢又進一步發(fā)展成為全面體驗（TX），將多重體驗與客戶、員工和用戶體驗相聯系。Gartner 預計在未來三年中，提供 TX 的企業(yè)機構在關鍵滿意度指標方面的表現將超越競爭對手?！庇捎谝咔?，移動、虛擬和分布式互動日益盛行，因此企業(yè)機構需要有 TX 策略。TX 將改善體驗的各個組成部分，實現業(yè)務成果的轉型。這些相互交織的體驗是企業(yè)運用創(chuàng)新革命性體驗實現差異化，從而從疫情中恢復的關鍵驅動力。
△ @Hamza Abdelhak
6. 行為互聯網（Internet of Behaviors）
行為互聯網（IoB）不斷涌現，許多技術都在捕獲并使用人們日常生活中的“數字塵?！?。IoB 匯集了面部識別、位置跟蹤和大數據等當前直接關注個人的技術，并將結果數據與現金購買或設備使用等相關的行為事件相關聯。
企業(yè)機構使用該數據來影響人的行為。例如為了在疫情期間監(jiān)控對健康規(guī)定的遵守情況，企業(yè)機構可以通過使用 IoB 計算機視覺來查看員工是否戴著口罩或通過熱成像來識別發(fā)熱者。
Gartner 預測，到 2025 年末，全球一半以上的人口將至少參加一項商業(yè)或政府的 IoB 計劃。雖然 IoB 在技術上可成為可能，但社會各界將對各種影響行為的方法展開廣泛的倫理和社會學討論。
△ BayouFord Driver App@hamam zai
7. 網絡安全網格（Cybersecurity Mesh）
網絡安全網格使任何人都可以安全地訪問任何數字資產，無論資產或人員位于何處。它通過云交付模型解除策略執(zhí)行與策略決策之間的關聯，并使身份驗證成為新的安全邊界。到 2025 年，網絡安全網格將支持超過一半的數字訪問控制請求。
Gartner 研究副總裁 Brian Burke 先生認為：“新冠疫情加快了耗時數十年的數字化企業(yè)變革過程。我們已經越過了一個轉折點，大多數企業(yè)機構的網絡資產現在都已超出傳統的物理和邏輯安全邊界。隨著隨處運營的不斷發(fā)展，網絡安全網狀組網將成為從非受控設備安全訪問和使用云端應用與分布式數據的最實用方法?！?
△ Digital security@Stephane Vasadze
虛擬現實（VR）再次興起
VR 一直以來是“未來派”技術的代表之一，在相當一段時間卻很難成為主流，當然這與 Facebook 的 Oculus Rift、HTC Vive 和 PS VR 之類頭戴相關設備高昂的價格標簽也有一定的關系。
不過由于最近 VR 游戲的發(fā)行成功，包括“半條命”（Half-Life Alyx），VR 熱度再次上升。新興廠商為動態(tài)和創(chuàng)造性的混合現實構建新的解決方案；此外，醫(yī)療健康，在線展覽和娛樂藝術的需求也在增加。
虛擬現實游戲行業(yè)內的全球收入預計從$ 4 億在 2017 年到 2024 年增長到$ 24 億。@Statista
△ 微軟 HoloLens 展示了“計算的新現實”。@microsoft.com
那么除了游戲行業(yè)該如何進軍 VR 市場？在疫情期間，GDC 在 2020 年使用 VR 中主持了他們的演講，使遠程參會者能夠 360 度觀看展臺，通過網絡研討會和聊天室進行互動。在 2021 年，我們可以看到更多的企業(yè)會利用這項技術來觸及全球更多的用戶。
△ @Mikhail Gorbunov
同時我們還可以預見在數字醫(yī)療中使用大量 VR 可以改善對慢性疼痛，焦慮癥和創(chuàng)傷后應激障礙的治療。我們甚至可能會看到劇院和博物館采用了這項技術，以保持對公眾的虛擬開放。
設計增強現實（AR）
AR 同樣是是“未來派”技術的代表之一，已經獲得越來越多普及。你可以在花園里偶遇一頭真人大小的長頸鹿，也可以想象宜家家具設計是否符合家里的風格，不少廠商已經透露不少新穎的 AR 應用場景。
通過對于 AR 產品的全球市場可能驟增至 85％，在未來四年將有$ 1650 億市場@Statista
根據《行業(yè)周刊》的報道，蘋果等公司已經在重建和重組日常用戶更容易使用的產品。這家科技巨頭正在研發(fā)多種 AR 產品，包括可以無線連接至 iPhone 并向佩戴者發(fā)出光束的內容（如電影，地圖等）的數字眼鏡，這聽起來似乎有點酷？
2020 年 9 月，馬克·扎克伯格（Mark Zuckerberg）宣布 Facebook 將于明年啟動“邁向增強現實眼鏡之路的下一步”。
△ @sparkar.facebook.com
語音用戶界面（VUI）
在疫情期間，當我們思考如何在不接觸的情況下與設備進行交互時，語音和手勢交互似乎成為了另一種 UI&UX 的趨勢。
其實早在疫情爆發(fā)之前，這種趨勢就已經很明顯，語音交互是未來幾年主要的 UI&UX 趨勢之一，在設計中可添加語音用戶界面的場景越來越多。例如，您可以使用語音聊天機器人使訪客使用語音命令進行通信。虛擬助手也是如此。在未來幾年中，許多公司將創(chuàng)建完整的語音用戶界面。
學習語音交互設計 → https://www.uisdc.com/zt/vui
△ @ Denislav Jeliazkov
語音交互基于 AI 人工智能，我們希望最終能通過語音助手來解決復雜的問題并且易于使用。下一代 AI 助手將具備：高級個性化，個性化主要的目標是使用戶感知內容是專屬的。基于語音的助手將通過分析語音和面部表情來了解確認交互者的身份。非接觸式交互，語音優(yōu)先界面幫助設計師減少用戶達到期望結果所必須采取的步驟。
手勢控制
手勢控制是一種隨著觸控屏出現而引入的各種手勢控制機制的一種新技術拓展?，F在懸空手勢已經實現在設備上正常工作。例如，最近歐洲豪華車品牌 DS Automobiles 通過空中觸覺反饋和手勢展示了其新的非接觸式控件，聲稱該系統提供的精度比觸摸屏高三倍。
△ Haptics and Gesture Control in Automotive @ Ultraleap
1. 3D 設計
3D 同樣是 2021 年的設計趨勢，3D 設計目前更容易應用在企業(yè)的品牌或產品應用中。
審美是一種循環(huán)，在長達 12 年的扁平化設計之后，Mac 新操作系統 Apple Big Sur 也讓 3D 在 UI 設計中得到更頻繁的使用
△ @Eric Hoffman
實際上早在 2017 年的 Build 大會上微軟宣布采用全新的 Microsoft Fluent Design System 就包含 3D 設計的五大核心元素：Light（光感）、Depth（深度）、Motion（動畫）、Material（材質）和 Scale（縮放）。其中就包含微軟最早在 Win7 時代就應用了亞克力（毛玻璃）效果，而蘋果則將這一特性發(fā)揮得淋漓盡致。從 z 軸維度出發(fā)的設計，用它來制造出覆蓋內容之上的感覺，令界面元素更有層級，更有趣?；蛟S是因為微軟并沒有很好的將 Fluent 應用在實際產品中，一直處于概念優(yōu)于實際。
3D 設計的流行離不開行業(yè)的布道者們的引領，2021 年 3D 設計將進入一個新的開始。
△ @Ryan.Jyu
2021 年，設計師（藝術家）們將徹底打開對 3D 的探索之門，這種趨勢將會大量呈現設計師們在各種材質、光效、物理模擬等深入研究的效果。
△ @mav.farm
基于 Web GL 的 three.js 正流行；通過 Web 可以隨時隨地訪問 3D 的故事場景，相比過去，現在的前端框架和庫能夠顯著提升頁面加載時效，使得能夠支持更大更為精細的 3D 場景。
△ @adidaschile20.com
在 2021 年，3D 只會變得越來越流行，尤其是看到日益普及的 VR 和 AR 技術。很酷的抽象感，不尋常的角度，您可以在 3D 中完成所有操作而無需使用真實實體對象，例如，當您需要展示昂貴的汽車或不尋常的房子時，這通?？梢怨?jié)省更多成本。3D 吸引了人們的注意力，并使網站更具吸引力，使用戶在頁面上停留的時間更長，轉化率也提升了。
△ @experience.soletanche-bachy.com
當然技術雖不斷發(fā)展，但 3D 的主要缺陷任然存在。3D 對象結構越復雜，在用戶設備上執(zhí)行的負載也就越大。需要確保網站已經優(yōu)化完全，以保證可以顯示完整的動態(tài)效果。否則用戶遇到加載過慢或失敗的情況下會適得其反，用戶會產生嚴重流失。
△ @Gleb Kuznetsov
2. 動態(tài)化設計
我們相信所有年齡階段的用戶都喜歡觀看引人入勝的動畫故事或者可交互動畫動作。嘗試使用簡約的界面與大膽有趣的元素結合在一起，既可吸引用戶，也能保證信息清晰明了。
2021 年，動畫設計案例將越來越多。無論是界面 UI 動畫，還是大型營銷動畫（包含 3D），技術的發(fā)展將帶來全新的體驗。
△ @richardmattka.com
3. SVG（可伸縮矢量圖像）的廣泛應用
過去在企業(yè)應用設計中，由于瀏覽器兼容問題導致沒有辦法完全覆蓋 SVG，現在除了可以應用全局 SVG Icon 以外還可以通過 SVG 來繪制矢量插圖，插圖使用 XML 定義基本屬性，例如路徑、形狀、字體和顏色以及更高級的功能。
△ @Huseyin
當提高顯示分辨率時，PNG、GIF 和 JPEG 會丟失質量。而 SVG 可以任意放大或縮小矢量格式而不會降低質量。相比位圖，SVG 具有更輕量的體積，更快的訪問速度。
4. UI&UX 輕量化設計
UI&UX 持續(xù)精簡優(yōu)化已然是趨勢，更少的字段顯示與更少的字段填寫。即使用戶達到所需結果所必須采取的步驟也是如此。
注冊與登錄步驟就是案例，2021，請勿強迫用戶記住密碼。例如，在在線商城中，用戶的個人標識符可以是他們的電話號碼或生物特征數據。
△ @developer.apple.com
蘋果公司推出了“超級按鈕”，它替代了隨機數據進行網絡注冊。在許多應用程序中，您現在只需一個按鈕即可注冊，而無需社交網絡的參與。
△ @Heavyweight
冗余的 UI 資產會給設計系統的維護和迭代帶來沉重的負擔，保留核心組件并提升組件利用率，去繁化簡似乎是未來的趨勢。
△ @bn digital
隨著 iOS 和 Android 陸續(xù)支持了深色模式，深色模式也成為大眾應用設計的標配。企業(yè)級應用的深色模式也將成為 2021 的趨勢之一。
疫情帶來的封鎖與隔離給我們的工作方式帶來極大的挑戰(zhàn)，遠程辦公與在線協作將會成為常態(tài)化，如何有效的讓設計師們在線協作一直是一個巨大難題。
Figma
Figma 是一款免費的在線 UI 設計工具，可用于創(chuàng)建、協作、原型設計與設計對接。通過實時在線的設計協作能夠打破設計師之間的視圖壁壘，能夠實時進行設計共享、修改以及反饋。你無需擔心是否保存，你的設計稿永遠保持版本。全平臺兼容，只需打開瀏覽器就可以隨時隨地進行設計。除此之外 Figma 與 Sketch 一樣通過輕量化主體+開放的 API 接口和插件生態(tài)系統，豐富的第三方插件市場能夠為設計生產帶來更多的可能性。
截至 2020 年 4 月，Figma 的估值超過 20 億美元。@福布斯
△ Figma@Remilla Ty
團隊線上協作的設計思維導圖工具，核心功能是支持團隊在線協作白板服務，無論是思維導圖、各式圖表、概念圖、還是資訊分析用的魚骨圖、價值鏈分析、PEST 分析，Miro 提供了豐富的免費模板。不僅如此 Miro 還提供了更為豐富的內容格式，包括視頻、圖片、文檔、標簽等。
△ @miro.com
在線演示文稿工具，支持多人實時在線或離線以及跨設備構建。這是一種針對現代團隊需求而構建的演示軟件。Pitch 可幫助團隊更好地協作，、精美地制作演示文稿。
△ @pitch.com
在線工具已然成為一種趨勢，從格式轉換、圖片處理到 3D 建模我們逐漸可以通過一個瀏覽器來使用這些輕量化工具來解決我們實際的設計問題，Figma 已經滿足 UI 設計師的生產力工具所有需求，未來或許有更多基于 Web 的生產力工具出現。
Spline 是一款 3D 設計工具，你可以無需下載客戶端在瀏覽器中創(chuàng)建 3D 項目。Spline 最大的特點是輕量，其操作界面跟 Sketch、Figma 結構一致，能夠以 2D 的方式進行 3D 設計；無需 3D 設計基礎。Spline 具備基礎的 3D 模型編輯功能，同時提供豐富的在線 3D 模型庫使用，模型支持添加事件，通過設置不同模型狀態(tài)進行交互切換。文件可以導出靜態(tài)圖片也可以免費導出離線網頁。
△ @spline.design
Vectary 一款在線 3D 建模設計工具，提供免費場景、模型和材質庫，無需從頭開始或花費很長時間建造模型，提升 3D 設計效率。素材庫包含上千個免費的可自定義 3D 模型，以及數百種高質量紋理化的材質可供使用。VECTARY 現已在 Iphone 和 Android 中全面開通支持 AR 界面，通過在您的網站上使用 Vectary 3D / AR Viewer，每種類型的訪客都可以獲得交互式 3D 或 AR 體驗。
△ @vectary.com
用未來設計工具將不僅僅聚焦設計產出本身，而是不斷向設計的上下游延伸，打通工作的流程中的各個節(jié)點，連接和傳遞每個節(jié)點產出物、打通信息流，從設計研究→設計創(chuàng)作→代碼實現→項目&資產管理，做到全流程全角色全場景覆蓋，形成一個更低成本、更便捷的團隊協作模式。
△ @invisionapp.com/studio
用戶界面設計工具的趨勢之一：借助現代工具和技術簡化設計師的工作流程。例如，Adobe 在 10 月宣布了他們對 Photoshop 22.0 版的更新，其中包括 Nvidia 的許多令人敬畏的 AI 驅動的功能，這是一組圖像編輯工具，Adobe 稱其為“神經過濾器”。Sketch App 最近更新了顏色變量和組件視圖功能，方便更有效的管理顏色一致性。Figma 也迅速更新了為分布式團隊添加新功能，包括模板和虛擬會議功能，這些新功能使遠程協作更加輕松。Pixelmator 的圖形編輯器的最近更新具有增強的機器學習功能和 GPU 驅動的圖像編輯功能。
生成設計（Generative design）是另一個潛在的 UX / UI 趨勢。這是可以分析大量相似數據，找到其定義特征和特征，然后根據所提供的數據創(chuàng)建新特征的數據。
△ @helpx.adobe.com
代碼結構化思維應用設計工具將是 2021 年的趨勢之一，助力設計師構建結構化組件。Figma 更新的組件變體功能將設計系統的組織形式結構化，統一管理組件的多種類型、尺寸、以及不同狀態(tài)；優(yōu)化設計層級，從而簡化了資產面板并更緊密地將組件映射到代碼。
△ @Mohamad Rasouli
設計開發(fā)態(tài)能夠極大提升設計與開發(fā)的對接效率，也能減少設計師與開發(fā)者直接的隔閡。
例如：你可以創(chuàng)建響應設計內容的動態(tài)框架。過去搭建或修改一個組件需要不斷的調整設計尺寸及間距，現在通過自動布局設定參數即可自動適應。Figma 中的自動布局（Auto Layout）功能其實是引入了接近 CSS Box 模型和 Flexbox 在 Web 上的工作方式。
△ @AsiaInfo Design
New Invision DSM 在 Web 端更新了開發(fā)組件管理方式，通過將“組件代碼”與“設計稿件”綁定，將設計系統進行統一管理；Zeplin 同樣也更新了設計組件（UI components）綁定代碼（React components）的功能，讓開發(fā)同學查看設計稿切圖標注時，可直接訪問已經代碼化的組件詳情，提升前端開發(fā)效率。
△ @Wojciech Zieliński
我們常見的 D2C 主要出現在設計交付前端工具中，如 Sketch Mesure、Zeplin，主要功能是導出靜態(tài)頁面代碼（HTML+CSS）其問題是：代碼機構不合理，可維護性差。目前業(yè)內討論較多的是圖片生成代碼的能力：通過 AI 人工智能將草稿/視覺稿一鍵生成可維護的前端代碼，提高前端開發(fā)效率。
微軟的 Micosoft AI 的 Sketch2Code 即通過 AI 訓練的 Custom Vision Model 可以針對 HTML 手繪模式執(zhí)行對象識別，用于將有意義的設計元素檢測到圖像中，每個檢測到的元素通過文本識別服務提取手寫內容，被檢測對象的信息及其在圖像中的位置被同步到底層算法結構中，最后對應包含檢測到的設計元素的布局生成有效的 HTML。
除了基本的靜態(tài)設計能力外，動態(tài)交互、動畫展示等等在新一代的設計產品里面都可以結構化描述的，未來的 D2C 可以運用這部分數據來生成交互邏輯、動畫代碼等。
△ @No-Code web builder@Mohan
設計趨勢是周期性的，UI&UX 設計的新趨勢每年都在變化，這是一種審美循環(huán)。趨勢是必然的，趨勢背后是技術發(fā)展的浪潮。可見的是設計創(chuàng)造的可視語言，這是一種手段，而我們更應該關注背后所傳達價值。
文章來源：優(yōu)設 作者：AsiaInfo Design
藍藍設計( www.b186.net )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務