團隊按領域分組收集素材

我們認為影響設計趨勢的因素主要有以下三個：

后疫情時代的影響

新冠疫情的持續除了改變了大眾的生活習慣外，也意外地推動了各行業加速線上化轉型、提供「無接觸」服務，出行上的限制催生了游戲等線上娛樂市場的蓬勃勢態，甚至一定程度上疫情也影響了社會和經濟格局，導致了一些新政策的出臺。

00 后成長為新主力軍

新生代的崛起導致了流行風格的一系列變化：二次元等亞文化成功破圈進入主流消費市場、復古設計的重心從 90 年代向千禧年偏移。他們以更開放多元的思維方式和新視角，影響著下一個 10 年設計題材的選擇。

軟硬件技術的發展

近年來智能設備的性能上限不斷被刷新，誕生了許多創新的設備形態，使更生動的交互體驗成為可能，另一方面，AR/VR 技術經過上一個十年的雕琢，性能和效果逐步得到驗證，具備了量產的技術沉淀，將迎來一波商用普及的浪潮。

概念闡述

「 酸性平面」風格融合「Y2K」美學的未來感，形成了獨特的「未來酸性金屬風」，典型特征有：

• 酸性漸變：一種會引起不適但足夠刺激的迷幻漸變色。這類配色打破了傳統美感的標準，追求感官刺激，給人異次元下致幻而不安的感受。

• 金屬感：以熔融形態在環境光下呈現出詭秘的反射，這種反常規的液態質感所帶來的違和，在傳統科技感上增添了幾分神秘。

• 透明膠質：液體或是 PVC 半透明膠質，配合流體動感的形態，折射出光的幻彩，給人強烈的亦真亦幻感受。 

應用場景

未來酸性金屬風反差感兼具未來感的特征，決定了它在時尚、音樂、潮流以及藝術圈有很好的延展性。服裝鞋包、藝術家創作，以及傳達個性自我的品牌平面廣告，都可以看到其身影。

相關案例

The Future Vision of Microsoft 365 宣傳視頻

概念闡述

隨著產品硬件性能的不斷升級，設計語言也開始追求真實感。相比過去，「類玻璃柔光材質」除了更注重「輕」的概念，在質感上也呈現出更加輕盈、細膩以及自然的趨勢。

類玻璃材質的表面呈現微磨砂感的半透明質感，透光而不透視，通過清晰的邊緣來強化物理質感，兩者對比呈現出一種「虛實結合」的美感。該材質多以輕薄的片狀形態懸浮于場景中，減輕重量感以帶來輕盈的視覺感受。

應用場景

「類玻璃柔光材質」輕盈與通透的視覺感受，能營造出未來感十足的場景，很適合闡述科技智能的概念。因此該風格成為了一大波科技背景公司的設計首選，其中主要以硬件系統以及B端、工具類的產品為主，應用場景包括界面設計、推廣視頻等。

相關案例

Louis Vuitton × League of Legends Collection

概念闡述

近年來，品牌跨界合作的對象不再局限于品牌之間或明星名流，眾多服裝、奢侈品、數碼產品等消費市場的強勢品牌紛紛向游戲和二次元等虛擬 IP 拋出跨次元合作的橄欖枝。這種合作方式成就了「三次元」品牌與「二次元」IP 的雙贏局勢，將在 2021 年繼續發展并造成更廣泛的影響。

應用場景

游戲和二次元元素大熱，手機、化妝品、服裝等產品通過結合該類元素，以新的形式吸引年輕用戶：為像素風格的游戲設計服裝、為全息的虛擬偶像捏臉塑形、為動漫人物拍攝雜志封面、在一款電子游戲里搭建新品發布會等，相應地，跨界應用對設計師的涉獵領域和技術跨度也有了更高的要求。

相關案例

一線頂尖奢侈品品牌相比以往與動漫游戲類二次元 IP 合作更頻繁，除了經典動漫，也不乏新鮮的熱度 IP。

在《Evangelion 新世紀福音戰士》25 周年，OPPO聯名這部影響一代人的動畫神作，推出了一款從快遞包裝、外盒甚至是卡針，里里外外都深度融合 EVA 元素的聯名機型。

OPPO × EVA 定制版手機 OPPO Ace2

美國說唱歌手 Travis Scott 2020 年在《堡壘之夜》（一款線上競技游戲）中辦了一場虛擬演唱會。這場演唱會共吸引了 1230 萬玩家同時在線觀看。

Travis Scott 在網絡游戲《堡壘之夜》內舉辦虛擬演唱會

Photographed by Sean Thomas, Vogue, January 2020

概念闡述

「親生命性設計」原為建筑和空間設計中的概念，意為「運用天然材料、自然光和植物創造令人愉悅舒適的建筑環境」。受城市化進程加劇及全球疫情的影響，人們渴望親近自然的欲望和需求變得越來越強。產品和自然元素彼此交融，從主客體關系轉為互相依賴的存在，以更為和諧與自然的交互方式與用戶進行溝通與連接。

應用場景

自然元素將在不同感知維度以更貼近真實自然的方式融入各個領域的設計，比如在工業產品設計中使用更加貼近自然物體的表面肌理，在建筑設計中將人造空間作為自然空間的延伸，在數字產品設計中使用更擬真的自然音效和光照等等。

相關案例：

2021 時尚界不約而同地強調了自然元素的使用和對環境保護的呼吁，各大品牌都用自己的方式演繹了「自然共生」的服裝設計系列。

還原自然界中的真實材質成為了新的設計靈感，被應用到各種設計中。

Vivo OriginOs

山水 Mountains & Rivers by Particle (Gao Yang)

概念闡述

近年，國人的文化自信逐漸增強，國家擴大內需、擴大消費的政策導向為國內消費品品牌帶來了巨大的機會?！钢袊O計」的標簽已經成為新一代的時尚潮流，帶有中國本土個性、體現中式美學的設計受到更多品牌的青睞。

應用場景

越來越多中國品牌開始注重漢字 Logo 的使用和設計，更多現代設計力求為中式美學擺脫民俗、皇家的刻板印象，木、石、竹這些蘊含中式精神內核的元素成為了工業設計、建筑設計中新的繆斯。

隨著中國的國際影響力進一步擴大，國際品牌也會提高對中國市場與文化的關注，在設計上融入更多本土元素。

相關案例

各品類的國產品牌在包裝或產品設計上通過對中國元素的運用來塑造具有特色的國風產品。

可口可樂中國與漢字文化推廣機構「好字在」和方正字庫聯合推出的這款字體，反映了可口可樂對中國文化的深入理解和對本地化運營的關注度。

可口可樂聯合推出的中文字體「在乎體」

同仁堂旗下「知嘛健康」在北京開設線下體驗店，店鋪設計提煉漢字、中藥、藥房等中式元素作為靈感，用現代化的方式呈現，是極具現代感的「中式」空間設計。

同仁堂旗下「知嘛健康」線下體驗店 by 無象空間建筑

Microsoft Haptic PIVOT 微軟腕帶觸覺設備

概念闡述

在增強現實中，人機交互將更多發生在物理空間里，虛擬的數字信息將借助形變和震動被模擬為觸感。得益于新型傳感器的拓展應用，硬件設備實現了對溫度、形態、力量的數據監測，同時各大硬件廠商也逐步對震動馬達等硬件進行了完善升級，從而為進一步的觸覺模態設計提供了支持。

應用場景

涉及領域除了現有的游戲、駕駛、健身等場景外，更有趨勢被應用于創新教育、操作培訓及有風險的試驗演練中。

相關案例

任天堂在健身環 Ring-Con 內加入的力學傳感器實現了對力量（張力、拉力、壓力等）的監測，并利用 Joy-con 震動來對用戶動作的標準性進行反饋提示。

《健身環大冒險》on Switch

微軟研發部開發出了一套 Haptic PIVOT 腕戴觸感反饋方案，通過活動的機械結構，更逼真地模擬出物體的握持感。

Haptic PIVOT 使用演示

索尼推出配備了音圈馬達的 PS5 DualSense 無線手柄，扳機鍵內增加了一個由電機驅動的齒輪，通過震動模擬出槍支的后坐力、彈簧的彈力、繩索的拉力等物理效果。

PS5 DualSense 無線手柄使用演示

Flight Booking AR application by Bala GN

概念闡述

現實生活中，人與人、人與物接觸產生的實體服務稱為線下服務，由網絡等技術支撐的人與硬件設備交互的服務稱為線上服務。在硬件設備、網絡技術成熟的當今社會，線下服務向線上服務遷移的過程中融入了更多 AR/VR 等虛擬服務，也帶來更多新的設計行為和交互方式。

應用場景

原本需要親臨現場才能完成的體驗，現在可以通過線上的方式實現，這不僅體現在因疫情催化產生的線上辦公、線上畢業展等強需求場景，也在購物、試衣、健身等更貼近生活的領域應用。

相關案例

用戶在 Gucci APP 上挑選自己喜歡的手表后，將手機攝像頭對準手腕，就會顯示「試戴」效果。

Gucci APP 虛擬試表

各大院校畢業展因疫情無法在線下舉行，一些學校通過線上展廳的方式，讓學生的畢業作品可以通過網絡瀏覽。

中央美術學院 云端美院

香港理工大學 polyudesignshow

Balenciaga 2020 年用一款電子游戲代替了線下時裝發布會。在視頻游戲中，玩家能夠在五個主題場景中欣賞到 2021 秋季系列的新款服飾。

Balenciaga：《后世：明日世界》

硬件設備的創新使線上健身指導有了更合理的使用場景和更人性化的體驗，用戶通過線上內容和服務在家也可以獲得接近健身房的體驗。

Tempo Studio：家庭智能健身設備

POPMART 泡泡瑪特

概念闡述

「情感療愈」是一種有溫度，無攻擊性，注重細節的設計方向。這類設計旨在治愈修補心靈中的創傷，不只注重功能的完善，也更在意情感內涵的打磨。它也可以幫助人們敞開心胸，接納自己內在的所有面。

應用場景

在產品設計中，一些撫慰人心的小功能、小彩蛋往往帶有著治愈人心的力量。在角色形象上，柔軟、可愛的造型在帶給人無攻擊感的同時強調著陪伴的意義。在娛樂領域，也出現不一味強迫用戶達成某個目的慢節奏「佛系」游戲。

相關案例

網易云音樂來自「張開雙臂擁抱別人」動作靈感的抱一抱彩蛋，讓原本只有文字點贊的評論區更有溫度。

網易云音樂的「抱一抱」動效

Switch 游戲《動物森友會》在 2020 年異常火爆，歸功于其萌系治愈的風格和追求自然隨性的生活方式，也讓疫情期間的玩家們暫時逃離嚴峻緊張的現實生活。

Switch：《集合啦！動物森友會》

盲盒的精神內核是「收集、陪伴、治愈」，泡泡瑪特簽約的 IP 形象，大多以可愛、萌系為主。

泡泡瑪特的盲盒萌系 IP 形象

Disney 與 Pixar 出品的動畫電影《心靈奇旅》用輕松的方式探討生活的意義和人生的價值，電影用它獨特的美術風格和感人的故事斬獲超高的口碑和評分。

Disney · Pixar《心靈奇旅》

OceanPlastic 廢棄塑料重造

概念闡述

2020 年世界各地重大自然災害頻發，環境污染嚴重，刺激著人類對生活環境的審視。更多品牌開始探索材料再利用的可能性，從自然衍生產物出發，從而降低對大自然的破壞。年輕一代對于再創造產品有更高的接受度，循環材料轉化為塑料顆粒，組合成獨一無二的花紋和肌理，給人專屬限量感，再生材料成為新的流行元素。

應用場景

消費者將繼續青睞和衛生健康、環境保護相關的價值品牌，越來越多的快消、包裝廠商開始研究材料回溯，組建相關部門，加入循環經濟浪潮中。

