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