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