相關案例

運動品牌 Adidas 與 Nike 都推出了由回收廢料制作的充滿設計感的產品，在宣傳品牌環保意識的同時也引領了再生產品的潮流。

adidas 與 Parley Ocean 合作推出由海洋回收廢料制作的聯名產品

同樣使用了廢棄材料的 adidas 球衣

Nike 將生產車間加工過程中產生的邊角料轉化為產品設計的主要材料

由 99% 廢棄奶茶杯+ 1% 廢棄原茶渣再生而成的「真垃圾·手機殼」

TRASHAUS 真垃圾再生手機殼

Freitag 的 2020 新款 F601 MALCOLM 是一款個性化背包，用一塊再生的防水油布保護，并由用空PET瓶制成的防水織物制成。

F601 MALCOLM

除消費產品外，肯德基的可回重復利用餐盤、星巴克倡導的紙質吸管、外賣行業各公司的環保舉措等也體現了餐飲外賣行業對循環經濟的重視。

結語

無論是后疫情時代世界的變化、新技術的發明應用或是國際社會環境的走向，都會影響大眾的生活習慣、行為方式和審美取向，同時也決定了未來設計的發展方向。但這其中不變的，是軟硬件發展不斷突破視覺表現的上限、設計師追求「以人為本」的核心理念以及通過設計去提出和解決問題的目標。

我們期待著上述預測性的分析能在今年的設計中被驗證。但設計本身是一個迸發新奇創意的過程，也希望上述的設計趨勢能激發設計師們更豐富的靈感、為設計領域提供更多的可能性。

新的一年，在「變化」與「希望」的新主題下，我們一同加油！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

Dribbble 平臺對于互聯網 UI 界面設計有著舉足輕重的定位，對 Dribbble 設計的研究會讓我們看清設計的方向。

為了保證這篇文章的質量，Dribbble 年度的每個作品都超過 550 贊。在此原則下挑選了 828 件作品，作品總的大小為 2.2G。

總結

從挑選出的 828 件作品中，排名前十的作品中 9 件為 B 端設計，另一件作品也是 B 端產品 C 端化的產物。其中：

• B 端界面設計占比 476/828，57.4%；
• C 端界面設計占比 180/828，21.7%；
• 視頻動效作品占比 223/828，26.9%；

明眼人都能看出其中的比重關系，B 端設計再次大火，為什么是再次？因為 B 端設計之前火過，只不過沒有趕上一個好的時代，在 C 端設計風光的十年里而忽略了其存在。隨著 C 端市場飽和與數字化的浪潮下，實體經濟、ToB、ToG 的產業再次迎來了它的曙光。視頻動效的作品占比也已超過 C 端界面設計，相信今年視頻動效作品占比還會再次提升。

Dribbble 年度最佳作品

Dribbble 年度最佳作品來自大家最熟悉的 UI8 團隊中的 Tran Mau Tri Tam ?，作者來自越南西貢，最佳作品截止目前355K瀏覽量，2933個贊。

為什么看似平平無奇的作品卻能獲得 Dribbble 年度最佳作品呢？既不是 C 端也不是純 B 端的作品，更像一個網頁與平面的結合體。如果去掉搜索圖標、分類圖標和按鈕，你可以理解它就是一個平面作品，一個字體加幾何形體構建的作品，為了豐富畫面的層次，讓畫面更加的活潑采用了多彩加幾何色塊，讓標題閱讀有停頓感和呼吸感。faster 底部的橫線讓它從標題文字中脫穎而出，這種使用線條突出重要信息的設計也是今年Dribbble 設計流行趨勢之一。

MetroUI 是 Windows8 的界面設計語言，在 2010 年至 2013 年間曾經風靡一時，那也是移動互聯網的發展元年，現在國家推行實體經濟、數字化帶動 To B、To G 的發展元年，通過幾何色塊（MetroUI）實現 B 端產品與 C 端設計風格的傳承與銜接，你會發現歷史總是驚人的相似。最后背景結合今年最流行的微軟風，毛玻璃的多彩高斯模糊漸變風，年度作品當之無愧。

最后來看下按鈕的設計，正常的按鈕要么文字加色塊，要么左圖標加右文字，它設計成左文本加右圖標，更加注重信息的可讀性和易讀性，也體現 B 端設計重功能和交互體驗，視覺點到為止的設計理念。

下面我們來欣賞年度最佳作品里面的流行趨勢吧。

1. 易讀性（停頓感）

字體三原則：可讀性、易識性、易讀性。當你同時讀一篇文言文和一篇設計文章，肯定設計文章的內容可讀性更好。易識性是用在字體設計上，不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個位設計師都息息相關，因為我們都需要編排文本。當我們小時候寫作文時，不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感，更加適合用戶閱讀。

通過給用戶制作停頓感來增加用戶的易讀性?？梢栽谙嚓P聯文本后面添加圖片、表情、圖標來更好的理解文本內容，豐富文本內涵。比如情侶間表達愛意時會輸入文本，“我愛你”、“我 Love 你”、“我 ai 你”、“我??你”，哪個更加會有情感共鳴呢？不言而喻，相信你心中已經有答案了。

2. 曲線

在標題文字上添加曲線來突出重要文案是 2021 Dribbble 最流行的趨勢之一，第一個設計目的就是突顯文字，其次就是想表現鉛筆真實書寫的感覺。之前很多帶有簽名的設計中，簽字的文本都是手寫體的感覺，手寫體對比電腦的機械字體會帶有一種人文氣息，也會讓兩者之間產生一種對比、矛盾。

除了突顯文本外，曲線還有視覺引導的作用。通過視覺引導讓用戶按照設計師編排的順序進行瀏覽界面。當然還有比這更科學的工具就是眼動儀測試，通過真實用戶眼睛瀏覽界面顯示對應的熱點圖。

3. 多彩高斯漸變風

多彩高斯漸變風是從色彩的角度來傳達和豐富畫面的，多彩高斯漸變風其實是從制造矛盾到平衡矛盾的過程，多彩漸變多為冷暖對比來制造畫面的沖突，需要控制冷暖畫面的大小來實現平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。

多彩高斯漸變還可以結合輕擬物、幾何圖形、三維等新的組合方式去創新，給用戶呈現一種更加新穎的視覺表現形式。最后我們還是要回歸到內容上，為了更好的傳達信息需要去設計與內容相匹配的視覺風格。

B 端界面設計

1. 側邊欄 Sidebar

B 端設計的火爆帶動了 B 端相關模塊設計，更多的人也愿意嘗試 B 端相關模塊設計，側邊欄作為產品架構中重要的導航系統，好的側邊欄設計能為用戶帶來更好的效率。主流側邊欄都做了展開、收起、拖拽等交互效果，也是受限于 PC 屏幕為展示更多數據而騰空間。側邊欄主要承擔的功能有導航、分類、自定義篩選、共享、新增等。Dribbble 的 B 端產品設計已經不再是假大空概念設計，而是一套實用美觀可落地的設計。

2. 儀表盤設計

儀表盤設計是一個很好的隱喻，想象一下開摩托車或汽車主駕駛前面的屏幕，汽車儀表有燃油表、車速表、里程表、水溫表、轉速表、故障指示燈等。B 端類產品后臺界面的儀表盤設計也需要展示一些重要的數據和各種狀態，大體分為側標欄、導航欄、待辦任務、個人信息、報表數據、消息中心、快捷入口等。當然最重要的就是報表數據，團隊收益、任務進度、轉化比例、新增、存量、團隊工作時長等都是老板或領導關心的內容。每個公司業務不同、每個人員權限不同，自定義的儀表盤也各有差異。重要的是突顯數據和業務狀態，需要分層級系統性去思考和設計。

3. 流程設計

復雜的事情簡單化，簡單的事情標準化，標準的事情流程化，流程的事情自動化。流程設計是每一個企業核心功能和業務，可自定義的管理流程系統搭建也是 B 端產品設計的難點，需要對業務高度抽象，讓每一個業務人員可自定義的流程才是好的流程設計。

4. B 端 C 化

B 端 C 化是 B 端產品設計的視覺表現力慢慢往 C 端產品設計的視覺靠齊，國內 B 端產品界面設計視覺水平還有很大的提高空間。除了視覺上的提升外，由于業務的發展，B 端產品也開始移動化、智能化，國內主流還是通過小程序、H5 來現實 B 端產品 C 端化。

5. 輕代碼化

輕代碼化是一種低代碼賦能無代碼的方式，彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時，又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發即可如搭積木般快速、靈活地創造屬于你的個性化管理系統，輕松實現多元業務場景的數字化管理。

輕代碼化將功能進行打包，升級成全局可以用的配置，技術人員配置好后，業務人員在應用編輯時直接選擇使用模版，綁定對應的變量即可使用。

界面設計技巧

1. 人文氣息

為什么人加色塊的組合方式能流行起來？還是 B 端行業流行帶動的。B 端講的更多的是企業對企業。企業對企業除了講行業解決方案外，還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現公司的企業文化。對于一家全球化的公司不同膚色的人物組合在一起，這種人文氣息和價值觀已經就不言而喻了。

當然企業也需要進行營銷，抓人眼球。幾千年來的遺傳證明了，人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。

這種風格更適合大公司，國內的一些手機廠商 OPPO、VIVO 等也會通過手機+背景+人物來體現科技與人文的結合，而對于中小型公司產品差異化和行業解決方案展現應該還是重中之重。

2. 毛玻璃效果

毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的順應當下 UI 扁平化的設計趨勢。蘋果 Mac OS Big Sur 系統的圖標、界面中運用了大量毛玻璃和半透明元素，界面更扁平。至于 C4D 三維彩色玻璃的視頻教程可以在 B 站搜索“透光藝術-C4D 創建彩色玻璃的 4 個技法”，完全能滿足 UI 設計師。當然還有一個好消息就是 Mac 用戶可以享有 OC 一年免費的使用權，具體安裝購買方法上某寶就可以輕松搞定，真香。

3. 輕擬物

輕擬物這幾年一直流行，在 UI 設計中趨于穩定的位置。從寫實到扁平再到輕擬物，其實是設計師們一路不斷探索的結果。本質就是光影對形體產生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光（環境光）五個部分的處理。寫實三維的圖標等設計更適用于簡潔的畫面中，扁平等設計更適用于復雜一點的界面中，比如 B 端產品界面中的功能圖標。輕擬物可使用的范圍更廣，效果更佳。Sketch、Figma 軟件對于漸變、高光、投影、高斯模糊處理已經非常簡單且出彩。

4. 簡潔設計

簡潔設計遵從了密斯·凡德羅的“少即是多”的設計原則，在 B 端產品界面中更加需要簡潔設計，我們最熟悉的 Sketch 軟件界面已經是相當的簡潔了。回到現實當需求功能不斷增加，產品界面的編排如何取舍，如何保證界面的簡潔是設計師需要深度思考的問題？如何與上級溝通？該功能是否可做可不做？是否需要埋點用數據說話？如果只是一味競品有我們就需要有，功能不斷累加只會讓界面越來越重。

5. 幾何圖形

幾何圖形和幾何插畫有異曲同工之妙，幾何圖形多為產品界面和宣傳內容的抽象，產品界面的幾何圖形多為占位符形式，加上色彩和幾何色塊讓其成為一個整體。B 端產品視覺設計 C 端化的進程中，幾何圖形、幾何色彩不失為最好的突破口，相信今年Dribbble B 端產品的視覺設計一定會更上一個臺階。

幾何圖形另一個場景化的地方就是品牌，作為一名 UI 設計師一定會經歷從圖標到幾何圖形到品牌設計的過程，品牌設計的技巧基本還是以幾何圖形為主，至于品牌的內涵需要更深層次的解讀。掌握主流品牌設計的技巧對產品定位、品牌宣傳打下扎實的基礎。

