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