6. 暗黑設計

暗黑模式的設計是解決在微弱環境下內容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設備時長增大，如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞，提高在夜間使用的可讀性。

在設計暗黑主題時，不能為了突顯視覺上的逼格，而去使用高飽和度鮮艷的色彩來突顯界面的品質感。而應該把舒適度、可讀性作為設計的衡量指標。Material Design 給出了暗黑主題的設計準則，即正文和背景之間的對比度應至少為 15.8:1。按照此標準設計，可讀性都還不錯。這里介紹一個插件“Stark”（Figma、Sketch、XD、Chrome 插件）用來測試界面的對比度。

7. 模塊化（組件化）

為什么叫模塊化，而不叫組件化，組件化更多的利用原子系統從原子、分子、組織、模版、頁面來快速的搭建界面，但在 B 端產品設計中基礎組件和業務組件的搭建是以提高工作效率為前提，是否有從 0 到 1 搭建 B 端產品組件的經歷是設計師一生中最寶貴的經驗之一，它能提高設計師的系統化思維、邏輯思維和抽象思維能力。

產品模塊化設計就是將產品分成幾個部分，也就是幾個模塊，每一部分都是具有獨立功能，具有一致的連接接口和一致的輸入、輸出接口的單元，相同種類的模塊在產品族中可以重用和互換，相關模塊的排列組合就可以形成最終的產品。通過模塊的組合配置，就可以創建不同需求的產品，滿足客戶的定制需求 。

8. 插畫

插畫作為設計的一大品類，不同的插畫師都有自己擅長的風格，本質是都有自己的個性，但是在產品設計中更多是需要共情、共性來講故事，表達產品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯網產品設計類的插畫風格。設計的本質是舊元素的重新組合，插畫不會過時，而是需要結合當下和產品找到最匹配的設計風格。

9. 幾何插畫

幾何插畫算是插畫簡化的一種表現形式，人和物的形態不再寫實，而是抽象成幾何圖形拼湊的感覺，同時保留人物形態的神韻。加上幾何色塊與人物交互形態的表現，傳達出簡潔、科技的現代感。難點還是在人物形態的表現上，平時多練習練習速寫還是很有必要的。

10. 線面插畫

線面插畫最近一兩年非常流行，準確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現人物形態時某些結構會表現不出來，這時候用線條簡單勾勒后，結構就會清晰明了。其次當線面插畫運用在界面上時，可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風格提升畫面熱鬧感的同時，還能保持界面的干凈整潔。

動效

1. 微交互

界面微交互動效會讓用戶的體驗更加精致到位。想要打造優秀的產品設計，微交互和動效設計是繞不開的，UI 界面設計通過微交互反饋告知用戶當前正在發生的事情，所處的狀態。細微的動效更能調動用戶情緒，取悅用戶。C 端產品微交互和動效已經很成熟了，一部分功勞來自 iOS 系統原生自帶的效果。B 端產品的微交互和動效更多還是在學習海外產品，還需要給前端工程師灌輸微交互和動效的設計價值，共同打造產品體驗細節。

2. Mg 動畫

Mg 動畫需要很好的節奏感、韻律，每一個場景動畫都需要其中的元素進行連接變化，讓轉場動畫更加自然，MG 人物動畫通過點線面的動效變化讓畫面更加有趣、自然，通過粒子效果讓特定場景無限循環會讓人更加印象深刻。

三維

1. 三維圖標

MacOS Big Sur 系統圖標的更新帶動了三維圖標的流行，三維圖標的應該場景還是需要有較大留白空間的界面，因為三維圖標太小后就看不到更多細節。三維圖標感覺又回到了擬物化和扁平化哪個更好的問題上？設計師應該保持開放多元的視角。設計本身也在不斷的演化融合，存在即合理。合適最重要，它們都會有適合自己的場景和設計價值。

2. 輕三維

為什么輕三維在界面設計中占有一席之位？一個是設計師不斷追求差異化的產物。另一個是更好的表現內容，并與用戶產生共鳴。輕三維的基礎模型都是來自手機界面中的各種元素，比如組件、開關、按鈕、占位符、圖表、幾何圖形、圖標、進度條等，這些都是用戶日常使用系統軟件常見的元素，通過簡單的幾何形體建模—打燈光—加材質—渲染—PS調色。難度系數不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角，結合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質自由添加，特別是當下流行的毛玻璃效果，玻璃材質渲染效果更佳。第三個出彩點就是可以加局部燈光，局部的漸變色或環境光更加出彩。

3. P4D（PS+C4D）

P4D 是 PS 加 C4D 的設計表現技法，也是視覺設計的最后一個環節，通過 PS 對 C4D 的渲染圖片進行調色，利用 PS 的調色技巧可以很好的解決 C4D 打燈光的瑕疵，還可以利用 PS 強大的合成功能，將渲染圖片與圖片素材進行合成，來表現畫面的視覺度，當然三維軟件比較難實現的水、粒子、煙花等效果，也可以通過 PS 的后期合成來實現，這也是 P4D 的強大之處。

4. 卡通 IP

卡通 IP 設計最近三四年技術的迭代已經慢慢的走上成熟，卡通 IP 也從傳統的純 PS 手繪技法，轉到 C4D 建?！巧壎ā狹D衣服制作—OC渲染—PS（靜態）/AE（動態）調色。

卡通 IP 火的本質更適合做營銷，相比于品牌或 Slogan，卡通 IP 具有親和力和畫面感。隨著各種手辦行業大熱，受互聯網大廠影響下，卡通 IP 已經是互聯網 B 輪以上公司的標配了。如果團隊中沒有這樣能力的人，也可以通過繪制好二維，一套三維可以選擇外包完成。

對于 UI 設計師來說學習是有成本的，暫時并不是必備技能，如果喜歡完全可以學習，從設計差異化的角度來看三維視覺確實有一定的競爭力。

5. 三維動畫

C4D 三維場景動畫通過構建實物和場景模擬生活中的現實場景，會讓用戶體驗真實感，三維軟件制作動效的最大優勢是通過動力學和表達式來模擬真實感，未來在 AR/VR 領域會有更好的發展。相對于界面動效學習成本難度也相對較大。在三維動畫中 C4D 軟件對于域、動力學還是有一定的優勢。

總結

上一次寫 Dribbble 流行趨勢還是兩年前了，通過兩年的沉淀對趨勢流行有了更深的認知。十年的互聯網行業風風火火，隨著最近的互聯網裁員潮大家也慢慢的進入到反思層，客觀的看待和理解這個真實的世界，曾經的流行趨勢也需要慢慢的沉淀下來。

存在即合理，趨勢流行稍縱即逝，注定是不長久的，只有大浪淘沙歷史遺留下來的風格才能更長久。但我們也不能不去關注，因為哪有什么所謂的創新，只不過是舊元素的重新組合，并符合當下這個時代人的審美需求。香奈兒的“時尚易逝，風格永存”大概就是這個意思吧。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

背景

數字營銷是指借助于互聯網營銷方式，幫助業務方和消費者建立觸達渠道，實現業務的商業目標達成。按業務類型分為線下產品的數字廣告和數字內容（APP、影音、動漫、游戲等）線上推廣分發。本文主要聚焦在數字內容線上推廣分發上，嘗試從用戶獲取渠道、體驗方式、內容感知、新技術帶來的變化等幾個方面，為相關從業者梳理數字內容流行的營銷方式，以期提供一些啟發和借鑒。

近年來用戶內容消費呈碎片化、視頻化，多元化趨勢。短視頻內容強勢崛起，這種方式可以讓用戶更輕松、更深度消費內容。在各類營銷類型中，短視頻逐漸成為推廣的重要方式，不僅在實體產品電商領域，日益成為重要的銷售方式，在數字產品的推廣上，也發揮越來越重要的作用。漫威在短視頻平臺注冊虛構報社賬號宣傳《蜘蛛俠：英雄無歸》電影，獲得海量關注和點贊。

說唱歌手Lil Nas X用《Old Town Road》做BGM在短視頻平臺發起的牛仔挑戰（#Yeehaw challenge），使這首歌曲通過短視頻成為了全球爆款。這首歌在美國地區的流媒體播放量超過了25億次，在Billboard排行榜保持了19周的冠軍。

美國創作型歌手兼唱片制作人 Charlie Puth 嘗試在短視頻平臺上發布一些旋律，發起了標簽挑戰 #writethelyrics，邀請粉絲們為旋律填詞，這個標簽累計視頻觀看量達到38億次。

在游戲領域，短視頻/直播內容也正成為分發重要形式。短視頻巨頭已深入游戲腹地，2020年移動游戲用戶與短視頻用戶重合率達82.5%，近六成移動游戲用戶會用短視頻主動搜索游戲內容。短視頻在和游戲內容結合上有先天優勢，消費門檻低，體驗更沉浸，同時也可以快速獲取其他玩家的感受。除此外，對于游戲制作和發行方來說，這里也是通過內容創作獲取用戶的良好渠道。

游戲依托賽事直播、KOL直播，聚集了大量高質玩家，相較于傳統分發方式，直播具備互動性、真實性、及時性等三大特點。KOL主播可以將游戲最直觀的展現在玩家面前，更可以利用高人氣迅速提升游戲熱度。Facebook gaming現在采用直播feeds的方式進行游戲的推廣，使玩家對游戲體驗感受更直觀。

黑客帝國4在官網為用戶提供了一段可交互的宣傳視頻，根據用戶的選擇不同，觸發不同類型結局。讓用戶更有代入感和掌控感。有種“我”開啟了一段故事，也更容易帶來體驗上的驚喜感。

洛杉磯流行藝術家 BIIANCO 為其單曲That’s what friends are for制作了互動音樂視頻，以互動游戲的方式讓觀眾進行多次選擇，探索屬于自己的故事。

在游戲類內容宣傳上，為讓玩家更直接、更低成本的體驗到游戲的玩法和特點。借助2D、3D以及交互視頻素材高度還原游戲的真實場景，音效、視覺、玩法互動與游戲本身無異，將原有的游戲體驗前置，讓用戶在短暫的廣告展示時間中快速明白游戲的核心機制。

2021年音頻內容呈爆炸式增長，播客這種很早就有的形式，在今年煥發了蓬勃生機。因為疫情原因，音頻內容呈爆發式增長，相較于其他數字內容表達方式，音頻覆蓋了更多互動場景，用戶可以在通勤、運動和打掃房子的時候在車里播放。

21年初熱播的《流金歲月》不僅霸屏熱播熱榜，更首次將營銷可能性轉化到“看不見的”聲音領域，最終聯手十多家播客參與多方面討論了女性、友誼、成長等話題，精細化傳播，也讓更多電臺參與創作討論，最終“我的「流金歲月」”主題內容實現了全平臺百萬級的總播放量。

Beats 就聯合播客《大內密談》推出了一檔名為「一首歌的誕生」的系列節目，主播相征會在節目中和各位音樂聊一聊他們的某一首歌從譜曲、寫詞到錄制的全過程。2021年，《大內密談》連續7年獲得Apple Podcasts年度精選播，擁有400多萬忠實聽眾，單期節目收聽量超過400萬次。

影音、游戲聯動明星、品牌、知名IP、傳統文化產業、線下活動等等具有影響力的合作方進行戰略合作，擴大雙方影響力。如英雄聯盟和LV的跨界聯動，這款由LV設計的史上最昂貴、最奢侈的游戲皮膚，還未推出就捕獲了無數LOL玩家的心，在讓玩家興奮不已之余，還引發了“這款皮膚究竟有多貴”的討論。

自2017年騰訊和敦煌研究院達成戰略合作以來，王者榮耀飛天及九色鹿主題皮膚、QQ音樂“古樂重聲”音樂會、敦煌詩巾、“云游敦煌”小程序和敦煌動畫劇陸續推出。三年間，累計超過2.5億人次參與了“數字供養人”，超過4000萬年輕人在王者榮耀中遇見了敦煌飛天，“云游敦煌”小程序目前已接待超過3700萬人次線上游客，40多萬用戶設計了自己專屬的敦煌絲巾，24萬用戶在騰訊公益平臺為敦煌石窟保護項目捐款，15萬用戶在線用聲音演繹敦煌動畫劇。

2021年底熱劇《風起洛陽》聯動洛陽市文化單位正式發布“華夏古城宇宙”的全新概念，并宣布“華夏古城宇宙” 首發洛陽IP中的劇集《風起洛陽》、紀錄片《神都洛陽》、動畫片《風起洛陽之神機少年》，帶領觀眾開啟探索華夏文明的旅程。

1）內容二創，形成粉絲傳播文化

影視劇宣發期，通過話題互動或設置傳播內容，讓用戶創作內容進行傳播，如《魷魚游戲》引發自發傳播的摳糖挑戰也引起更多受眾注意激發用戶觀看。

游戲也會在上線后逐步積攢口碑和玩家數量，官方在制作游戲時和后期推廣上會提供一些方便傳播的核心素材，由游戲粉絲玩家群體自發進行二次創作產生的UGC內容，也會引發大眾關注。很多玩家會圍繞游戲內容創作出新奇舞蹈、仿妝、COS、攻略、同人剪輯、漫畫等，提供廣泛的話題和討論度。例如《CS：GO》，它通過一條開箱視頻引爆短視頻平臺，打破了消費用戶的圈層，從游戲用戶到泛娛樂用戶，最終令游戲內箱子的價格從0.8元漲至2元，極大地促進了消費。

2）打造慶典活動，激發用戶共情

通過大型慶典活動，讓用戶共情，形成記憶共享，將志同道合的人聚在一起，形成文化傳播。如英雄聯盟每年都會舉辦盛大的全球總決賽開幕慶典，并加入一些讓人印象深刻的游戲元素。

相較于通過中心化推薦方式向用戶展示廣告內容，新的趨勢是廣告主利用用戶社交關系鏈，在facebook、微信、QQ等社交平臺進行分享傳播。通過社交流量的傳播內容，讓受眾覺得更貼近自己，也更可信。相較于其他數字內容，在游戲分發上私域流量日益重要，很多頭部社交渠道在嘗試如何更好的通過私域流量帶動游戲分發。

1）通過社交動態通知觸達

Facebook游戲智能助手會在玩家的對手參與游戲后，通過Facebook與Messenger提示對方繼續玩游戲，這種方式可以吸引玩家快速回歸玩過的游戲；同時在首頁好友動態中可以看到好友的游戲邀請動態和相關戰績，對游戲有較高的流量傳播；游戲的高活玩家也可以通過邀請好友對戰或分享游戲活動等方式進行裂變傳播；

2）線上社區深度觸達

Discord建立起玩家之間互推、互鑒，玩家與開發者間直接互動的社區平臺；社區內的種子玩家可以更直接地與開發者接觸，讓自己的聲音被聽到；同時他們也是優質的渠道傳播者，將優質的討論內容、游戲動態進行分享，讓渠道轉化效率更高；

同時Discord可以創建「臨時」游戲語音頻道，可以讓其他成員看到頻道內成員正在玩的游戲；玩家也可以將游戲實況傳輸到服務器，在語音頻道邀請朋友共同觀看自己的游戲“現場直播”，讓玩家的朋友在沙發上重現游戲的感覺；

3）利用核心玩家作為推廣資源觸達

游戲開發者利用多圈層KOL的優勢，引導他們產出與游戲相關的UGC，OGC內容，形成話題熱議，從而觸達到目標用戶，這種方式可以增強游戲影響力，甚至產生出圈的效果；比如Youtube通過扶持優秀的內容創作者，通過他們的粉絲圈或者社交關系進行游戲推廣。

2021年初爆火出圈的社交產品clubhouse，也是在早起利用名人明星和圈子的力量，通過采用邀請制的方式吸引了高質量的種子用戶，帶動app的影響力，提升其在世界產品和科技圈的熱度。

相較于傳統的機器人客服，機器人進化出了新能力,在數字內容推廣上展現新前景。在Discord中，由第三方機構提供各種數字內容服務能力的機器人，如將Patchbot機器人添加到頻道后，可以將用戶喜歡的游戲資訊/功能更新及時推送到頻道中，讓玩家獲取信息更及時；

在Discord和Telegram聊天群組中，有很多提供數字產品服務能力的機器人，為群中小伙伴定期推送和主動獲取影音資源。

隨著元宇宙、區塊鏈技術的火爆，數字內容也展現了不同以往的展示和推廣方式。2021作為元宇宙爆發年，向我們展示了未來的一角。通過虛實結合的互動體驗，數字營銷不再局限于單一的文字/畫面，而是通過多體感的交互，讓用戶全方位的體驗數字內容，為獵奇的互聯網用戶打開了數字營銷新篇章。

1）虛擬偶像成數字內容推廣重要方式

2021年，隨著元宇宙基建的推進和爆款案例的頻出，虛擬偶像也迎來了新一波發展高潮，引得不少音樂公司紛紛入局。19歲的加州虛擬網紅Lil Miquela代表了Z時代的社群偶像，她在instagram，youtube，discord等平臺分享自己的時尚穿搭，與名人或朋友的合影及生活想法，甚至她還在Spotify發布了自己的15首單曲。打造了跨平臺的Vmodel身份。

韓國虛擬模特Rozy，不僅在社交網絡分享自己的穿搭生活，還如同常人一樣，營造看電影的真實體驗，她的代言產品不僅涉及線下美妝，還為線上購物網站，電影等數字產品內容做宣傳推廣；

2）虛擬演唱會打造多感官音樂體驗

賈斯汀 比伯舉行了一場由真實動作捕捉的線上虛擬演唱會，比伯在演唱《Peaches》、《Hold On》等人氣單曲的同時，觀看直播的觀眾可以根據場景與比伯進行線上互動：場景切換到田野時，觀眾可以點擊不同顏色的花朵，讓田野生出花朵形狀的流光；

切換到街頭場景時，觀眾可以把聊天內容或愛心發送到比伯周圍；

這種虛擬演唱會的形式將全球的粉絲連接在一起，在虛擬場地形成萬人互動的沉浸式音樂體驗。寶可夢25周年，聯合說唱歌手Post Malone推出了自己的虛擬音樂會，馬龍在這次虛擬演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首單曲，在虛擬世界中與知名寶可夢一起完成表演；也為新發售的《寶可夢：晶燦鉆石/明亮珍珠》起到宣傳作用；

3）利用虛擬社區打造游戲/影視宣發新方式

Decentraland提供了去中心化的社交世界，用戶可以創建自己的虛擬形象，在不同的游戲場館進行切換，為游戲品牌起到了更好的宣傳作用；同時Dcentraland提供了虛擬土地售賣，用戶或開發者購買土地后，通過制作3D場景，發布自己設計的各種產品或服務，這些場景也可以使用VR終端來體驗，用戶或開發者可以發揮無限的想象力進行宣傳創作。

韓國劇集《魷魚游戲》熱播后，劇集中的游戲關卡在羅布樂思公司的游戲社區被“1:1”還原，其中的游戲“1、2、3”木頭人進入推薦排行榜，吸引了眾多觀眾成為玩家，也讓很多玩家去奈飛追劇，擴大了該影視資源的影響力。

4）區塊鏈及NFT技術賦予數字內容流通新方式

伴隨著區塊鏈技術的發發展，有的游戲分發公司也在嘗試通過區塊鏈技術進行游戲發行。如Ultra試圖打造一個基于區塊鏈的游戲發行平臺，通過通證經濟實現更加合理的利益分配。對游戲玩家來說，可以在下載完成前就盡情享受新買的游戲，并在玩游戲時繼續下載缺失的數據。玩家可以自主選擇是否允許游戲內彈出廣告，觀看廣告可獲得通證獎勵，邀請朋友、參與測試和策劃游戲也可獲得相應通證獎勵。因此，游戲玩家既可以即時玩獨家游戲，又可以通過多種方式賺取通證獎勵。

NFT實現了虛擬物品的資產化與流通化，賦予了數字藏品/游戲/影音等內容的虛擬價值；藝術品數字資產化將拓展影視相關內容的產品鏈，因被賦予獨特的價值，使得其可以通過交易完成變現。2021年10月11日，王家衛首個NFT作品《花樣年華——一剎那》以428.4萬港元價格成交，同時創下王家衛個人作品與亞洲電影NFT作品拍賣價格新高。

總結

伴隨著用戶數字內容消費習慣的變化，數字內容呈現方式、渠道和分發方式都在發生變化?？梢钥吹皆谖磥恚瑪底謨热葜谱鞣胶桶l行方，需要為用戶提供更多元的方式深度進行體驗，同時承載數字內容的平臺也逐步由傳統的中心化渠道向私域流量轉移。作為數字內容發行方，如何有效且長線輸出高品質內容，構建內容壁壘，探索更有吸引力的表現形式、縮短和用戶的溝通渠道，是未來需要深入思考的。

文章來源：站酷 作者：騰訊ISUX

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

2022 年的 UI/UX 設計趨勢是什么呢？在本文中，我們將發現：

1. 3D 視覺設計師的內卷將會越來越嚴重
2. 數據可視化的工作將變得越來越重要
3. 服務的移動化還需要做出更多努力
4. scrollytelling 技術會越來越流行

滾動已死，滾動敘事興起

舊的滾動是無聊的。如果你想吸引注意力，你就需要實現滾動敘事（scrollytelling）。（彩云注：這個技術的核心在于邊滾動頁面邊講故事）

《紐約時報》是第一批在他們的文章《雪花飄落》中使用滾動敘事手法的機構之一。

它是一種敘事形式，可以在網頁和 APP 上呈現。想象一下，在一個網站中每個插圖、文本和其他元素都開始變得生動起來。自然地，你會想看到這個故事的結局。它就像一個游戲，帶你穿越迷宮。雖然你不能影響它的進程，但卻讓你感覺自己能參與其中。

2022 年，Scrollytelling 將會出現在你看到的每一個流行網站上。

另一方面，scrolllytelling 讓用戶真正去閱讀內容。你可以用動態文本讓他們產生興趣，比如谷歌的網站。他們的團隊知道如何讓信息看起來更好:

Scrollytelling 在用戶向下滾動時被激活，因此得名。沒有點擊，沒有選擇的麻煩，沒有彈出窗口。你似乎停留在一個地方，但通過滾動，把屏幕上的故事慢慢展開。這不僅要求設計師創造出酷炫的視覺效果，還需要認真思考一個你想要講述的故事情節。

所以，最好的網站不可能在 2 天內建成，需要更多的時間去打磨。

IAmBinadam 令人驚艷的敘述設計

滾動敘事的項目通常需要大量的時間和精力。不過，這樣做的結果是值得的。頁面變成“活的”，每一秒都有新的事情發生，所以在閱讀時很難感到無聊。

那么移動端 APP 呢? Pure 是一款約會應用（彩云注，這個應用在 app store 可以搜到，推薦大家安裝一個體驗一下，非廣告），它創造了一種我稱之為“tappytelling”的故事（當你第一次點擊并打開應用時，它就會被激活）:

Scrollytelling 是為用戶而創建的，用戶很喜歡它，不需要到其他頁面去閱讀整個故事。相反，網頁設計的整個故事都是事先考慮好的，并盡可能以最有趣的方式設計出來。

用戶喜歡看數據，數據可視化越來越被重視

如何在 2022 年做出一個還不錯的企業網站？你不會想告訴用戶你是“XX 領域公認的領導者，該領域最好的之一”。這種標準的廣告表達并不傳達任何有價值的信息。

最好不要用形容詞，而是用事實來說明:你有多少分支機構，在哪些城市，誰是你的客戶，以及你是如何幫助他們的。抽象信息是不可靠的。但如果你有很多想要分享的數據，你需要讓它不僅簡單，而且有趣。

數據可視化有助于以一種吸引人的方式傳達正確的信息。它也可以與滾動敘事（Scrollytelling）緊密結合。以下是 IAmBinadam 展示數據的方式:

通過去除數據集的復雜性，使信息更容易讓讀者感知。

不同級別的數據具有不同的大小，這樣用戶知道應該先從哪里查看

讀者可以很快注意到作者試圖通過圖片引出的結論?？紤]到如今人們消費的數據量巨大，那些干凈整潔的數字帶來的正面影響更大。

有些圖表乍一看甚至不像圖表，這使得它們更加能被注意到

還有一種現象叫做“新冠后遺癥”。這是 Covid 對公司及其員工的長期影響。根據英國國家統計局的數據，2018 年，壓力和焦慮的平均得分約為 2.7/10。自新冠疫情發生以來，得分已升至 4.0/10，很少低于這一水平。同樣因為大流行，在過去兩年里工作量增加了 4 個小時。

人們壓力太大，卷的太辛苦，以至于不愿去看復雜的數據。

設計師做好數據可視化，以保持人們的注意力。記住，復雜的信息通常被忽略，因為讀者試圖節省他們的時間，更有可能使用滾動按鈕。

Illustration by Mona Chalabi

以下是我們推薦的一些表示數據的方式

1. 圖表和曲線圖
2. 插圖
3. 靜態信息圖
4. 互動信息圖

Illustration by Ink Factory

如何讓信息圖表看起來更好?

一個好的圖表，或者任何其他形式的數據可視化，都應該具有在 Edward Tufte 的“定量信息的可視化顯示”中描述的特征。在他的書中，Tufte 通過圖表解釋了好圖表的 3 個原則：

1）展示數據的圖形元素與數值總數的比值應趨向于 1。簡單地說，應該刪除一切不必要的元素，保持整潔。

Graph by Hootsuite

2）充分利用好畫面空間。也就是說，需要將數據編排的更緊密。

Graph by Hootsuite

3）客觀地描述數據。不要使用夸張的圖表，可視化數據可以看起來很酷，但真實永遠是更重要的。

2022 年還有必要做 APP 嗎？

根據 We Are Social 的數據，2021 年有 52.2 億人使用手機，約占世界人口的 66%。自 2020 年 1 月以來，手機用戶數量增長了 1.8%(9300 萬)，而手機聯網總數量增長了 7200 萬(0.9%)，到 2021 年初達到 80.2 億。

過去一年，社交媒體用戶的數量增長了 13%以上。到 2021 年初，社交網絡上已有近 5 億新用戶注冊。根據 App Annie 的數據，Android 用戶每天花在手機上的時間超過 4 小時。2020 年，安卓用戶上網時長超過 3.5 萬億小時。

令人印象深刻的數字，是嗎？似乎到 2022 年，為產品做一個 APP 將成為必須擁有的東西。如何知道你的公司是否真的需要一款應用？有以下幾點可供評估：

1）用戶主要通過移動設備訪問你的網站

這是你應該了解的重要數據?？蛻艉湍阍谝黄鸬臅r間越長，你就有越多的機會去吸引他們，了解他們的習慣，并給他們想要的東西。（彩云注：這就是為什么各大廠之間都在拼命搶占用戶的在線時長。）

2）幫助內部業務流程更加有效

如果你想要提高員工的工作效率、改進工作流程或增加利潤，那么就制作一個可以幫助管理業務流程的移動應用。

如今，像這樣的手機應用使企業能夠執行越來越復雜和多樣化的任務，加快日常重復操作和文檔管理。

3）實現一些網站上沒有的新功能

如果你認為 APP 能為用戶打開新的觸點，并讓用戶體驗更加友好，那么它就值得考慮開發。問問自己的 APP 能提供什么新的商業機會？例如，隨著疫情的蔓延，許多人開始用上健身 APP 在家里鍛煉。

4）競爭對手的情況

要了解競爭對手在做什么，他們是否有 APP，能做什么，以及他們是否真的對用戶有用。

查看 App Store 和谷歌 Play 的統計數據。下載和評論的數量可以告訴你用戶是如何使用競爭對手的應用的。如果他們的服務真的很方便而且很有必要，那么你就容易被甩在后面。

5）復購率

一個應用可以幫助你留住那些習慣從你那里購買的人。如果想為老客戶開展促銷活動了，給他們發送一個通知就能完成，成本更低。

在正確的時間提供的報價越有吸引力，人們購買的可能性就越大。

出租車服務公司有回頭客，他們肯定需要一個應用

6）促銷工具

有了應用，你就不需要花錢設計和制作實體卡，客戶也不需要隨身帶卡。將促銷計劃整合到 APP，并分享有用的促銷信息。

做原生 APP 還是移動端網站?

開發手機網站比開發手機應用需要更少的工作量，這反過來可以降低整體推廣成本。

這部分是由于響應式設計的出現，它允許你根據打開網站的設備屏幕來調整網站。至于 APP，它們必須為許多移動平臺單獨編寫:Android、iOS、Windows 等。

一些設計師認為“前端驅動的網絡體驗”會是 2022 年的一個好機會，我非常同意!
（彩云注：在國內，現在開發小程序的肯定越來越多了。）

3D 設計具備更強競爭力

我們一開始并沒有將其放在首位，因為這并不是一個新的趨勢，在很久以前設計師們就已經設計了很多 3D 圖像和動畫了。

Cardi B rhymes with 3D

3D 技術已經在過去流行了很多年，但它不會很快消失。此外，我們預測 3D 圖形將變得更加多樣化和包容。

在過去的幾年里，3D 藝術和動畫已經出現在各種 UI 設計趨勢評論中。這意味著越來越多的設計師將它們整合到頁面中。

3D 當然應該成為 2022 年最熱門的趨勢和預測之一，因為與經典動畫相比，逼真的 3D 形狀結合動畫總是引人注目的。

“從技術上講，通過 3D 更容易傳達更多內容，因為它比平面圖片更接近我們的感知。3D 插圖更有深度，信息量更大，也更具互動性。”

許多設計師將 3D 對象無縫地“安置”在 2D 空間中。它允許創建更有趣的組合，也作為一個優秀的工作方法蘊藏著巨大的潛力。

烏克蘭政府網站用 3D 手模擬了黑客帝國

注意一點：在整合 3D 圖形等重量級內容之前，確保你的應用性能是 OK 的，能夠快速加載所有元素。

元宇宙風潮

Meta 的 logo 既不是 2D 也不是 3D。或者兩者兼而有之？這就是即將到來的 2022 年的莫比烏斯帶和薛定諤的貓。

Meta logo 的變化

（彩云注：這個概念在去年簡直不要太火，未來幾年肯定還會是一個大的趨勢，設計師也需要保持關注。跟著趨勢走，易于放大自身價值。）

混合動畫

越來越多的公司在網站和移動應用中使用動畫，以提高用戶的沉浸感和體驗，使內容更有趣。

動畫是 2022 年重要的網頁設計趨勢。2022 年，如果沒有它，你的產品很可能會看起來就像個半成品?；旌巷L格的動畫越來越受歡迎:定格動畫和 3D 動畫的結合，2D 動畫和 3D 動畫的結合。設計師這樣做是為了獲得不同尋常的風格解決方案，以及提高最終產品的質量。

2022 年，動畫設計將是品牌市場定位的重要組成部分，想想一個公司新的視覺形象——動畫形象。隨著這個領域的專業設計師數量的增長，實現新想法的機會也在增加。

2022 年如何使用網頁動畫?

1）講故事

動畫可以通過在界面和用戶之間建立情感聯系來傳達信息。

加載動畫 Yoichi Kobayashi

2）更有趣的加載

用戶不愿意等待，除非載入畫面很有趣。帶有百分比的動畫不僅可以分散用戶的注意力，還可以告知他們加載頁面需要多少時間。使用進度條或者任何你能想到的可以顯示時間流逝的東西。

3）光標效果

用戶可以精確地觀察光標所在的位置。通過添加智能互動動畫，對這個光標作出反應來探索網站。這種效果在 21 世紀初非常流行。如你所知，流行趨勢往往每 20 年就會重演一次。

4）動態排版

你有沒有想過讓字母跳舞?

添加角色的動畫插圖

據 Statista 統計，2020 年全球動畫市場達到了 2700 億美元。趨勢是視頻，而不是靜態信息。全球品牌在社交網絡上使用動畫制作廣告。毫無疑問，動畫插圖的優勢是它們非常靈活和多樣化。

寶馬歷史動畫

這樣的作品通常用于兩種情況:

1）用于解釋視頻

2）電商廣告

動畫解說的趨勢出現在幾年前，解說視頻清楚地顯示點擊的位置或公司的項目是關于什么的。

在招聘或商業視頻中，用戶更喜歡看畫出來的人物，而不是抽象的形狀或物品。畫出來的人物可以喚起情感共鳴，就像活著的人一樣。

微交互，大影響

微交互是幫助用戶瀏覽網站或應用的小界面變化。通常這些是作為提示用戶的視覺或聲音效果：它們顯示發生了什么，將導致什么操作，下一步需要做什么。

圖片來源 awwards

動畫交互將為你的設計注入活力，并有助于保持用戶粘性。關注每一個細節是設計師工作的關鍵，因為設計中的所有元素都可以帶來積極的用戶體驗。

重要的是要達到元素的和諧，而不是把注意力分散到界面的各個方面。微交互作用的一個重要部分是顏色，它們為界面元素增強價值。

CTA animated

微交互有助于頁面導航，解釋它們的功能。最重要的方面之一是加快和簡化以前冗長的功能，以實現特定的行為。

動態 logo，加深品牌印記

2022 年，在線品牌面臨著新的挑戰，需尋求新的解決方案，其中之一就是動畫 logo 設計。

圖片來源 Toridori

動畫 logo 主要有以下幾點營銷優勢:

1. 吸引注意力。這意味著它們有助于提高品牌知名度。
2. 有助于提高 SEO。谷歌更傾向于動態內容，帶有動態圖形的頁面更容易吸引用戶。
3. 在移動端看起來更好。絲滑的動畫看起來比靜態的 logo 更有趣。
4. 最重要的是展示了歷史。靜態 logo 背后的想法正在動畫中發展。由于這一點，在幾秒鐘內，你可以展示品牌的使命，甚至它的價值!

一家洗衣機[公司]的標志

現在有很多設計模板，可以很容易地用字體制作一個動畫 logo:

來源 Shabello, Bobby Voeten

最后的話

設計趨勢總是在變化的，但是設計的意義不會變。如果你不能深刻理解這一點，那么任何設計趨勢的文章不能幫你做好設計。

文章來源：優設   作者：彩云Sky

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

設計趨勢可以塑造一切，從設計師的創作方式到用戶界面設計，再到從網站到包裝設計的未來迭代。

讓我們深入探討2022年的一些頂級網頁設計趨勢。我們將著眼于 2021年末開始出現的趨勢，這些趨勢是為來年奠定基礎的，以及一些即將流行的趨勢設計。

有趣、樂觀的設計

時尚的形狀、顏色，甚至是面孔都可以帶來很多樂趣。設計師正在使用網頁設計趨勢，為從網站的所有內容提供有趣、樂觀的設計。這些設計的共同點是它們為世界注入了一點額外的快樂。

充滿樂趣和樂觀的圖像具有面孔、較輕的字體，以及散發出積極情緒的顏色。為了充分利用這一趨勢，請考慮更輕的元素，并避免選擇較重的字體或顏色。

黑白配色方案

黑白配色方案是今年最鮮明、最美麗的設計趨勢。沒有顏色，你可以在限制范圍內思考和設計。

大膽和實驗性的排版

在2022年，沒有錯誤的排版方式。大粗體字體——甚至襯線字體——無處不在。在玩這種網站設計趨勢時，請考慮字體將如何響應以及如何最大限度地對訪問者產生影響。

三維設計元素

雖然2020年和2021年有很多設計師網站處理完整的3D 設計，但新興趨勢是將3D元素與更扁平的整體美感結合起來。

具有3D風格的元素可能包括陰影、動畫或圖層效果，以創建深度和維度。

三維設計也延伸到視覺敘事。考慮如何以突出景深和陰影的方式捕捉您的故事或產品。

近乎野獸派

野蠻主義是人們想要加入的網站設計趨勢，但對于大多數項目來說，它過于苛刻和尖銳。

這些設計使用了許多相同的鮮明效果。不是單色字體，更容易看到襯線是常態。即使有一些明顯的邊界和線條，元素之間也有足夠的空間。沒有太多的裝飾或其他視覺效果，只留下顏色和文字來真正承載這些項目。

滾動文本元素

雖然總是希望文本元素可讀，但它們也可以是動態的。滾動文本元素——通常使用超大字體、幾個詞、在一個位置——可以增加對關鍵詞的強調并激發用戶的興趣。

輪廓字體是一種流行的選擇，保持可讀性的關鍵是使用簡短、常用的單詞或短語。

玻璃態

玻璃態的第一個展示于2020年末和2021年初的新態，并演變成現在流行的更完整的玻璃效應。

正是您可能想的那樣：設計元素的外觀讓人聯想到玻璃。可能有透明度、冷淡或光澤的元素。

設計師們一直在Dirbbble上以一種主要方式使用這種風格，并找到了網站設計的方法。

更多漸變

漸變是不斷出現的設計趨勢。2021年，設計中的大部分漸變出現在背景中。

到 2022 年，漸變將采用兩種新形式：

1) 用于文本顏色填充（例如上面的示例）以提供最大的影響和強調

2) 作為用其他線條填充插圖或圖標以創建紋理深度效果

沒有圖像的主頁

無需圖像即可設計，您將在 2022 年緊跟潮流。

使用不同類型的用戶界面或設計技巧來充分利用沒有圖像的主頁。在此處的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之間具有疊印效果。超大的排版和手寫風格的字體有助于將它們融合在一起。

分屏美學

分屏美學重新奏效。幾年前的趨勢當時出于可用性和響應的原因而起作用，現在它更像是一種新設計。

這些視覺效果可以包括水平或垂直分割的屏幕，每一切面有不同的功能。

交互式字體

在屏幕上與您一起移動的文本是交互式字體背后的支柱。在大多數情況下，這可以使用懸停狀態，盡管您可以嘗試一些其他更復雜的效果。

在考慮交互式文本元素時，請考慮可讀性和理解力。文本效果只有在其中的文字仍然可讀和可理解的情況下才有效。

包容性設計

設計師正在努力打造一個更具包容性的網絡，它幾乎在所有發布的內容中都有體現。從圖像到語言再到替代文本，沒有理由不嘗試讓您的項目更加包容所有人。

包容性延伸到種族、性別中立、文化、可及性和能力。共同的主題是您的網站應該以這樣的方式組合在一起，以便任何想要訪問內容的人都可以訪問內容，并且人們也可以在屏幕上看到他們可以與之相關的其他人。

結論

就網站設計趨勢而言，新的一年已經開始以非凡的方式爆發。如何將這些元素合并到現有項目中是作為設計師該考慮的問題。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

文章來源：站酷   作者：一個辛普森

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

互聯網行業的未來趨勢是什么？本文將從宏觀環境、長期主題、確定性機會三個方面，來總結互聯網的十大關鍵詞，推薦對此感興趣的朋友閱讀，希望對你有所幫助。

2021年，互聯網行業經歷了一場耐力大考驗。這一年，政策監管席卷了諸多行業，互聯網行業身處風暴眼。從反壟斷超200億元巨額罰款，到平臺之間“拆墻”勢在必行，數據合規已經上升至國家安全的戰略高度，一項又一項新政，讓互聯網行業告別野蠻擴張。互聯網大廠內部的日子也不好過。

2021年三季度，互聯網大廠們均不同程度地遭遇營收增長乏力、凈利潤增速下滑的問題，紛紛裁員過冬、節衣縮食。內外環境的變化都昭示著，消費互聯網的時代漸行漸遠，互聯網行業正處在轉型的重大拐點。身處其中的玩家們，只有兩條路，要么抓住新機會、去新的戰場掘金，要么讓科技創新成為發展的底層驅動力。

即將過去的2021年有著諸多關鍵詞，反壟斷大年、互聯互通元年、數據安全元年、碳中和元年、元宇宙元年……在2022年即將開啟之際，我們從宏觀環境、長期主題、確定性機會三個方面，盤點了十大關鍵詞，分別是反壟斷、互聯互通、數據安全、擁抱變化、碳中和、硬科技、元宇宙、產業互聯網、出海、助農，以期呈現互聯網行業的未來趨勢。

一、宏觀環境

1. 反壟斷：資本不再萬能

2021年，被稱為“反壟斷大年”。尤其是互聯網領域，利劍頻繁落下。上半年，阿里巴巴因實施“二選一”壟斷行為被罰182.28億元，這是我國至今開出的最大反壟斷罰單。下半年，美團因同樣的原因，被罰34.42億元。單是這兩家大廠，因壟斷行為被罰金額，就超過200億元。

過去二十余年，互聯網巨頭滲進各行各業，靠著一套“燒錢、合并、壟斷”的打法，瘋狂擴張，加劇了收入分配不公和社會不穩定。因此，“強化反壟斷和防止資本無序擴張”在去年的中央經濟會議上，被列為2021年八項重點任務之一。

據統計，2021年以來，國家市場監管總局共發布反壟斷處罰案例上百起，其中七成以上案例涉及互聯網企業。而針對“二選一”、“大數據殺熟”等行為的反壟斷細則也在出臺。監管趨嚴之下，互聯網巨頭們開始有所行動。

12月，騰訊以中期派息方式，將所持有約4.6億股京東股權發放給騰訊股東，對京東持股比例將由17%降至2.3%，被外界猜測為降低自身反壟斷監管的風險。騰訊持股的美團、拼多多、知乎等大公司或將面臨同樣境況。互聯網領域反壟斷的大旗，今年只是剛剛揚起。

11月18日，國家反壟斷局正式掛牌，被視為我國反壟斷體制機制進一步完善的體現。而且，“強化反壟斷和反不正當競爭”在2022年中央經濟工作會議中再次被強調。這意味著，接下來，反壟斷在執法層面將常態化、系統化地鋪開，打破原有的市場壁壘。

2. 互聯互通：“拆墻”是大勢所趨

過去，互聯網公司們越來越壯大，逐步形成了平臺生態的閉環，圈流量池的“城墻”越筑越高，最典型的便是騰訊系、阿里系、字節系產品，分別以微信、淘寶、抖音為代表，互相屏蔽鏈接訪問，如微信不能直接訪問來自淘寶抖音的鏈接，淘寶購物不能使用微信支付，抖音針對第三方來源的產品、不支持進直播間購物車……

隨著互聯網流量紅利逐漸消失，存量時期，互聯網企業們競爭的重點依然還放在如何加深流量池的壁壘，陷入了殘酷的惡性競爭?；ヂ摶ネǎ欠磯艛嗟呐e措之一，更是為了能夠降低交易成本、促進創新創業，推進平臺之間的長遠良性發展。

9月13日，針對屏蔽鏈接網址這一問題，工信部相關部門提出有關即時通信軟件的合規標準，要求9月17日前各平臺按標準解除屏蔽。然而，這天之后，平臺之間的互聯互通不及理想效果。有網友投訴微信并未開放，例如淘寶購物車一鍵分享功能在上線第2天就在微信失效。

騰訊總裁劉熾平在財報會議上曾表示，平臺之間的互通是“非常復雜的問題”。從商業角度而言，以騰訊為例，互聯互通意味著騰訊系企業獨享微信生態的優勢將失去。單從技術層面分析，平臺打通之后，用戶體驗、用戶隱私都是需要考慮的問題。但從根本上來說，“拆墻”是大勢所趨。

到11月29日，微信已經開始松綁外鏈，用戶發現已經可以在微信上直接打開淘寶以及抖音等鏈接。一位行業觀察者分析稱，2021年，在有關部門的推動下，互聯網平臺間的互聯互通已經完成了從0到1，也就意味著更多的互聯網企業至少不會在新的領域設置限制，而過去舊有的關卡，也會循序漸進地逐步拆除。

3. 數據安全：加速度發展

2021年6月，滴滴在美股遞交招股書，緊接著7月，“滴滴出行”因APP存在嚴重違法違規收集使用個人信息問題，被依據《中華人民共和國網絡安全法》相關規定下架。在滴滴之后，運滿滿、貨車幫、BOSS直聘也被啟動網絡安全審查，2021年數據安全審查的大幕拉開。

滴滴事件背后，是互聯網產品的相關數據和技術應用不但涉及個人權利、隱私，還關系著公共安全乃至國家安全的議題。2021年，被稱為數據安全元年。繼《數據安全法》、《個人信息保護法》施行之后，有關部門還發布了《數據出境安全評估辦法(征求意見稿)》。

一位數據安全領域從業者表示，今年很多大公司的重心是實施數據安全相關的法律法規，接下來，互聯網選手們的重心就會放在，如何更進一步在數據安全方面規避風險，提高效率。與此同時，數據安全的市場快速崛起。其中的隱私計算異軍突起，成為數據安全領域最炙手可熱的賽道。

據統計，隱私計算領域2021年融資額已超50億元。中國信息通信研究院云計算與大數據研究所發布的《2021數據安全行業調研報告》顯示，我國數據安全已經到了發展的關鍵期，未來對于數據安全的需求將越來越大，同時對于服務能力和產品能力的要求也越來越高。

4. 擁抱變化：合規是未來幾年的大趨勢

這一年，高密度、強力度的監管持續，讓所有互聯網從業者都無法忽視。從整治幣圈亂象、教培領域的“雙減”、房地產行業的大震蕩，到監管風暴刮到短視頻、直播電商、游戲領域，面臨反壟斷、互聯互通、數據安全監管的互聯網行業必須求變。

監管趨嚴的背后，是互聯網原有的打法已經不適合新時代的要求，有關部門正引導著整個互聯網企業，從以往的無序擴張、野蠻生長，向精耕細作的新時代轉型，從以前的消費互聯網模式，向由科技主導的互聯網時代發展。2021年三季度期間，阿里、騰訊兩大頭部，營收增速、凈利潤雙雙下滑，除此之外，多家大廠都面臨類似情況。

互聯網企業紛紛裁員“過冬”，節衣縮食。展望2022年，合規一樣是大勢所趨，在未來幾年也還將持續。互聯網正在進入一個新時代，企業們需要構筑新的增長引擎。而身處其中的個體，也都要做好擁抱變化的準備。“唯一永恒不變的東西就是‘變化’”，將無比適用。

二、長期主題

1. 碳中和：未來十年的熱門主題

在2020年中國提出“2030年前碳達峰、2060年前碳中和”的“雙碳”目標之后，2021年初，“碳中和”被第一次寫入政府工作報告，成為國家戰略，2021年也被視為是“碳中和元年”。碳中和，本質就是讓二氧化碳排放量“收支相抵”，減緩全球變暖。

在“雙碳”目標提出之后，今年，互聯網大廠們都加速跟進“碳中和”，制定碳中和目標及規劃，動作貫徹全年。從1月騰訊打響頭炮，啟動碳中和目標規劃；3月，螞蟻集團承諾從今年起實現運營排放的碳中和，并在2030年實現凈零排放；到年中6月，百度發布“碳中和全景圖”，公布在2030年實現集團運營層面的碳中和目標；

年底，阿里也明確提出了碳中和三大目標，要在2030年之前，實現自身運營碳中和、上下游價值鏈碳排放強度減半，用15年時間以平臺之力帶動生態減碳15億噸。對于這些互聯網科技企業而言，碳中和既是企業社會責任的一部分，也和自身商業模式相關。

碳中和背景下，ESG投資火了。這種將企業在環境保護（Environment）、社會責任（Social Responsibility）以及公司治理（Corporate Governance）三方面非財務指標的表現納入投資決策的投資理念，在一二級市場都備受關注。

紅杉資本、高瓴資本等頭部投資機構紛紛宣布將ESG納入投資決策，碳管理SaaS企業碳阻跡披露A輪融資后，據報道，創始人一天收到了1000多通來自投資人的電話。二級市場，證監會已經將ESG信息列為上市公司與投資者溝通的主要內容之一。

波士頓咨詢公司發布的報告預測，為實現碳中和目標，從2020年到2050年我國需要累計投資90萬億-100萬億元資金。現如今，互聯網大廠們已經以10年為周期進行碳中和目標的規劃，碳中和這個關鍵詞至少在未來十年內都將是熱點主題。

2. 硬科技：迎來最好的時代

“硬科技和科技創業是中國未來三十年發展的主旋律，是中國強大起來的必經之路。”提出了硬科技理念的中科創星創始合伙人米磊曾提到，這一結論背后，是中國正處于從模式創新到科技創新轉型的拐點，中國政策正在從投資驅動、要素驅動到創新驅動轉型。

硬科技強調將核心技術牢牢掌握在自己手中，代表性領域包括光電芯片、人工智能、航空航天、生物技術、信息技術、新材料、新能源、智能制造等。資本早已經押注硬科技。在高瓴資本和紅杉資本2021年的投資中，硬科技成為了投資最多的方向。

紅杉中國創始及執行合伙人沈南鵬曾對媒體表示，硬科技領域投資，已經超過紅杉中國投資組合的80%，“一個科技主導的創業新時代已經到來”。北交所11月15日開市當天，78家上市企業當中，有16家是硬科技企業?；ヂ摼W巨頭們也都將硬科技布局至于重要地位，內部下場自研，對外投資收購，雙管齊下。

12月，騰訊減持京東背后也是投資邏輯的改變，相較消費類投資，騰訊轉而更關注硬科技領域，包括芯片公司燧原科技等；阿里內有達摩院和半導體公司平頭哥，對外投資有紫光股份、恒玄科技等；美團的策略從“Food+Platform”轉變為“零售+科技”，深耕無人配送領域，還在自動駕駛、機器人、激光雷達、芯片等領域加強投資。

硬科技產業是新一輪產業革命的動力引擎，已經成為了業界共識。人才、熱錢都在涌向硬科技這個會影響一個時代的領域，但硬科技發展門檻高、前期投入大、技術迭代周期長，投資者更需要熬得住。

3. 元宇宙：未來的星辰大海

元宇宙，這個連定義都尚未明晰的概念，在2021年火遍全球。上半年，元宇宙第一股Roblox上市，就引起了市場對于這個新鮮事物的關注。下半年元宇宙突然爆火，離不開全球互聯網巨頭Facebook澆上的一把油。Facebook宣布改名為Meta，以更名表明進軍元宇宙（MetaVerse）的決心。

這之后，虛擬人“柳夜熙”大火，短短幾天就圈粉500多萬。騰訊、阿里、字節跳動都紛紛表示，正在布局元宇宙，就連網易云音樂，也要打造音樂元宇宙。

一級市場上，創業者早已扎堆涌入。據企查查顯示，僅帶有元宇宙名字的公司就近千家，元宇宙相關領域的搶人大戰搶先打響。與之相關的數字人、VR/AR、游戲、社交領域的產品，都引發了投資人的關注。

二級市場上，元宇宙概念股更是狂飆突進。股票只要蹭上元宇宙就暴漲，居高不下的漲幅，甚至驚動監管部門要求說明公司與元宇宙的關系。有機構以知識付費項目把元宇宙包裝成一夜暴富的機會，聲稱“未來只有元宇宙這一條路”，以販賣焦慮的方式借機斂財，有元宇宙培訓課程10天收入160萬。

元宇宙里的炒房熱、炒地熱，也完全不輸現實世界。下半年，全球虛擬土地的單筆最高成交紀錄接連被打破，不到一個月時間，從243萬美元、430萬美元提升至約500萬美元。就連國內尚在內測期的元宇宙社交產品，其虛擬房產在二手市場的交易都異?；馃?。

與現實世界平行，能通過“化身”在三維空間交流娛樂的元宇宙，距離真正實現，在技術層面還有很長的路要走。單從被視為元宇宙入口的VR/AR設備層面而言，一年出貨量在千萬級別，距離普及還很遠。但關注者們都認為，近幾年內，忽視元宇宙的發展和進化，一定會錯過大機會。

三、確定性機會

1. 產業互聯網：數字化轉型大勢不可逆

產業互聯網不算是新話題。早在2019年，騰訊創始人馬化騰就曾表示，互聯網的上半場是消費互聯網，下半場是產業互聯網。到2021年，在國家宏觀政策導向中，數字經濟、數字化已經成為相關政策文件中多次提及的關鍵詞。

消費互聯網時代的商業模式能夠帶來的增長和創新日趨窘迫，下一個時代，以互聯網技術對各個垂直產業鏈進行數字化重塑和改造，將互聯網與實體經濟進行融合，加速產業的數字化轉型，即產業互聯網，是政策支持的方向。

現如今，云計算、人工智能、5G等技術正在向金融、醫療、教育等行業滲透，技術的發展也正掀起新一輪的產業革命。互聯網頭部大廠們都在朝著這個通往未來的方向行進。騰訊自2018年“930”變革起，就全面發力產業互聯網，在智慧零售、智慧醫療、智慧金融、智慧教育等多個領域垂直布局；

阿里巴巴集團董事會主席兼CEO張勇提及，希望能成為一家消費互聯網和產業互聯網結合得更好的公司，協助企業數字化轉型的阿里云，2020財年營收已經超過了200億元。此外，百度、京東、字節、美團都在布局產業互聯網。

中信聯產業互聯網工作委員會秘書長張健在一次公開分享中提到，近幾年產業互聯網的發展，可以發現其服務體系正在呈現螺旋式的迭代升級，同時它本身的服務在進行一體化、集成化的創新。產業互聯網平臺的發展，一方面不斷地豐富和拓展各類服務，另一方面，不斷地推動各類服務，進行數字化、網絡化、智能化的迭代升級。

2. 出海：去新的戰場掘金

12月，阿里進行了近五年以來最重要的一次組織調整，沿用多年的To C（面向消費者）業務和To B（面向企業）業務架構被拆分，重組為國內業務和全球化業務兩大板塊。阿里海外新興業務的重要性顯而易見，這部分業務的增速，遠高于國內市場。全球化成為與內需、云計算并列的阿里三大戰略之一。

隨著國內市場戰局已定，主流的互聯網公司早已打起了出海的主意?，F如今電商、游戲、娛樂社交產品、內容文創是出海的幾大領域。電商領域，自2020年疫情以來，我國跨境電商呈現爆發式增長。天眼查顯示，2021年我國有超60萬家跨境電商相關企業。

在亞馬遜“封號潮”在跨境電商圈持續引起震動后，TikTok就成了賣家們主要關注的另一個平臺。在游戲出海中，據央視新聞，近年來，國產游戲出海已成為中國游戲產業重要的增長來源，數據顯示，2021年中國自主研發游戲海外市場實際銷售收入達180.13億美元，比2020年增加了25.63億美元，同比增長16.59%。

娛樂社交方向，以Bigo Live、Likee、Hago多款產品分別發力直播、短視頻、游戲領域的歡聚集團，擁有MICO、Yumy等社交產品并在游戲領域布局的赤子城，以及主攻中東市場社交和游戲的Yalla，都已經在海外市場打開了局面。

TikTok的發展更是備受關注，9月，其月活用戶量已經突破了10億，有數據顯示，其成為2021年全球訪問量最大的互聯網網站。出海往往面臨著產品服務水土不服、政策管控等風險，但也擋不住互聯網公司們出海找增量。時至今日，互聯網選手們出海的陣地從東南亞、印度到中東、非洲、拉美，如今已經席卷全球。

3. 助農：助推鄉村振興

歲至年末，抖音“張同學”一夜躥紅。不到三個月漲粉1760萬，平均每天漲粉超20萬。隨著張同學被關注，外界逐漸意識到，這個現象級網紅引領的農村題材短視頻成為焦點，離不開抖音對新農人的流量扶持。這被認為，既為尋找新的場景增量、向曾經的老對家快手的腹地深入，也抓住了鄉村振興的主旋律。

盯著農村市場的大有人在。電商平臺早就講起了助農故事。拼多多以農產品起家，從基因上就有扶農助農的優勢；阿里淘特、京東京喜2021年也都將生鮮農產品的銷售當作重點發力方向之一；社區團購的選手們更是沒有放過“助農”，橙心優選、十薈團都在今年提出了助農計劃。

不止如此，互聯網企業們也從數字化升級的角度助農。鄉村振興，助農先行。這些互聯網企業們如此看重助農，離不開國家對于鄉村振興的重視。2021年，中央一號文件正式提出全面推進鄉村振興，加快農業農村現代化，凸顯了新發展階段黨中央對農村工作的高度重視。

農村市場潛力有多大？有關部門公布的數據顯示，我國每年果蔬產量、消費量高達7億噸，約占世界的40%。我國鄉村消費品零售額增長連續8年快于城鎮。一面是政策的扶持，另一面是農村市場的巨大潛力。

“助農”既意味著鄉村振興，更意味著新的增長潛力。中國鄉村振興建設委員會副秘書長袁帥對深燃表示，互聯網企業們的“農業夢”早已表露無疑，如今爭先入局，是因為全球疫情影響下經濟內循環是關鍵，只有盤活“三農”資源，才能實現對下沉市場的挖掘。

文章來源：人人都是產品經理   作者：深燃
分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

1. 動態在 UI/UX 扮演的角色

動態能激發用戶的情緒，為靜態的視覺設計注入活力與生命力。有趣、奇妙、吸引人的動態，能讓你的產品展現與眾不同的魅力。另一方面，動態有助于支持可用性，通過自然流暢的物理運動，突顯元素在過渡時的關聯性與狀態變化，增強用戶對產品功能的感知。

因此，動態設計必須是有意義的，同時兼具可用性與美感，UX 行業也將動態設計視為多學科的交集，細分成一個專業的設計門類。作為 UI 和 UX 設計中重要的組成部分，動態設計從三個層面發揮影響力：

提高連貫性（Increase Continuity）

讓界面元素在用戶流程中順暢地轉變與過渡，將用戶操作導向期望的任務結果。

連接場景（Connect Scenes）

在轉換場景的過程中扮演潤滑劑的角色，闡明場景之間的位置、層級與空間的關系。

視覺吸引（Visually Appealing）

聚焦用戶視線，將其注意力放在重要的事情上，從而起到信息傳達、提升識別度的作用。

2. 動態設計趨勢

植基于 UI 和 UX 設計而發展的第三維度，動態設計的趨勢自然與兩者密不可分。綜觀近年，多數作品巧妙地運用絢麗的動態圖像（Motion Graphics）與動效設計，讓新的視覺手法得以表現更為出彩。再者，隨著移動端芯片性能提升，跳脫二維平面的表現形式不再難以實現，讓設計師能夠解開束縛，發揮無限的想像空間。2021 年的動態設計可歸納為三個趨勢：

增強表達（Enhance Expression）

運用引人注目的表現手法將信息傳遞給用戶，包括變形、動態文字和背景動畫。

創造層次（Create Hierarchy）

在視覺平面中創建空間層次結構，遮罩與視差是常用的表現手法。

擴展維度（Expand Dimensions）

突破二維限制，將界面元素多維化營造空間感，例如 3D 動態圖形和攝像機運動。

增強表達

1. 變形 Morphing

變形創造了一種連續的敘事狀態，告知用戶元素的狀態或作用發生變化，是一種最引人注目的表現手法，能將形狀、圖像、色彩無縫地融合與過渡。

動畫插圖 Animated Illustrations

2021 年看到許多有趣、吸引人的插圖，而更多的設計師開始為靜態圖像添加動態，也讓 GIF 和動畫插圖越來越受歡迎。

動畫插圖看起來更生動，并帶有敘事性質。在示例中，運用動畫插圖來呈現這杯果汁是由哪些水果打成，比起文字描述更能吸引觀眾的注意力。

by Lobster

通過動畫插圖來呈現同一系列的轉變，有利于延續外形上的特征，讓不同的物體具有連結性。比如從桌子、衣柜到燈具的連續變化，同樣風格的系列家具利用動畫來體現一致性。

by Graceful illustrations ?

流體動態 Liquid Motion

動態的有機形狀，包括流體、煙霧和火焰等粒子效果，能夠極大地增強視覺效果。流體動態并非明確的過渡與場景轉換，而是顏色在流動的液體中擴散，進而創造出抽象或真實的視覺形狀。這種風格能實現無縫過渡，并為設計增添有機感，也是 2021 年最引人注目的動畫趨勢之一。

運用流體動態來展現抽象的有機體，除了輕易地攫取受眾目光，還讓人不自覺地佇足在畫面上，感受流體變化的韻律與美感。這類動態設計可作為烘托主題的背景動畫，或是吸引目光焦點的主角。

by ?anton mishin?

流體動態運用到網站設計所營造的視覺沖擊力更為驚艷，能為用戶帶來獨特、新鮮的視覺感受， 使得流體動態深受風格前衛的設計師喜愛。網站還能利用鼠標懸停與流體進行互動，因此會在許多特效網站見到流體動態的蹤跡。

by Gilles Tossoukpé

動態漸變 Dynamic Gradients

扁平化設計缺少現實質感的元素，搭配漸變色能有效緩解不足，為設計創造深度與層次。變化中的漸變色同時帶有動感與舒緩，充滿活力卻又平靜。使用動態漸變能讓設計師展示一系列不斷變化的情緒，許多內容創作者和品牌已經注意到這一點，開始在廣告活動、識別設計和數字內容使用動態漸變。

by Pixelz Studio

微交互 Micro Interactions

在用戶體驗設計中微交互變得日益重要，而動態設計正是微交互的靈魂所在，即使只是微小的視覺提示或反饋，都是人機交互易于使用的關鍵。從經典案例來看，微交互的動畫細節必須帶有明確的目的性，讓用戶獲得實時反饋，指導用戶進行下一步。從近幾年的設計趨勢來看，微交互已成為不可或缺的存在。

by Илья Бабушкин

by Google

動畫商標 Animated Logos

過去幾年動畫商標是最流行的動畫趨勢之一，通過各種視覺效果，設計師能創造出不同類型的動畫商標，許多企業開始采用動畫商標作為吸引注意力的手段。多數情況下，商標是進入網站時最先看到的東西，因此商標應該令人難忘、引人入勝，并使用符號或排版來揭示品牌個性。結合動畫的優勢，設計師可以運用一些動態或效果來講述簡短的故事以強調品牌特征，并為靜態排版和商標注入一股活力。

by Yulia K.

by Meta

2. 動態文字 Kinetic Typography

動態文字是使用移動文本來吸引注意力的動畫技術，許多卓越的品牌在網頁設計中使用動態文字，為網站外觀增添動感和視覺沖擊力，是近年 UI 動畫的趨勢之一。

設計師使用動態文字為單詞或句子添加生動的元素，借此定下情緒氛圍與設計基調，吸引用戶的注意力。幾種常見的表現手法，擠壓和拉伸一個詞能會喚起一種俏皮感，而連續重復這個詞則具有催眠感和前衛感。另外，使用大號和粗體字體來增強份量以強調某些信息，也是動態文字的特征之一。

無論在電商網站、電視廣告或音樂視頻，動態文字都占有舉足輕重的地位，有利于加深用戶對品牌的關注與印象。

by HOLOGRAPHIK®

by Hrvoje Grubisic

3. 背景動畫 Background Animation

通過背景動畫來強化敘事，成為許多行業常用的品牌傳播手段。你可以創建動態的品牌故事，展示有趣的制造過程、產品的使用場景。背景動畫深獲大眾喜愛，它能讓用戶在進入登錄頁或網站首頁時，輕易地了解更多有關公司或產品的信息。調研顯示，從銀行、醫療保健公司、電商零售商、餐館到 B2B 供應商，這些跨越不同細分市場和行業的網站都開始使用背景動畫。

by Carlo Soleri

by Kirill Zhukovsky

創造層次

1. 遮罩 Masking

遮罩過渡是將幾何或有機形狀作為銜接下個場景的遮擋物，等同于舞臺幕布設計，能在界面元素進場或退場時創造連續性效果。這種表現手法簡潔高效，是最常見的過渡動畫之一。

切換場景 Scene-Switching

其中一種遮罩過渡，是將當前場景完全置換，如同揭開蒙在上層的布，逐漸展露疊在下方的景，并利用景物相似性和動作延續性，讓兩個場景能夠順暢地銜接，不致于差異過大，造成用戶心理負擔。

by intent

by Minh Pham ?

狀態變換 State Transformation

另一種遮罩的表現形式，較無明顯的場景過渡，而是利用遮罩來表現景物的狀態變化，界面元素和布局基本保持一致，以此塑造無縫過渡的視覺效果，這種手法被廣泛地使用，例如氣候變化、人物換裝、產品組合等。

by Daniel Tan

by Outcrowd

2. 視差 Parallax

視差是利用不同的界面元素以不同的速率移動，創造前后景深的分離效果，借此在平面中塑造空間層次，已成為網站首頁最為普遍的表現形式。

視差之所以能形成一股風潮，廣為各個行業所接受，一方面是信息層級更加清晰，明確定義各種元素的關系，讓用戶專注于主要操作和內容，將背景或非交互元素往后退，同時保持設計的完整性。另一方面是豐富的層次變化，當用戶滾動或滑動時，能在扁平化界面拉開空間關系，利用不同的速率和縱深，塑造多層次的感官體驗。

by Studio V?R

by Studio V?R

擴展維度

1. 3D 動態圖形 3D Motion Graphics

近年來，結合 3D 動態圖形的界面設計呈現爆炸式增長，雖然創建 3D 動畫需要更多的時間、技巧與協作，但不可否認的，3D 動畫比 2D 圖形更加逼真，從而提供更具吸引力和互動性的用戶體驗，并有效地展示品牌的活力。

更生動的表情 Lively Emoji

動畫的吸引力在于能夠創建各種角色，并為無生命物體注入生命力，表情符號就是一個很好的例子。作為獨特的網絡語言，表情符號生動地描摹日常面對面交流的非言語信息，隨著圖形界面的設計趨勢逐漸結合 2D 與 3D，運用 3D 動態圖形來創造更加動感、擬人化的表情，能讓這些非言語信息更加豐富，有機會引領下一波風潮。

by Outcrowd

營造空間感 Spatial Awareness

3D 動態圖形為平面設計建構了空間敘事框架，在扁平化界面中展現立體感，從而表達空間中元素的位置與層級關系。多維化的發展趨勢，推動了視覺表達形式的演變，空間感讓界面設計更符合人類的認知邏輯，運用各種 3D 運動特效，包括旋轉、翻轉、折疊、透視、Z 軸位移等，打造令人難忘的感官沖擊。

by UI8

by Bruno Ortolland

擬人動畫 Anthropomorphic Animations

擬人化能讓物體、植物、動物等非人類事物，表現出人類屬性的行為與狀態。動畫片運用擬人的手法是最普遍的，1927 年迪士尼第一部系列動畫《幸運兔子奧斯華》的主角便是擬人的兔子形象。由于人們容易被以人類行事的事物所吸引，越來越多設計師在界面中添加擬人元素，利用這種效果讓畫面更加生動有趣，增強用戶體驗的愉悅感。

by Gregory Riaguzov

2. 攝像機運動 Camera Movements

在動態設計中，攝像機運動是最自由、靈活的一種表現形式，能讓畫面過渡更有張力，突破 2D 平面在視角上的限制，創造一個無界線的立體空間。常見于影視、動畫和廣告的攝像機運動，包括推近、拉出、平移、跟拍等方式，備受動態設計師青睞，讓用戶以多變的視野探索數字產品。

推近/拉出 Dolly In/Dolly Out

推鏡頭是指被拍攝的對象不動，攝像機由遠而近，朝著對象不斷推進， 用來突出人或物的主體。鏡頭推近的運動方式，用來呈現從整體到局部、由分散到集中的變化，引領用戶進入故事情景，給人一種身臨其境的感受。

相反地，拉鏡頭則是將攝像機后退，使畫面逐漸遠離被攝主體，側重的是從局部到整體、由點到面的轉變，強調主體所處的空間環境。隨鏡拉出的景象，能激起人們無限的想像。

by Michael Crawford

by Ali Zafar Iqbal

水平/垂直移動 Truck/Pedestal

水平向左或向右，垂直向上或向下移動攝像機，使畫面不斷變化，讓用戶跟隨鏡頭視角一起移動，產生一種置身其中的感覺。這種運鏡方式，通常用于具體的場景，利用角色或景物的延續性來消除場景過渡時的邊界，表現出一種流動感，無論是手勢滑動或鼠標滾動都能有順暢的操作體驗。

by Netguru

by Minh Pham

結合多種運鏡 Multiple Camera Movements

運用多種攝像機運動相當普遍，既能擴大視野，又有很強的空間感，可以更加自由與多樣地展示不同視角和情景。比方說結合橫搖（Pan）、直搖（Tilt）和跟隨（Tracking）鏡頭，連續而詳盡地展示一個產品，由于畫面始終跟隨一個主體，有利于突出產品特征，并讓用戶從不同的角度和距離觀看產品，是一種增強臨場感和參與感的有效方法。

by Sang Nguyen

by Paul Ilnitski

一鏡到底 One Shot

在電影中為了不將觀眾的情感和注意力割裂，使用一個鏡頭來完成全片的場景刻畫和敘事，這種拍攝手法被稱作一鏡到底或長鏡頭。連續鏡頭逐漸被運用到界面過渡，以此增強操作過程的流暢性，例如一氣呵成的購物體驗，或是貫穿全場的人物角色，其特點是給用戶最沉浸的感官體驗，無間斷地體驗整個流程。

by Orizon: UI/UX Design Agency

by Minh Pham ?

結語

動態設計作為近年熱門的創作形式，廣泛應用到各個領域，逐漸成為設計的主流趨勢。受益于技術演進與發展，從創意生產到落地實現，動態設計的門檻不再遙不可及。設計師得以將想法轉化為生動、有趣的作品，并有機會創造新的表現手法，玩出許多新花樣，成為 2021 年動態設計的特色。

本文歸納的設計趨勢，有助于啟發設計師對動態設計的想像，激發更多創作靈感，為靜態界面賦予靈魂，打造令人難忘的視覺體驗和品牌形象。

文章來源：優設 作者：騰訊ISUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務