Dribbble 平臺對于互聯(lián)網(wǎng) UI 界面設(shè)計(jì)有著舉足輕重的定位，對 Dribbble 設(shè)計(jì)的研究會讓我們看清設(shè)計(jì)的方向。

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

總結(jié)

從挑選出的 828 件作品中，排名前十的作品中 9 件為 B 端設(shè)計(jì)，另一件作品也是 B 端產(chǎn)品 C 端化的產(chǎn)物。其中：

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

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

Dribbble 年度最佳作品

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

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

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

最后來看下按鈕的設(shè)計(jì)，正常的按鈕要么文字加色塊，要么左圖標(biāo)加右文字，它設(shè)計(jì)成左文本加右圖標(biāo)，更加注重信息的可讀性和易讀性，也體現(xiàn) B 端設(shè)計(jì)重功能和交互體驗(yàn)，視覺點(diǎn)到為止的設(shè)計(jì)理念。

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

1. 易讀性（停頓感）

字體三原則：可讀性、易識性、易讀性。當(dāng)你同時(shí)讀一篇文言文和一篇設(shè)計(jì)文章，肯定設(shè)計(jì)文章的內(nèi)容可讀性更好。易識性是用在字體設(shè)計(jì)上，不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個(gè)位設(shè)計(jì)師都息息相關(guān)，因?yàn)槲覀兌夹枰幣盼谋?。?dāng)我們小時(shí)候?qū)懽魑臅r(shí)，不會寫的文字可以用拼音代替。這時(shí)候讀者讀到拼音時(shí)會有停頓感，更加適合用戶閱讀。

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

2. 曲線

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

除了突顯文本外，曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計(jì)師編排的順序進(jìn)行瀏覽界面。當(dāng)然還有比這更科學(xué)的工具就是眼動儀測試，通過真實(shí)用戶眼睛瀏覽界面顯示對應(yīng)的熱點(diǎn)圖。

3. 多彩高斯?jié)u變風(fēng)

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

多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新，給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上，為了更好的傳達(dá)信息需要去設(shè)計(jì)與內(nèi)容相匹配的視覺風(fēng)格。

B 端界面設(shè)計(jì)

1. 側(cè)邊欄 Sidebar

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

2. 儀表盤設(shè)計(jì)

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

3. 流程設(shè)計(jì)

復(fù)雜的事情簡單化，簡單的事情標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)的事情流程化，流程的事情自動化。流程設(shè)計(jì)是每一個(gè)企業(yè)核心功能和業(yè)務(wù)，可自定義的管理流程系統(tǒng)搭建也是 B 端產(chǎn)品設(shè)計(jì)的難點(diǎn)，需要對業(yè)務(wù)高度抽象，讓每一個(gè)業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計(jì)。

4. B 端 C 化

B 端 C 化是 B 端產(chǎn)品設(shè)計(jì)的視覺表現(xiàn)力慢慢往 C 端產(chǎn)品設(shè)計(jì)的視覺靠齊，國內(nèi) B 端產(chǎn)品界面設(shè)計(jì)視覺水平還有很大的提高空間。除了視覺上的提升外，由于業(yè)務(wù)的發(fā)展，B 端產(chǎn)品也開始移動化、智能化，國內(nèi)主流還是通過小程序、H5 來現(xiàn)實(shí) B 端產(chǎn)品 C 端化。

5. 輕代碼化

輕代碼化是一種低代碼賦能無代碼的方式，彌補(bǔ)無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時(shí)，又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個(gè)性化管理系統(tǒng)，輕松實(shí)現(xiàn)多元業(yè)務(wù)場景的數(shù)字化管理。

輕代碼化將功能進(jìn)行打包，升級成全局可以用的配置，技術(shù)人員配置好后，業(yè)務(wù)人員在應(yīng)用編輯時(shí)直接選擇使用模版，綁定對應(yīng)的變量即可使用。

界面設(shè)計(jì)技巧

1. 人文氣息

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

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

這種風(fēng)格更適合大公司，國內(nèi)的一些手機(jī)廠商 OPPO、VIVO 等也會通過手機(jī)+背景+人物來體現(xiàn)科技與人文的結(jié)合，而對于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。

2. 毛玻璃效果

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

3. 輕擬物

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

4. 簡潔設(shè)計(jì)

簡潔設(shè)計(jì)遵從了密斯·凡德羅的“少即是多”的設(shè)計(jì)原則，在 B 端產(chǎn)品界面中更加需要簡潔設(shè)計(jì)，我們最熟悉的 Sketch 軟件界面已經(jīng)是相當(dāng)?shù)暮啙嵙恕；氐浆F(xiàn)實(shí)當(dāng)需求功能不斷增加，產(chǎn)品界面的編排如何取舍，如何保證界面的簡潔是設(shè)計(jì)師需要深度思考的問題？如何與上級溝通？該功能是否可做可不做？是否需要埋點(diǎn)用數(shù)據(jù)說話？如果只是一味競品有我們就需要有，功能不斷累加只會讓界面越來越重。

5. 幾何圖形

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

幾何圖形另一個(gè)場景化的地方就是品牌，作為一名 UI 設(shè)計(jì)師一定會經(jīng)歷從圖標(biāo)到幾何圖形到品牌設(shè)計(jì)的過程，品牌設(shè)計(jì)的技巧基本還是以幾何圖形為主，至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計(jì)的技巧對產(chǎn)品定位、品牌宣傳打下扎實(shí)的基礎(chǔ)。

6. 暗黑設(shè)計(jì)

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

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

7. 模塊化（組件化）

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

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

8. 插畫

插畫作為設(shè)計(jì)的一大品類，不同的插畫師都有自己擅長的風(fēng)格，本質(zhì)是都有自己的個(gè)性，但是在產(chǎn)品設(shè)計(jì)中更多是需要共情、共性來講故事，表達(dá)產(chǎn)品理念和價(jià)值觀。這就需要插畫師去嘗試并探尋出適合互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)類的插畫風(fēng)格。設(shè)計(jì)的本質(zhì)是舊元素的重新組合，插畫不會過時(shí)，而是需要結(jié)合當(dāng)下和產(chǎn)品找到最匹配的設(shè)計(jì)風(fēng)格。

9. 幾何插畫

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

10. 線面插畫

線面插畫最近一兩年非常流行，準(zhǔn)確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現(xiàn)人物形態(tài)時(shí)某些結(jié)構(gòu)會表現(xiàn)不出來，這時(shí)候用線條簡單勾勒后，結(jié)構(gòu)就會清晰明了。其次當(dāng)線面插畫運(yùn)用在界面上時(shí)，可以打破界面純文字或組件化的機(jī)械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時(shí)，還能保持界面的干凈整潔。

動效

1. 微交互

界面微交互動效會讓用戶的體驗(yàn)更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計(jì)，微交互和動效設(shè)計(jì)是繞不開的，UI 界面設(shè)計(jì)通過微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。細(xì)微的動效更能調(diào)動用戶情緒，取悅用戶。C 端產(chǎn)品微交互和動效已經(jīng)很成熟了，一部分功勞來自 iOS 系統(tǒng)原生自帶的效果。B 端產(chǎn)品的微交互和動效更多還是在學(xué)習(xí)海外產(chǎn)品，還需要給前端工程師灌輸微交互和動效的設(shè)計(jì)價(jià)值，共同打造產(chǎn)品體驗(yàn)細(xì)節(jié)。

2. Mg 動畫

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

三維

1. 三維圖標(biāo)

MacOS Big Sur 系統(tǒng)圖標(biāo)的更新帶動了三維圖標(biāo)的流行，三維圖標(biāo)的應(yīng)該場景還是需要有較大留白空間的界面，因?yàn)槿S圖標(biāo)太小后就看不到更多細(xì)節(jié)。三維圖標(biāo)感覺又回到了擬物化和扁平化哪個(gè)更好的問題上？設(shè)計(jì)師應(yīng)該保持開放多元的視角。設(shè)計(jì)本身也在不斷的演化融合，存在即合理。合適最重要，它們都會有適合自己的場景和設(shè)計(jì)價(jià)值。

2. 輕三維

為什么輕三維在界面設(shè)計(jì)中占有一席之位？一個(gè)是設(shè)計(jì)師不斷追求差異化的產(chǎn)物。另一個(gè)是更好的表現(xiàn)內(nèi)容，并與用戶產(chǎn)生共鳴。輕三維的基礎(chǔ)模型都是來自手機(jī)界面中的各種元素，比如組件、開關(guān)、按鈕、占位符、圖表、幾何圖形、圖標(biāo)、進(jìn)度條等，這些都是用戶日常使用系統(tǒng)軟件常見的元素，通過簡單的幾何形體建?！驘艄狻硬馁|(zhì)—渲染—PS調(diào)色。難度系數(shù)不大但效果很出彩。第一個(gè)出彩點(diǎn)是模型帶有厚度的倒角，結(jié)合燈光渲染的光澤是二維軟件不能比擬的。第二個(gè)出彩點(diǎn)就是材質(zhì)自由添加，特別是當(dāng)下流行的毛玻璃效果，玻璃材質(zhì)渲染效果更佳。第三個(gè)出彩點(diǎn)就是可以加局部燈光，局部的漸變色或環(huán)境光更加出彩。

3. P4D（PS+C4D）

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

4. 卡通 IP

卡通 IP 設(shè)計(jì)最近三四年技術(shù)的迭代已經(jīng)慢慢的走上成熟，卡通 IP 也從傳統(tǒng)的純 PS 手繪技法，轉(zhuǎn)到 C4D 建模—角色綁定—MD衣服制作—OC渲染—PS（靜態(tài)）/AE（動態(tài)）調(diào)色。

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

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

5. 三維動畫

C4D 三維場景動畫通過構(gòu)建實(shí)物和場景模擬生活中的現(xiàn)實(shí)場景，會讓用戶體驗(yàn)真實(shí)感，三維軟件制作動效的最大優(yōu)勢是通過動力學(xué)和表達(dá)式來模擬真實(shí)感，未來在 AR/VR 領(lǐng)域會有更好的發(fā)展。相對于界面動效學(xué)習(xí)成本難度也相對較大。在三維動畫中 C4D 軟件對于域、動力學(xué)還是有一定的優(yōu)勢。

總結(jié)

上一次寫 Dribbble 流行趨勢還是兩年前了，通過兩年的沉淀對趨勢流行有了更深的認(rèn)知。十年的互聯(lián)網(wǎng)行業(yè)風(fēng)風(fēng)火火，隨著最近的互聯(lián)網(wǎng)裁員潮大家也慢慢的進(jìn)入到反思層，客觀的看待和理解這個(gè)真實(shí)的世界，曾經(jīng)的流行趨勢也需要慢慢的沉淀下來。

存在即合理，趨勢流行稍縱即逝，注定是不長久的，只有大浪淘沙歷史遺留下來的風(fēng)格才能更長久。但我們也不能不去關(guān)注，因?yàn)槟挠惺裁此^的創(chuàng)新，只不過是舊元素的重新組合，并符合當(dāng)下這個(gè)時(shí)代人的審美需求。香奈兒的“時(shí)尚易逝，風(fēng)格永存”大概就是這個(gè)意思吧。

6000 多字的設(shè)計(jì)流行趨勢，希望能幫助設(shè)計(jì)師度過互聯(lián)網(wǎng)裁員的寒春。最后希望以后每年堅(jiān)持輸出設(shè)計(jì)流行趨勢。為設(shè)計(jì)行業(yè)奉獻(xiàn)微薄之力。

作者：水手

轉(zhuǎn)載請注明：優(yōu)設(shè)網(wǎng)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

更多精彩文章：

手機(jī)及小程序界面設(shè)計(jì)之一：讓設(shè)計(jì)更有說服力的20條經(jīng)典原則：菲茨定律

手機(jī)及小程序界面設(shè)計(jì)之二：三分鐘搞懂，iPhone 12發(fā)布后的設(shè)計(jì)尺寸調(diào)整

手機(jī)及小程序界面設(shè)計(jì)之三：從 Dribbble 高贊的 828 個(gè)作品中，總結(jié)出 2022 設(shè)計(jì)趨勢

手機(jī)及小程序界面設(shè)計(jì)之四：手機(jī)屏幕越來越大，UX設(shè)計(jì)師面臨哪些挑戰(zhàn)？

手機(jī)及小程序界面設(shè)計(jì)之五：連高手都容易忽略的9個(gè) iOS 與 Android 間的交互差異

手機(jī)及小程序界面設(shè)計(jì)之六：讓設(shè)計(jì)更有說服力的20條經(jīng)典原則：菲茨定律

手機(jī)及小程序界面設(shè)計(jì)之七：基礎(chǔ)科普！超全面的 UI 元素尺寸設(shè)置指南（上）

手機(jī)及小程序界面設(shè)計(jì)之八：如何適配iPhone X？來看滴滴出行的實(shí)戰(zhàn)案例復(fù)盤！

手機(jī)及小程序界面設(shè)計(jì)之九：手機(jī)端表格設(shè)計(jì)：我整理了一套循序漸進(jìn)的處理方法

手機(jī)及小程序界面設(shè)計(jì)之十：超詳細(xì)解讀：UI導(dǎo)航設(shè)計(jì)不僅僅指的是導(dǎo)航欄

團(tuán)隊(duì)按領(lǐng)域分組收集素材

我們認(rèn)為影響設(shè)計(jì)趨勢的因素主要有以下三個(gè)：

后疫情時(shí)代的影響

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

00 后成長為新主力軍

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

軟硬件技術(shù)的發(fā)展

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

概念闡述

「 酸性平面」風(fēng)格融合「Y2K」美學(xué)的未來感，形成了獨(dú)特的「未來酸性金屬風(fēng)」，典型特征有：

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

• 金屬感：以熔融形態(tài)在環(huán)境光下呈現(xiàn)出詭秘的反射，這種反常規(guī)的液態(tài)質(zhì)感所帶來的違和，在傳統(tǒng)科技感上增添了幾分神秘。

• 透明膠質(zhì)：液體或是 PVC 半透明膠質(zhì)，配合流體動感的形態(tài)，折射出光的幻彩，給人強(qiáng)烈的亦真亦幻感受。 

應(yīng)用場景

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

相關(guān)案例

The Future Vision of Microsoft 365 宣傳視頻

概念闡述

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

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

應(yīng)用場景

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

相關(guān)案例

Louis Vuitton × League of Legends Collection

概念闡述

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

應(yīng)用場景

游戲和二次元元素大熱，手機(jī)、化妝品、服裝等產(chǎn)品通過結(jié)合該類元素，以新的形式吸引年輕用戶：為像素風(fēng)格的游戲設(shè)計(jì)服裝、為全息的虛擬偶像捏臉?biāo)苄?、為動漫人物拍攝雜志封面、在一款電子游戲里搭建新品發(fā)布會等，相應(yīng)地，跨界應(yīng)用對設(shè)計(jì)師的涉獵領(lǐng)域和技術(shù)跨度也有了更高的要求。

相關(guān)案例

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

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

OPPO × EVA 定制版手機(jī) OPPO Ace2

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

Travis Scott 在網(wǎng)絡(luò)游戲《堡壘之夜》內(nèi)舉辦虛擬演唱會

Photographed by Sean Thomas, Vogue, January 2020

概念闡述

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

應(yīng)用場景

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

相關(guān)案例：

2021 時(shí)尚界不約而同地強(qiáng)調(diào)了自然元素的使用和對環(huán)境保護(hù)的呼吁，各大品牌都用自己的方式演繹了「自然共生」的服裝設(shè)計(jì)系列。

還原自然界中的真實(shí)材質(zhì)成為了新的設(shè)計(jì)靈感，被應(yīng)用到各種設(shè)計(jì)中。

Vivo OriginOs

山水 Mountains & Rivers by Particle (Gao Yang)

概念闡述

近年，國人的文化自信逐漸增強(qiáng)，國家擴(kuò)大內(nèi)需、擴(kuò)大消費(fèi)的政策導(dǎo)向?yàn)閲鴥?nèi)消費(fèi)品品牌帶來了巨大的機(jī)會?！钢袊O(shè)計(jì)」的標(biāo)簽已經(jīng)成為新一代的時(shí)尚潮流，帶有中國本土個(gè)性、體現(xiàn)中式美學(xué)的設(shè)計(jì)受到更多品牌的青睞。

應(yīng)用場景

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

隨著中國的國際影響力進(jìn)一步擴(kuò)大，國際品牌也會提高對中國市場與文化的關(guān)注，在設(shè)計(jì)上融入更多本土元素。

相關(guān)案例

各品類的國產(chǎn)品牌在包裝或產(chǎn)品設(shè)計(jì)上通過對中國元素的運(yùn)用來塑造具有特色的國風(fēng)產(chǎn)品。

可口可樂中國與漢字文化推廣機(jī)構(gòu)「好字在」和方正字庫聯(lián)合推出的這款字體，反映了可口可樂對中國文化的深入理解和對本地化運(yùn)營的關(guān)注度。

可口可樂聯(lián)合推出的中文字體「在乎體」

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

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

Microsoft Haptic PIVOT 微軟腕帶觸覺設(shè)備

概念闡述

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

應(yīng)用場景

涉及領(lǐng)域除了現(xiàn)有的游戲、駕駛、健身等場景外，更有趨勢被應(yīng)用于創(chuàng)新教育、操作培訓(xùn)及有風(fēng)險(xiǎn)的試驗(yàn)演練中。

相關(guān)案例

任天堂在健身環(huán) Ring-Con 內(nèi)加入的力學(xué)傳感器實(shí)現(xiàn)了對力量（張力、拉力、壓力等）的監(jiān)測，并利用 Joy-con 震動來對用戶動作的標(biāo)準(zhǔn)性進(jìn)行反饋提示。

《健身環(huán)大冒險(xiǎn)》on Switch

微軟研發(fā)部開發(fā)出了一套 Haptic PIVOT 腕戴觸感反饋方案，通過活動的機(jī)械結(jié)構(gòu)，更逼真地模擬出物體的握持感。

Haptic PIVOT 使用演示

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

PS5 DualSense 無線手柄使用演示

Flight Booking AR application by Bala GN

概念闡述

現(xiàn)實(shí)生活中，人與人、人與物接觸產(chǎn)生的實(shí)體服務(wù)稱為線下服務(wù)，由網(wǎng)絡(luò)等技術(shù)支撐的人與硬件設(shè)備交互的服務(wù)稱為線上服務(wù)。在硬件設(shè)備、網(wǎng)絡(luò)技術(shù)成熟的當(dāng)今社會，線下服務(wù)向線上服務(wù)遷移的過程中融入了更多 AR/VR 等虛擬服務(wù)，也帶來更多新的設(shè)計(jì)行為和交互方式。

應(yīng)用場景

原本需要親臨現(xiàn)場才能完成的體驗(yàn)，現(xiàn)在可以通過線上的方式實(shí)現(xiàn)，這不僅體現(xiàn)在因疫情催化產(chǎn)生的線上辦公、線上畢業(yè)展等強(qiáng)需求場景，也在購物、試衣、健身等更貼近生活的領(lǐng)域應(yīng)用。

相關(guān)案例

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

Gucci APP 虛擬試表

各大院校畢業(yè)展因疫情無法在線下舉行，一些學(xué)校通過線上展廳的方式，讓學(xué)生的畢業(yè)作品可以通過網(wǎng)絡(luò)瀏覽。

中央美術(shù)學(xué)院 云端美院

香港理工大學(xué) polyudesignshow

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

Balenciaga：《后世：明日世界》

硬件設(shè)備的創(chuàng)新使線上健身指導(dǎo)有了更合理的使用場景和更人性化的體驗(yàn)，用戶通過線上內(nèi)容和服務(wù)在家也可以獲得接近健身房的體驗(yàn)。

Tempo Studio：家庭智能健身設(shè)備

POPMART 泡泡瑪特

概念闡述

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

應(yīng)用場景

在產(chǎn)品設(shè)計(jì)中，一些撫慰人心的小功能、小彩蛋往往帶有著治愈人心的力量。在角色形象上，柔軟、可愛的造型在帶給人無攻擊感的同時(shí)強(qiáng)調(diào)著陪伴的意義。在娛樂領(lǐng)域，也出現(xiàn)不一味強(qiáng)迫用戶達(dá)成某個(gè)目的慢節(jié)奏「佛系」游戲。

相關(guān)案例

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

網(wǎng)易云音樂的「抱一抱」動效

Switch 游戲《動物森友會》在 2020 年異?；鸨?，歸功于其萌系治愈的風(fēng)格和追求自然隨性的生活方式，也讓疫情期間的玩家們暫時(shí)逃離嚴(yán)峻緊張的現(xiàn)實(shí)生活。

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

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

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

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

Disney · Pixar《心靈奇旅》

OceanPlastic 廢棄塑料重造

概念闡述

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

應(yīng)用場景

消費(fèi)者將繼續(xù)青睞和衛(wèi)生健康、環(huán)境保護(hù)相關(guān)的價(jià)值品牌，越來越多的快消、包裝廠商開始研究材料回溯，組建相關(guān)部門，加入循環(huán)經(jīng)濟(jì)浪潮中。

相關(guān)案例

運(yùn)動品牌 Adidas 與 Nike 都推出了由回收廢料制作的充滿設(shè)計(jì)感的產(chǎn)品，在宣傳品牌環(huán)保意識的同時(shí)也引領(lǐng)了再生產(chǎn)品的潮流。

adidas 與 Parley Ocean 合作推出由海洋回收廢料制作的聯(lián)名產(chǎn)品

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

Nike 將生產(chǎn)車間加工過程中產(chǎn)生的邊角料轉(zhuǎn)化為產(chǎn)品設(shè)計(jì)的主要材料

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

TRASHAUS 真垃圾再生手機(jī)殼

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

F601 MALCOLM

除消費(fèi)產(chǎn)品外，肯德基的可回重復(fù)利用餐盤、星巴克倡導(dǎo)的紙質(zhì)吸管、外賣行業(yè)各公司的環(huán)保舉措等也體現(xiàn)了餐飲外賣行業(yè)對循環(huán)經(jīng)濟(jì)的重視。

結(jié)語

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

我們期待著上述預(yù)測性的分析能在今年的設(shè)計(jì)中被驗(yàn)證。但設(shè)計(jì)本身是一個(gè)迸發(fā)新奇創(chuàng)意的過程，也希望上述的設(shè)計(jì)趨勢能激發(fā)設(shè)計(jì)師們更豐富的靈感、為設(shè)計(jì)領(lǐng)域提供更多的可能性。

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

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

Dribbble 平臺對于互聯(lián)網(wǎng) UI 界面設(shè)計(jì)有著舉足輕重的定位，對 Dribbble 設(shè)計(jì)的研究會讓我們看清設(shè)計(jì)的方向。

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

總結(jié)

從挑選出的 828 件作品中，排名前十的作品中 9 件為 B 端設(shè)計(jì)，另一件作品也是 B 端產(chǎn)品 C 端化的產(chǎn)物。其中：

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

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

Dribbble 年度最佳作品

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

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

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

最后來看下按鈕的設(shè)計(jì)，正常的按鈕要么文字加色塊，要么左圖標(biāo)加右文字，它設(shè)計(jì)成左文本加右圖標(biāo)，更加注重信息的可讀性和易讀性，也體現(xiàn) B 端設(shè)計(jì)重功能和交互體驗(yàn)，視覺點(diǎn)到為止的設(shè)計(jì)理念。

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

1. 易讀性（停頓感）

字體三原則：可讀性、易識性、易讀性。當(dāng)你同時(shí)讀一篇文言文和一篇設(shè)計(jì)文章，肯定設(shè)計(jì)文章的內(nèi)容可讀性更好。易識性是用在字體設(shè)計(jì)上，不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個(gè)位設(shè)計(jì)師都息息相關(guān)，因?yàn)槲覀兌夹枰幣盼谋?。?dāng)我們小時(shí)候?qū)懽魑臅r(shí)，不會寫的文字可以用拼音代替。這時(shí)候讀者讀到拼音時(shí)會有停頓感，更加適合用戶閱讀。

通過給用戶制作停頓感來增加用戶的易讀性。可以在相關(guān)聯(lián)文本后面添加圖片、表情、圖標(biāo)來更好的理解文本內(nèi)容，豐富文本內(nèi)涵。比如情侶間表達(dá)愛意時(shí)會輸入文本，“我愛你”、“我 Love 你”、“我 ai 你”、“我??你”，哪個(gè)更加會有情感共鳴呢？不言而喻，相信你心中已經(jīng)有答案了。

2. 曲線

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

除了突顯文本外，曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計(jì)師編排的順序進(jìn)行瀏覽界面。當(dāng)然還有比這更科學(xué)的工具就是眼動儀測試，通過真實(shí)用戶眼睛瀏覽界面顯示對應(yīng)的熱點(diǎn)圖。

3. 多彩高斯?jié)u變風(fēng)

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

多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新，給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上，為了更好的傳達(dá)信息需要去設(shè)計(jì)與內(nèi)容相匹配的視覺風(fēng)格。

B 端界面設(shè)計(jì)

1. 側(cè)邊欄 Sidebar

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

2. 儀表盤設(shè)計(jì)

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

3. 流程設(shè)計(jì)

復(fù)雜的事情簡單化，簡單的事情標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)的事情流程化，流程的事情自動化。流程設(shè)計(jì)是每一個(gè)企業(yè)核心功能和業(yè)務(wù)，可自定義的管理流程系統(tǒng)搭建也是 B 端產(chǎn)品設(shè)計(jì)的難點(diǎn)，需要對業(yè)務(wù)高度抽象，讓每一個(gè)業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計(jì)。

4. B 端 C 化

B 端 C 化是 B 端產(chǎn)品設(shè)計(jì)的視覺表現(xiàn)力慢慢往 C 端產(chǎn)品設(shè)計(jì)的視覺靠齊，國內(nèi) B 端產(chǎn)品界面設(shè)計(jì)視覺水平還有很大的提高空間。除了視覺上的提升外，由于業(yè)務(wù)的發(fā)展，B 端產(chǎn)品也開始移動化、智能化，國內(nèi)主流還是通過小程序、H5 來現(xiàn)實(shí) B 端產(chǎn)品 C 端化。

5. 輕代碼化

輕代碼化是一種低代碼賦能無代碼的方式，彌補(bǔ)無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時(shí)，又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個(gè)性化管理系統(tǒng)，輕松實(shí)現(xiàn)多元業(yè)務(wù)場景的數(shù)字化管理。

輕代碼化將功能進(jìn)行打包，升級成全局可以用的配置，技術(shù)人員配置好后，業(yè)務(wù)人員在應(yīng)用編輯時(shí)直接選擇使用模版，綁定對應(yīng)的變量即可使用。

界面設(shè)計(jì)技巧

1. 人文氣息

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

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

這種風(fēng)格更適合大公司，國內(nèi)的一些手機(jī)廠商 OPPO、VIVO 等也會通過手機(jī)+背景+人物來體現(xiàn)科技與人文的結(jié)合，而對于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。

2. 毛玻璃效果

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

3. 輕擬物

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

4. 簡潔設(shè)計(jì)

簡潔設(shè)計(jì)遵從了密斯·凡德羅的“少即是多”的設(shè)計(jì)原則，在 B 端產(chǎn)品界面中更加需要簡潔設(shè)計(jì)，我們最熟悉的 Sketch 軟件界面已經(jīng)是相當(dāng)?shù)暮啙嵙??；氐浆F(xiàn)實(shí)當(dāng)需求功能不斷增加，產(chǎn)品界面的編排如何取舍，如何保證界面的簡潔是設(shè)計(jì)師需要深度思考的問題？如何與上級溝通？該功能是否可做可不做？是否需要埋點(diǎn)用數(shù)據(jù)說話？如果只是一味競品有我們就需要有，功能不斷累加只會讓界面越來越重。

5. 幾何圖形

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

幾何圖形另一個(gè)場景化的地方就是品牌，作為一名 UI 設(shè)計(jì)師一定會經(jīng)歷從圖標(biāo)到幾何圖形到品牌設(shè)計(jì)的過程，品牌設(shè)計(jì)的技巧基本還是以幾何圖形為主，至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計(jì)的技巧對產(chǎn)品定位、品牌宣傳打下扎實(shí)的基礎(chǔ)。

6. 暗黑設(shè)計(jì)

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

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

7. 模塊化（組件化）

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

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

8. 插畫

插畫作為設(shè)計(jì)的一大品類，不同的插畫師都有自己擅長的風(fēng)格，本質(zhì)是都有自己的個(gè)性，但是在產(chǎn)品設(shè)計(jì)中更多是需要共情、共性來講故事，表達(dá)產(chǎn)品理念和價(jià)值觀。這就需要插畫師去嘗試并探尋出適合互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)類的插畫風(fēng)格。設(shè)計(jì)的本質(zhì)是舊元素的重新組合，插畫不會過時(shí)，而是需要結(jié)合當(dāng)下和產(chǎn)品找到最匹配的設(shè)計(jì)風(fēng)格。

9. 幾何插畫

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

10. 線面插畫

線面插畫最近一兩年非常流行，準(zhǔn)確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現(xiàn)人物形態(tài)時(shí)某些結(jié)構(gòu)會表現(xiàn)不出來，這時(shí)候用線條簡單勾勒后，結(jié)構(gòu)就會清晰明了。其次當(dāng)線面插畫運(yùn)用在界面上時(shí)，可以打破界面純文字或組件化的機(jī)械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時(shí)，還能保持界面的干凈整潔。

動效

1. 微交互

界面微交互動效會讓用戶的體驗(yàn)更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計(jì)，微交互和動效設(shè)計(jì)是繞不開的，UI 界面設(shè)計(jì)通過微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。細(xì)微的動效更能調(diào)動用戶情緒，取悅用戶。C 端產(chǎn)品微交互和動效已經(jīng)很成熟了，一部分功勞來自 iOS 系統(tǒng)原生自帶的效果。B 端產(chǎn)品的微交互和動效更多還是在學(xué)習(xí)海外產(chǎn)品，還需要給前端工程師灌輸微交互和動效的設(shè)計(jì)價(jià)值，共同打造產(chǎn)品體驗(yàn)細(xì)節(jié)。

2. Mg 動畫

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

三維

1. 三維圖標(biāo)

MacOS Big Sur 系統(tǒng)圖標(biāo)的更新帶動了三維圖標(biāo)的流行，三維圖標(biāo)的應(yīng)該場景還是需要有較大留白空間的界面，因?yàn)槿S圖標(biāo)太小后就看不到更多細(xì)節(jié)。三維圖標(biāo)感覺又回到了擬物化和扁平化哪個(gè)更好的問題上？設(shè)計(jì)師應(yīng)該保持開放多元的視角。設(shè)計(jì)本身也在不斷的演化融合，存在即合理。合適最重要，它們都會有適合自己的場景和設(shè)計(jì)價(jià)值。

2. 輕三維

為什么輕三維在界面設(shè)計(jì)中占有一席之位？一個(gè)是設(shè)計(jì)師不斷追求差異化的產(chǎn)物。另一個(gè)是更好的表現(xiàn)內(nèi)容，并與用戶產(chǎn)生共鳴。輕三維的基礎(chǔ)模型都是來自手機(jī)界面中的各種元素，比如組件、開關(guān)、按鈕、占位符、圖表、幾何圖形、圖標(biāo)、進(jìn)度條等，這些都是用戶日常使用系統(tǒng)軟件常見的元素，通過簡單的幾何形體建?！驘艄狻硬馁|(zhì)—渲染—PS調(diào)色。難度系數(shù)不大但效果很出彩。第一個(gè)出彩點(diǎn)是模型帶有厚度的倒角，結(jié)合燈光渲染的光澤是二維軟件不能比擬的。第二個(gè)出彩點(diǎn)就是材質(zhì)自由添加，特別是當(dāng)下流行的毛玻璃效果，玻璃材質(zhì)渲染效果更佳。第三個(gè)出彩點(diǎn)就是可以加局部燈光，局部的漸變色或環(huán)境光更加出彩。

3. P4D（PS+C4D）

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

4. 卡通 IP

卡通 IP 設(shè)計(jì)最近三四年技術(shù)的迭代已經(jīng)慢慢的走上成熟，卡通 IP 也從傳統(tǒng)的純 PS 手繪技法，轉(zhuǎn)到 C4D 建?！巧壎ā狹D衣服制作—OC渲染—PS（靜態(tài)）/AE（動態(tài)）調(diào)色。

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

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

5. 三維動畫

C4D 三維場景動畫通過構(gòu)建實(shí)物和場景模擬生活中的現(xiàn)實(shí)場景，會讓用戶體驗(yàn)真實(shí)感，三維軟件制作動效的最大優(yōu)勢是通過動力學(xué)和表達(dá)式來模擬真實(shí)感，未來在 AR/VR 領(lǐng)域會有更好的發(fā)展。相對于界面動效學(xué)習(xí)成本難度也相對較大。在三維動畫中 C4D 軟件對于域、動力學(xué)還是有一定的優(yōu)勢。

總結(jié)

上一次寫 Dribbble 流行趨勢還是兩年前了，通過兩年的沉淀對趨勢流行有了更深的認(rèn)知。十年的互聯(lián)網(wǎng)行業(yè)風(fēng)風(fēng)火火，隨著最近的互聯(lián)網(wǎng)裁員潮大家也慢慢的進(jìn)入到反思層，客觀的看待和理解這個(gè)真實(shí)的世界，曾經(jīng)的流行趨勢也需要慢慢的沉淀下來。

存在即合理，趨勢流行稍縱即逝，注定是不長久的，只有大浪淘沙歷史遺留下來的風(fēng)格才能更長久。但我們也不能不去關(guān)注，因?yàn)槟挠惺裁此^的創(chuàng)新，只不過是舊元素的重新組合，并符合當(dāng)下這個(gè)時(shí)代人的審美需求。香奈兒的“時(shí)尚易逝，風(fēng)格永存”大概就是這個(gè)意思吧。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)

背景

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

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

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

美國創(chuàng)作型歌手兼唱片制作人 Charlie Puth 嘗試在短視頻平臺上發(fā)布一些旋律，發(fā)起了標(biāo)簽挑戰(zhàn) #writethelyrics，邀請粉絲們?yōu)樾商钤~，這個(gè)標(biāo)簽累計(jì)視頻觀看量達(dá)到38億次。

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

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

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

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

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

2021年音頻內(nèi)容呈爆炸式增長，播客這種很早就有的形式，在今年煥發(fā)了蓬勃生機(jī)。因?yàn)橐咔樵?，音頻內(nèi)容呈爆發(fā)式增長，相較于其他數(shù)字內(nèi)容表達(dá)方式，音頻覆蓋了更多互動場景，用戶可以在通勤、運(yùn)動和打掃房子的時(shí)候在車?yán)锊シ拧?

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

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

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

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

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

1）內(nèi)容二創(chuàng)，形成粉絲傳播文化

影視劇宣發(fā)期，通過話題互動或設(shè)置傳播內(nèi)容，讓用戶創(chuàng)作內(nèi)容進(jìn)行傳播，如《魷魚游戲》引發(fā)自發(fā)傳播的摳糖挑戰(zhàn)也引起更多受眾注意激發(fā)用戶觀看。

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

2）打造慶典活動，激發(fā)用戶共情

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

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

1）通過社交動態(tài)通知觸達(dá)

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

2）線上社區(qū)深度觸達(dá)

Discord建立起玩家之間互推、互鑒，玩家與開發(fā)者間直接互動的社區(qū)平臺；社區(qū)內(nèi)的種子玩家可以更直接地與開發(fā)者接觸，讓自己的聲音被聽到；同時(shí)他們也是優(yōu)質(zhì)的渠道傳播者，將優(yōu)質(zhì)的討論內(nèi)容、游戲動態(tài)進(jìn)行分享，讓渠道轉(zhuǎn)化效率更高；

同時(shí)Discord可以創(chuàng)建「臨時(shí)」游戲語音頻道，可以讓其他成員看到頻道內(nèi)成員正在玩的游戲；玩家也可以將游戲?qū)崨r傳輸?shù)椒?wù)器，在語音頻道邀請朋友共同觀看自己的游戲“現(xiàn)場直播”，讓玩家的朋友在沙發(fā)上重現(xiàn)游戲的感覺；

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

游戲開發(fā)者利用多圈層KOL的優(yōu)勢，引導(dǎo)他們產(chǎn)出與游戲相關(guān)的UGC，OGC內(nèi)容，形成話題熱議，從而觸達(dá)到目標(biāo)用戶，這種方式可以增強(qiáng)游戲影響力，甚至產(chǎn)生出圈的效果；比如Youtube通過扶持優(yōu)秀的內(nèi)容創(chuàng)作者，通過他們的粉絲圈或者社交關(guān)系進(jìn)行游戲推廣。

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

相較于傳統(tǒng)的機(jī)器人客服，機(jī)器人進(jìn)化出了新能力,在數(shù)字內(nèi)容推廣上展現(xiàn)新前景。在Discord中，由第三方機(jī)構(gòu)提供各種數(shù)字內(nèi)容服務(wù)能力的機(jī)器人，如將Patchbot機(jī)器人添加到頻道后，可以將用戶喜歡的游戲資訊/功能更新及時(shí)推送到頻道中，讓玩家獲取信息更及時(shí)；

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

隨著元宇宙、區(qū)塊鏈技術(shù)的火爆，數(shù)字內(nèi)容也展現(xiàn)了不同以往的展示和推廣方式。2021作為元宇宙爆發(fā)年，向我們展示了未來的一角。通過虛實(shí)結(jié)合的互動體驗(yàn)，數(shù)字營銷不再局限于單一的文字/畫面，而是通過多體感的交互，讓用戶全方位的體驗(yàn)數(shù)字內(nèi)容，為獵奇的互聯(lián)網(wǎng)用戶打開了數(shù)字營銷新篇章。

1）虛擬偶像成數(shù)字內(nèi)容推廣重要方式

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

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

2）虛擬演唱會打造多感官音樂體驗(yàn)

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

切換到街頭場景時(shí)，觀眾可以把聊天內(nèi)容或愛心發(fā)送到比伯周圍；

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

3）利用虛擬社區(qū)打造游戲/影視宣發(fā)新方式

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

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

4）區(qū)塊鏈及NFT技術(shù)賦予數(shù)字內(nèi)容流通新方式

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

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

總結(jié)

伴隨著用戶數(shù)字內(nèi)容消費(fèi)習(xí)慣的變化，數(shù)字內(nèi)容呈現(xiàn)方式、渠道和分發(fā)方式都在發(fā)生變化?？梢钥吹皆谖磥?，數(shù)字內(nèi)容制作方和發(fā)行方，需要為用戶提供更多元的方式深度進(jìn)行體驗(yàn)，同時(shí)承載數(shù)字內(nèi)容的平臺也逐步由傳統(tǒng)的中心化渠道向私域流量轉(zhuǎn)移。作為數(shù)字內(nèi)容發(fā)行方，如何有效且長線輸出高品質(zhì)內(nèi)容，構(gòu)建內(nèi)容壁壘，探索更有吸引力的表現(xiàn)形式、縮短和用戶的溝通渠道，是未來需要深入思考的。

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

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)

2022 年的 UI/UX 設(shè)計(jì)趨勢是什么呢？在本文中，我們將發(fā)現(xiàn)：

1. 3D 視覺設(shè)計(jì)師的內(nèi)卷將會越來越嚴(yán)重
2. 數(shù)據(jù)可視化的工作將變得越來越重要
3. 服務(wù)的移動化還需要做出更多努力
4. scrollytelling 技術(shù)會越來越流行

滾動已死，滾動敘事興起

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

《紐約時(shí)報(bào)》是第一批在他們的文章《雪花飄落》中使用滾動敘事手法的機(jī)構(gòu)之一。

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

2022 年，Scrollytelling 將會出現(xiàn)在你看到的每一個(gè)流行網(wǎng)站上。

另一方面，scrolllytelling 讓用戶真正去閱讀內(nèi)容。你可以用動態(tài)文本讓他們產(chǎn)生興趣，比如谷歌的網(wǎng)站。他們的團(tuán)隊(duì)知道如何讓信息看起來更好:

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

所以，最好的網(wǎng)站不可能在 2 天內(nèi)建成，需要更多的時(shí)間去打磨。

IAmBinadam 令人驚艷的敘述設(shè)計(jì)

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

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

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

用戶喜歡看數(shù)據(jù)，數(shù)據(jù)可視化越來越被重視

如何在 2022 年做出一個(gè)還不錯(cuò)的企業(yè)網(wǎng)站？你不會想告訴用戶你是“XX 領(lǐng)域公認(rèn)的領(lǐng)導(dǎo)者，該領(lǐng)域最好的之一”。這種標(biāo)準(zhǔn)的廣告表達(dá)并不傳達(dá)任何有價(jià)值的信息。

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

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

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

不同級別的數(shù)據(jù)具有不同的大小，這樣用戶知道應(yīng)該先從哪里查看

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

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

還有一種現(xiàn)象叫做“新冠后遺癥”。這是 Covid 對公司及其員工的長期影響。根據(jù)英國國家統(tǒng)計(jì)局的數(shù)據(jù)，2018 年，壓力和焦慮的平均得分約為 2.7/10。自新冠疫情發(fā)生以來，得分已升至 4.0/10，很少低于這一水平。同樣因?yàn)榇罅餍?，在過去兩年里工作量增加了 4 個(gè)小時(shí)。

人們壓力太大，卷的太辛苦，以至于不愿去看復(fù)雜的數(shù)據(jù)。

設(shè)計(jì)師做好數(shù)據(jù)可視化，以保持人們的注意力。記住，復(fù)雜的信息通常被忽略，因?yàn)樽x者試圖節(jié)省他們的時(shí)間，更有可能使用滾動按鈕。

Illustration by Mona Chalabi

以下是我們推薦的一些表示數(shù)據(jù)的方式

1. 圖表和曲線圖
2. 插圖
3. 靜態(tài)信息圖
4. 互動信息圖

Illustration by Ink Factory

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

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

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

Graph by Hootsuite

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

Graph by Hootsuite

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

2022 年還有必要做 APP 嗎？

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

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

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

1）用戶主要通過移動設(shè)備訪問你的網(wǎng)站

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

2）幫助內(nèi)部業(yè)務(wù)流程更加有效

如果你想要提高員工的工作效率、改進(jìn)工作流程或增加利潤，那么就制作一個(gè)可以幫助管理業(yè)務(wù)流程的移動應(yīng)用。

如今，像這樣的手機(jī)應(yīng)用使企業(yè)能夠執(zhí)行越來越復(fù)雜和多樣化的任務(wù)，加快日常重復(fù)操作和文檔管理。

3）實(shí)現(xiàn)一些網(wǎng)站上沒有的新功能

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

4）競爭對手的情況

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

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

5）復(fù)購率

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

在正確的時(shí)間提供的報(bào)價(jià)越有吸引力，人們購買的可能性就越大。

出租車服務(wù)公司有回頭客，他們肯定需要一個(gè)應(yīng)用

6）促銷工具

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

做原生 APP 還是移動端網(wǎng)站?

開發(fā)手機(jī)網(wǎng)站比開發(fā)手機(jī)應(yīng)用需要更少的工作量，這反過來可以降低整體推廣成本。

這部分是由于響應(yīng)式設(shè)計(jì)的出現(xiàn)，它允許你根據(jù)打開網(wǎng)站的設(shè)備屏幕來調(diào)整網(wǎng)站。至于 APP，它們必須為許多移動平臺單獨(dú)編寫:Android、iOS、Windows 等。

一些設(shè)計(jì)師認(rèn)為“前端驅(qū)動的網(wǎng)絡(luò)體驗(yàn)”會是 2022 年的一個(gè)好機(jī)會，我非常同意!
（彩云注：在國內(nèi)，現(xiàn)在開發(fā)小程序的肯定越來越多了。）

3D 設(shè)計(jì)具備更強(qiáng)競爭力

我們一開始并沒有將其放在首位，因?yàn)檫@并不是一個(gè)新的趨勢，在很久以前設(shè)計(jì)師們就已經(jīng)設(shè)計(jì)了很多 3D 圖像和動畫了。

Cardi B rhymes with 3D

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

在過去的幾年里，3D 藝術(shù)和動畫已經(jīng)出現(xiàn)在各種 UI 設(shè)計(jì)趨勢評論中。這意味著越來越多的設(shè)計(jì)師將它們整合到頁面中。

3D 當(dāng)然應(yīng)該成為 2022 年最熱門的趨勢和預(yù)測之一，因?yàn)榕c經(jīng)典動畫相比，逼真的 3D 形狀結(jié)合動畫總是引人注目的。

“從技術(shù)上講，通過 3D 更容易傳達(dá)更多內(nèi)容，因?yàn)樗绕矫鎴D片更接近我們的感知。3D 插圖更有深度，信息量更大，也更具互動性?！?

許多設(shè)計(jì)師將 3D 對象無縫地“安置”在 2D 空間中。它允許創(chuàng)建更有趣的組合，也作為一個(gè)優(yōu)秀的工作方法蘊(yùn)藏著巨大的潛力。

烏克蘭政府網(wǎng)站用 3D 手模擬了黑客帝國

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

元宇宙風(fēng)潮

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

Meta logo 的變化

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

混合動畫

越來越多的公司在網(wǎng)站和移動應(yīng)用中使用動畫，以提高用戶的沉浸感和體驗(yàn)，使內(nèi)容更有趣。

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

2022 年，動畫設(shè)計(jì)將是品牌市場定位的重要組成部分，想想一個(gè)公司新的視覺形象——動畫形象。隨著這個(gè)領(lǐng)域的專業(yè)設(shè)計(jì)師數(shù)量的增長，實(shí)現(xiàn)新想法的機(jī)會也在增加。

2022 年如何使用網(wǎng)頁動畫?

1）講故事

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

加載動畫 Yoichi Kobayashi

2）更有趣的加載

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

3）光標(biāo)效果

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

4）動態(tài)排版

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

添加角色的動畫插圖

據(jù) Statista 統(tǒng)計(jì)，2020 年全球動畫市場達(dá)到了 2700 億美元。趨勢是視頻，而不是靜態(tài)信息。全球品牌在社交網(wǎng)絡(luò)上使用動畫制作廣告。毫無疑問，動畫插圖的優(yōu)勢是它們非常靈活和多樣化。

寶馬歷史動畫

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

1）用于解釋視頻

2）電商廣告

動畫解說的趨勢出現(xiàn)在幾年前，解說視頻清楚地顯示點(diǎn)擊的位置或公司的項(xiàng)目是關(guān)于什么的。

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

微交互，大影響

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

圖片來源 awwards

動畫交互將為你的設(shè)計(jì)注入活力，并有助于保持用戶粘性。關(guān)注每一個(gè)細(xì)節(jié)是設(shè)計(jì)師工作的關(guān)鍵，因?yàn)樵O(shè)計(jì)中的所有元素都可以帶來積極的用戶體驗(yàn)。

重要的是要達(dá)到元素的和諧，而不是把注意力分散到界面的各個(gè)方面。微交互作用的一個(gè)重要部分是顏色，它們?yōu)榻缑嬖卦鰪?qiáng)價(jià)值。

CTA animated

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

動態(tài) logo，加深品牌印記

2022 年，在線品牌面臨著新的挑戰(zhàn)，需尋求新的解決方案，其中之一就是動畫 logo 設(shè)計(jì)。

圖片來源 Toridori

動畫 logo 主要有以下幾點(diǎn)營銷優(yōu)勢:

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

一家洗衣機(jī)[公司]的標(biāo)志

現(xiàn)在有很多設(shè)計(jì)模板，可以很容易地用字體制作一個(gè)動畫 logo:

來源 Shabello, Bobby Voeten

最后的話

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

文章來源：優(yōu)設(shè)   作者：彩云Sky

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)

設(shè)計(jì)趨勢可以塑造一切，從設(shè)計(jì)師的創(chuàng)作方式到用戶界面設(shè)計(jì)，再到從網(wǎng)站到包裝設(shè)計(jì)的未來迭代。

讓我們深入探討2022年的一些頂級網(wǎng)頁設(shè)計(jì)趨勢。我們將著眼于 2021年末開始出現(xiàn)的趨勢，這些趨勢是為來年奠定基礎(chǔ)的，以及一些即將流行的趨勢設(shè)計(jì)。

有趣、樂觀的設(shè)計(jì)

時(shí)尚的形狀、顏色，甚至是面孔都可以帶來很多樂趣。設(shè)計(jì)師正在使用網(wǎng)頁設(shè)計(jì)趨勢，為從網(wǎng)站的所有內(nèi)容提供有趣、樂觀的設(shè)計(jì)。這些設(shè)計(jì)的共同點(diǎn)是它們?yōu)槭澜缱⑷肓艘稽c(diǎn)額外的快樂。

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

黑白配色方案

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

大膽和實(shí)驗(yàn)性的排版

在2022年，沒有錯(cuò)誤的排版方式。大粗體字體——甚至襯線字體——無處不在。在玩這種網(wǎng)站設(shè)計(jì)趨勢時(shí)，請考慮字體將如何響應(yīng)以及如何最大限度地對訪問者產(chǎn)生影響。

三維設(shè)計(jì)元素

雖然2020年和2021年有很多設(shè)計(jì)師網(wǎng)站處理完整的3D 設(shè)計(jì)，但新興趨勢是將3D元素與更扁平的整體美感結(jié)合起來。

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

三維設(shè)計(jì)也延伸到視覺敘事?？紤]如何以突出景深和陰影的方式捕捉您的故事或產(chǎn)品。

近乎野獸派

野蠻主義是人們想要加入的網(wǎng)站設(shè)計(jì)趨勢，但對于大多數(shù)項(xiàng)目來說，它過于苛刻和尖銳。

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

滾動文本元素

雖然總是希望文本元素可讀，但它們也可以是動態(tài)的。滾動文本元素——通常使用超大字體、幾個(gè)詞、在一個(gè)位置——可以增加對關(guān)鍵詞的強(qiáng)調(diào)并激發(fā)用戶的興趣。

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

玻璃態(tài)

玻璃態(tài)的第一個(gè)展示于2020年末和2021年初的新態(tài)，并演變成現(xiàn)在流行的更完整的玻璃效應(yīng)。

正是您可能想的那樣：設(shè)計(jì)元素的外觀讓人聯(lián)想到玻璃?？赡苡型该鞫?、冷淡或光澤的元素。

設(shè)計(jì)師們一直在Dirbbble上以一種主要方式使用這種風(fēng)格，并找到了網(wǎng)站設(shè)計(jì)的方法。

更多漸變

漸變是不斷出現(xiàn)的設(shè)計(jì)趨勢。2021年，設(shè)計(jì)中的大部分漸變出現(xiàn)在背景中。

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

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

2) 作為用其他線條填充插圖或圖標(biāo)以創(chuàng)建紋理深度效果

沒有圖像的主頁

無需圖像即可設(shè)計(jì)，您將在 2022 年緊跟潮流。

使用不同類型的用戶界面或設(shè)計(jì)技巧來充分利用沒有圖像的主頁。在此處的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之間具有疊印效果。超大的排版和手寫風(fēng)格的字體有助于將它們?nèi)诤显谝黄稹?

分屏美學(xué)

分屏美學(xué)重新奏效。幾年前的趨勢當(dāng)時(shí)出于可用性和響應(yīng)的原因而起作用，現(xiàn)在它更像是一種新設(shè)計(jì)。

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

交互式字體

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

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

包容性設(shè)計(jì)

設(shè)計(jì)師正在努力打造一個(gè)更具包容性的網(wǎng)絡(luò)，它幾乎在所有發(fā)布的內(nèi)容中都有體現(xiàn)。從圖像到語言再到替代文本，沒有理由不嘗試讓您的項(xiàng)目更加包容所有人。

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

結(jié)論

就網(wǎng)站設(shè)計(jì)趨勢而言，新的一年已經(jīng)開始以非凡的方式爆發(fā)。如何將這些元素合并到現(xiàn)有項(xiàng)目中是作為設(shè)計(jì)師該考慮的問題。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報(bào)下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

藍(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ù)

文章來源：站酷   作者：一個(gè)辛普森

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)

互聯(lián)網(wǎng)行業(yè)的未來趨勢是什么？本文將從宏觀環(huán)境、長期主題、確定性機(jī)會三個(gè)方面，來總結(jié)互聯(lián)網(wǎng)的十大關(guān)鍵詞，推薦對此感興趣的朋友閱讀，希望對你有所幫助。

2021年，互聯(lián)網(wǎng)行業(yè)經(jīng)歷了一場耐力大考驗(yàn)。這一年，政策監(jiān)管席卷了諸多行業(yè)，互聯(lián)網(wǎng)行業(yè)身處風(fēng)暴眼。從反壟斷超200億元巨額罰款，到平臺之間“拆墻”勢在必行，數(shù)據(jù)合規(guī)已經(jīng)上升至國家安全的戰(zhàn)略高度，一項(xiàng)又一項(xiàng)新政，讓互聯(lián)網(wǎng)行業(yè)告別野蠻擴(kuò)張?；ヂ?lián)網(wǎng)大廠內(nèi)部的日子也不好過。

2021年三季度，互聯(lián)網(wǎng)大廠們均不同程度地遭遇營收增長乏力、凈利潤增速下滑的問題，紛紛裁員過冬、節(jié)衣縮食。內(nèi)外環(huán)境的變化都昭示著，消費(fèi)互聯(lián)網(wǎng)的時(shí)代漸行漸遠(yuǎn)，互聯(lián)網(wǎng)行業(yè)正處在轉(zhuǎn)型的重大拐點(diǎn)。身處其中的玩家們，只有兩條路，要么抓住新機(jī)會、去新的戰(zhàn)場掘金，要么讓科技創(chuàng)新成為發(fā)展的底層驅(qū)動力。

即將過去的2021年有著諸多關(guān)鍵詞，反壟斷大年、互聯(lián)互通元年、數(shù)據(jù)安全元年、碳中和元年、元宇宙元年……在2022年即將開啟之際，我們從宏觀環(huán)境、長期主題、確定性機(jī)會三個(gè)方面，盤點(diǎn)了十大關(guān)鍵詞，分別是反壟斷、互聯(lián)互通、數(shù)據(jù)安全、擁抱變化、碳中和、硬科技、元宇宙、產(chǎn)業(yè)互聯(lián)網(wǎng)、出海、助農(nóng)，以期呈現(xiàn)互聯(lián)網(wǎng)行業(yè)的未來趨勢。

一、宏觀環(huán)境

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

2021年，被稱為“反壟斷大年”。尤其是互聯(lián)網(wǎng)領(lǐng)域，利劍頻繁落下。上半年，阿里巴巴因?qū)嵤岸x一”壟斷行為被罰182.28億元，這是我國至今開出的最大反壟斷罰單。下半年，美團(tuán)因同樣的原因，被罰34.42億元。單是這兩家大廠，因壟斷行為被罰金額，就超過200億元。

過去二十余年，互聯(lián)網(wǎng)巨頭滲進(jìn)各行各業(yè)，靠著一套“燒錢、合并、壟斷”的打法，瘋狂擴(kuò)張，加劇了收入分配不公和社會不穩(wěn)定。因此，“強(qiáng)化反壟斷和防止資本無序擴(kuò)張”在去年的中央經(jīng)濟(jì)會議上，被列為2021年八項(xiàng)重點(diǎn)任務(wù)之一。

據(jù)統(tǒng)計(jì)，2021年以來，國家市場監(jiān)管總局共發(fā)布反壟斷處罰案例上百起，其中七成以上案例涉及互聯(lián)網(wǎng)企業(yè)。而針對“二選一”、“大數(shù)據(jù)殺熟”等行為的反壟斷細(xì)則也在出臺。監(jiān)管趨嚴(yán)之下，互聯(lián)網(wǎng)巨頭們開始有所行動。

12月，騰訊以中期派息方式，將所持有約4.6億股京東股權(quán)發(fā)放給騰訊股東，對京東持股比例將由17%降至2.3%，被外界猜測為降低自身反壟斷監(jiān)管的風(fēng)險(xiǎn)。騰訊持股的美團(tuán)、拼多多、知乎等大公司或?qū)⒚媾R同樣境況。互聯(lián)網(wǎng)領(lǐng)域反壟斷的大旗，今年只是剛剛揚(yáng)起。

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

2. 互聯(lián)互通：“拆墻”是大勢所趨

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

隨著互聯(lián)網(wǎng)流量紅利逐漸消失，存量時(shí)期，互聯(lián)網(wǎng)企業(yè)們競爭的重點(diǎn)依然還放在如何加深流量池的壁壘，陷入了殘酷的惡性競爭。互聯(lián)互通，是反壟斷的舉措之一，更是為了能夠降低交易成本、促進(jìn)創(chuàng)新創(chuàng)業(yè)，推進(jìn)平臺之間的長遠(yuǎn)良性發(fā)展。

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

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

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

3. 數(shù)據(jù)安全：加速度發(fā)展

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

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

一位數(shù)據(jù)安全領(lǐng)域從業(yè)者表示，今年很多大公司的重心是實(shí)施數(shù)據(jù)安全相關(guān)的法律法規(guī)，接下來，互聯(lián)網(wǎng)選手們的重心就會放在，如何更進(jìn)一步在數(shù)據(jù)安全方面規(guī)避風(fēng)險(xiǎn)，提高效率。與此同時(shí)，數(shù)據(jù)安全的市場快速崛起。其中的隱私計(jì)算異軍突起，成為數(shù)據(jù)安全領(lǐng)域最炙手可熱的賽道。

據(jù)統(tǒng)計(jì)，隱私計(jì)算領(lǐng)域2021年融資額已超50億元。中國信息通信研究院云計(jì)算與大數(shù)據(jù)研究所發(fā)布的《2021數(shù)據(jù)安全行業(yè)調(diào)研報(bào)告》顯示，我國數(shù)據(jù)安全已經(jīng)到了發(fā)展的關(guān)鍵期，未來對于數(shù)據(jù)安全的需求將越來越大，同時(shí)對于服務(wù)能力和產(chǎn)品能力的要求也越來越高。

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

這一年，高密度、強(qiáng)力度的監(jiān)管持續(xù)，讓所有互聯(lián)網(wǎng)從業(yè)者都無法忽視。從整治幣圈亂象、教培領(lǐng)域的“雙減”、房地產(chǎn)行業(yè)的大震蕩，到監(jiān)管風(fēng)暴刮到短視頻、直播電商、游戲領(lǐng)域，面臨反壟斷、互聯(lián)互通、數(shù)據(jù)安全監(jiān)管的互聯(lián)網(wǎng)行業(yè)必須求變。

監(jiān)管趨嚴(yán)的背后，是互聯(lián)網(wǎng)原有的打法已經(jīng)不適合新時(shí)代的要求，有關(guān)部門正引導(dǎo)著整個(gè)互聯(lián)網(wǎng)企業(yè)，從以往的無序擴(kuò)張、野蠻生長，向精耕細(xì)作的新時(shí)代轉(zhuǎn)型，從以前的消費(fèi)互聯(lián)網(wǎng)模式，向由科技主導(dǎo)的互聯(lián)網(wǎng)時(shí)代發(fā)展。2021年三季度期間，阿里、騰訊兩大頭部，營收增速、凈利潤雙雙下滑，除此之外，多家大廠都面臨類似情況。

互聯(lián)網(wǎng)企業(yè)紛紛裁員“過冬”，節(jié)衣縮食。展望2022年，合規(guī)一樣是大勢所趨，在未來幾年也還將持續(xù)。互聯(lián)網(wǎng)正在進(jìn)入一個(gè)新時(shí)代，企業(yè)們需要構(gòu)筑新的增長引擎。而身處其中的個(gè)體，也都要做好擁抱變化的準(zhǔn)備。“唯一永恒不變的東西就是‘變化’”，將無比適用。

二、長期主題

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

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

在“雙碳”目標(biāo)提出之后，今年，互聯(lián)網(wǎng)大廠們都加速跟進(jìn)“碳中和”，制定碳中和目標(biāo)及規(guī)劃，動作貫徹全年。從1月騰訊打響頭炮，啟動碳中和目標(biāo)規(guī)劃；3月，螞蟻集團(tuán)承諾從今年起實(shí)現(xiàn)運(yùn)營排放的碳中和，并在2030年實(shí)現(xiàn)凈零排放；到年中6月，百度發(fā)布“碳中和全景圖”，公布在2030年實(shí)現(xiàn)集團(tuán)運(yùn)營層面的碳中和目標(biāo)；

年底，阿里也明確提出了碳中和三大目標(biāo)，要在2030年之前，實(shí)現(xiàn)自身運(yùn)營碳中和、上下游價(jià)值鏈碳排放強(qiáng)度減半，用15年時(shí)間以平臺之力帶動生態(tài)減碳15億噸。對于這些互聯(lián)網(wǎng)科技企業(yè)而言，碳中和既是企業(yè)社會責(zé)任的一部分，也和自身商業(yè)模式相關(guān)。

碳中和背景下，ESG投資火了。這種將企業(yè)在環(huán)境保護(hù)（Environment）、社會責(zé)任（Social Responsibility）以及公司治理（Corporate Governance）三方面非財(cái)務(wù)指標(biāo)的表現(xiàn)納入投資決策的投資理念，在一二級市場都備受關(guān)注。

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

波士頓咨詢公司發(fā)布的報(bào)告預(yù)測，為實(shí)現(xiàn)碳中和目標(biāo)，從2020年到2050年我國需要累計(jì)投資90萬億-100萬億元資金?，F(xiàn)如今，互聯(lián)網(wǎng)大廠們已經(jīng)以10年為周期進(jìn)行碳中和目標(biāo)的規(guī)劃，碳中和這個(gè)關(guān)鍵詞至少在未來十年內(nèi)都將是熱點(diǎn)主題。

2. 硬科技：迎來最好的時(shí)代

“硬科技和科技創(chuàng)業(yè)是中國未來三十年發(fā)展的主旋律，是中國強(qiáng)大起來的必經(jīng)之路。”提出了硬科技理念的中科創(chuàng)星創(chuàng)始合伙人米磊曾提到，這一結(jié)論背后，是中國正處于從模式創(chuàng)新到科技創(chuàng)新轉(zhuǎn)型的拐點(diǎn)，中國政策正在從投資驅(qū)動、要素驅(qū)動到創(chuàng)新驅(qū)動轉(zhuǎn)型。

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

紅杉中國創(chuàng)始及執(zhí)行合伙人沈南鵬曾對媒體表示，硬科技領(lǐng)域投資，已經(jīng)超過紅杉中國投資組合的80%，“一個(gè)科技主導(dǎo)的創(chuàng)業(yè)新時(shí)代已經(jīng)到來”。北交所11月15日開市當(dāng)天，78家上市企業(yè)當(dāng)中，有16家是硬科技企業(yè)?；ヂ?lián)網(wǎng)巨頭們也都將硬科技布局至于重要地位，內(nèi)部下場自研，對外投資收購，雙管齊下。

12月，騰訊減持京東背后也是投資邏輯的改變，相較消費(fèi)類投資，騰訊轉(zhuǎn)而更關(guān)注硬科技領(lǐng)域，包括芯片公司燧原科技等；阿里內(nèi)有達(dá)摩院和半導(dǎo)體公司平頭哥，對外投資有紫光股份、恒玄科技等；美團(tuán)的策略從“Food+Platform”轉(zhuǎn)變?yōu)椤傲闶?科技”，深耕無人配送領(lǐng)域，還在自動駕駛、機(jī)器人、激光雷達(dá)、芯片等領(lǐng)域加強(qiáng)投資。

硬科技產(chǎn)業(yè)是新一輪產(chǎn)業(yè)革命的動力引擎，已經(jīng)成為了業(yè)界共識。人才、熱錢都在涌向硬科技這個(gè)會影響一個(gè)時(shí)代的領(lǐng)域，但硬科技發(fā)展門檻高、前期投入大、技術(shù)迭代周期長，投資者更需要熬得住。

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

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

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

一級市場上，創(chuàng)業(yè)者早已扎堆涌入。據(jù)企查查顯示，僅帶有元宇宙名字的公司就近千家，元宇宙相關(guān)領(lǐng)域的搶人大戰(zhàn)搶先打響。與之相關(guān)的數(shù)字人、VR/AR、游戲、社交領(lǐng)域的產(chǎn)品，都引發(fā)了投資人的關(guān)注。

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

元宇宙里的炒房熱、炒地?zé)幔餐耆惠敩F(xiàn)實(shí)世界。下半年，全球虛擬土地的單筆最高成交紀(jì)錄接連被打破，不到一個(gè)月時(shí)間，從243萬美元、430萬美元提升至約500萬美元。就連國內(nèi)尚在內(nèi)測期的元宇宙社交產(chǎn)品，其虛擬房產(chǎn)在二手市場的交易都異?；馃帷?

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

三、確定性機(jī)會

1. 產(chǎn)業(yè)互聯(lián)網(wǎng)：數(shù)字化轉(zhuǎn)型大勢不可逆

產(chǎn)業(yè)互聯(lián)網(wǎng)不算是新話題。早在2019年，騰訊創(chuàng)始人馬化騰就曾表示，互聯(lián)網(wǎng)的上半場是消費(fèi)互聯(lián)網(wǎng)，下半場是產(chǎn)業(yè)互聯(lián)網(wǎng)。到2021年，在國家宏觀政策導(dǎo)向中，數(shù)字經(jīng)濟(jì)、數(shù)字化已經(jīng)成為相關(guān)政策文件中多次提及的關(guān)鍵詞。

消費(fèi)互聯(lián)網(wǎng)時(shí)代的商業(yè)模式能夠帶來的增長和創(chuàng)新日趨窘迫，下一個(gè)時(shí)代，以互聯(lián)網(wǎng)技術(shù)對各個(gè)垂直產(chǎn)業(yè)鏈進(jìn)行數(shù)字化重塑和改造，將互聯(lián)網(wǎng)與實(shí)體經(jīng)濟(jì)進(jìn)行融合，加速產(chǎn)業(yè)的數(shù)字化轉(zhuǎn)型，即產(chǎn)業(yè)互聯(lián)網(wǎng)，是政策支持的方向。

現(xiàn)如今，云計(jì)算、人工智能、5G等技術(shù)正在向金融、醫(yī)療、教育等行業(yè)滲透，技術(shù)的發(fā)展也正掀起新一輪的產(chǎn)業(yè)革命。互聯(lián)網(wǎng)頭部大廠們都在朝著這個(gè)通往未來的方向行進(jìn)。騰訊自2018年“930”變革起，就全面發(fā)力產(chǎn)業(yè)互聯(lián)網(wǎng)，在智慧零售、智慧醫(yī)療、智慧金融、智慧教育等多個(gè)領(lǐng)域垂直布局；

阿里巴巴集團(tuán)董事會主席兼CEO張勇提及，希望能成為一家消費(fèi)互聯(lián)網(wǎng)和產(chǎn)業(yè)互聯(lián)網(wǎng)結(jié)合得更好的公司，協(xié)助企業(yè)數(shù)字化轉(zhuǎn)型的阿里云，2020財(cái)年?duì)I收已經(jīng)超過了200億元。此外，百度、京東、字節(jié)、美團(tuán)都在布局產(chǎn)業(yè)互聯(lián)網(wǎng)。

中信聯(lián)產(chǎn)業(yè)互聯(lián)網(wǎng)工作委員會秘書長張健在一次公開分享中提到，近幾年產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展，可以發(fā)現(xiàn)其服務(wù)體系正在呈現(xiàn)螺旋式的迭代升級，同時(shí)它本身的服務(wù)在進(jìn)行一體化、集成化的創(chuàng)新。產(chǎn)業(yè)互聯(lián)網(wǎng)平臺的發(fā)展，一方面不斷地豐富和拓展各類服務(wù)，另一方面，不斷地推動各類服務(wù)，進(jìn)行數(shù)字化、網(wǎng)絡(luò)化、智能化的迭代升級。

2. 出海：去新的戰(zhàn)場掘金

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

隨著國內(nèi)市場戰(zhàn)局已定，主流的互聯(lián)網(wǎng)公司早已打起了出海的主意。現(xiàn)如今電商、游戲、娛樂社交產(chǎn)品、內(nèi)容文創(chuàng)是出海的幾大領(lǐng)域。電商領(lǐng)域，自2020年疫情以來，我國跨境電商呈現(xiàn)爆發(fā)式增長。天眼查顯示，2021年我國有超60萬家跨境電商相關(guān)企業(yè)。

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

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

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

3. 助農(nóng)：助推鄉(xiāng)村振興

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

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

不止如此，互聯(lián)網(wǎng)企業(yè)們也從數(shù)字化升級的角度助農(nóng)。鄉(xiāng)村振興，助農(nóng)先行。這些互聯(lián)網(wǎng)企業(yè)們?nèi)绱丝粗刂r(nóng)，離不開國家對于鄉(xiāng)村振興的重視。2021年，中央一號文件正式提出全面推進(jìn)鄉(xiāng)村振興，加快農(nóng)業(yè)農(nóng)村現(xiàn)代化，凸顯了新發(fā)展階段黨中央對農(nóng)村工作的高度重視。

農(nóng)村市場潛力有多大？有關(guān)部門公布的數(shù)據(jù)顯示，我國每年果蔬產(chǎn)量、消費(fèi)量高達(dá)7億噸，約占世界的40%。我國鄉(xiāng)村消費(fèi)品零售額增長連續(xù)8年快于城鎮(zhèn)。一面是政策的扶持，另一面是農(nóng)村市場的巨大潛力。

“助農(nóng)”既意味著鄉(xiāng)村振興，更意味著新的增長潛力。中國鄉(xiāng)村振興建設(shè)委員會副秘書長袁帥對深燃表示，互聯(lián)網(wǎng)企業(yè)們的“農(nóng)業(yè)夢”早已表露無疑，如今爭先入局，是因?yàn)槿蛞咔橛绊懴陆?jīng)濟(jì)內(nèi)循環(huán)是關(guān)鍵，只有盤活“三農(nóng)”資源，才能實(shí)現(xiàn)對下沉市場的挖掘。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)

1. 動態(tài)在 UI/UX 扮演的角色

動態(tài)能激發(fā)用戶的情緒，為靜態(tài)的視覺設(shè)計(jì)注入活力與生命力。有趣、奇妙、吸引人的動態(tài)，能讓你的產(chǎn)品展現(xiàn)與眾不同的魅力。另一方面，動態(tài)有助于支持可用性，通過自然流暢的物理運(yùn)動，突顯元素在過渡時(shí)的關(guān)聯(lián)性與狀態(tài)變化，增強(qiáng)用戶對產(chǎn)品功能的感知。

因此，動態(tài)設(shè)計(jì)必須是有意義的，同時(shí)兼具可用性與美感，UX 行業(yè)也將動態(tài)設(shè)計(jì)視為多學(xué)科的交集，細(xì)分成一個(gè)專業(yè)的設(shè)計(jì)門類。作為 UI 和 UX 設(shè)計(jì)中重要的組成部分，動態(tài)設(shè)計(jì)從三個(gè)層面發(fā)揮影響力：

提高連貫性（Increase Continuity）

讓界面元素在用戶流程中順暢地轉(zhuǎn)變與過渡，將用戶操作導(dǎo)向期望的任務(wù)結(jié)果。

連接場景（Connect Scenes）

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

視覺吸引（Visually Appealing）

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

2. 動態(tài)設(shè)計(jì)趨勢

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

增強(qiáng)表達(dá)（Enhance Expression）

運(yùn)用引人注目的表現(xiàn)手法將信息傳遞給用戶，包括變形、動態(tài)文字和背景動畫。

創(chuàng)造層次（Create Hierarchy）

在視覺平面中創(chuàng)建空間層次結(jié)構(gòu)，遮罩與視差是常用的表現(xiàn)手法。

擴(kuò)展維度（Expand Dimensions）

突破二維限制，將界面元素多維化營造空間感，例如 3D 動態(tài)圖形和攝像機(jī)運(yùn)動。

增強(qiáng)表達(dá)

1. 變形 Morphing

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

動畫插圖 Animated Illustrations

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

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

by Lobster

通過動畫插圖來呈現(xiàn)同一系列的轉(zhuǎn)變，有利于延續(xù)外形上的特征，讓不同的物體具有連結(jié)性。比如從桌子、衣柜到燈具的連續(xù)變化，同樣風(fēng)格的系列家具利用動畫來體現(xiàn)一致性。

by Graceful illustrations ?

流體動態(tài) Liquid Motion

動態(tài)的有機(jī)形狀，包括流體、煙霧和火焰等粒子效果，能夠極大地增強(qiáng)視覺效果。流體動態(tài)并非明確的過渡與場景轉(zhuǎn)換，而是顏色在流動的液體中擴(kuò)散，進(jìn)而創(chuàng)造出抽象或真實(shí)的視覺形狀。這種風(fēng)格能實(shí)現(xiàn)無縫過渡，并為設(shè)計(jì)增添有機(jī)感，也是 2021 年最引人注目的動畫趨勢之一。

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

by ?anton mishin?

流體動態(tài)運(yùn)用到網(wǎng)站設(shè)計(jì)所營造的視覺沖擊力更為驚艷，能為用戶帶來獨(dú)特、新鮮的視覺感受， 使得流體動態(tài)深受風(fēng)格前衛(wèi)的設(shè)計(jì)師喜愛。網(wǎng)站還能利用鼠標(biāo)懸停與流體進(jìn)行互動，因此會在許多特效網(wǎng)站見到流體動態(tài)的蹤跡。

by Gilles Tossoukpé

動態(tài)漸變 Dynamic Gradients

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

by Pixelz Studio

微交互 Micro Interactions

在用戶體驗(yàn)設(shè)計(jì)中微交互變得日益重要，而動態(tài)設(shè)計(jì)正是微交互的靈魂所在，即使只是微小的視覺提示或反饋，都是人機(jī)交互易于使用的關(guān)鍵。從經(jīng)典案例來看，微交互的動畫細(xì)節(jié)必須帶有明確的目的性，讓用戶獲得實(shí)時(shí)反饋，指導(dǎo)用戶進(jìn)行下一步。從近幾年的設(shè)計(jì)趨勢來看，微交互已成為不可或缺的存在。

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

by Google

動畫商標(biāo) Animated Logos

過去幾年動畫商標(biāo)是最流行的動畫趨勢之一，通過各種視覺效果，設(shè)計(jì)師能創(chuàng)造出不同類型的動畫商標(biāo)，許多企業(yè)開始采用動畫商標(biāo)作為吸引注意力的手段。多數(shù)情況下，商標(biāo)是進(jìn)入網(wǎng)站時(shí)最先看到的東西，因此商標(biāo)應(yīng)該令人難忘、引人入勝，并使用符號或排版來揭示品牌個(gè)性。結(jié)合動畫的優(yōu)勢，設(shè)計(jì)師可以運(yùn)用一些動態(tài)或效果來講述簡短的故事以強(qiáng)調(diào)品牌特征，并為靜態(tài)排版和商標(biāo)注入一股活力。

by Yulia K.

by Meta

2. 動態(tài)文字 Kinetic Typography

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

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

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

by HOLOGRAPHIK®

by Hrvoje Grubisic

3. 背景動畫 Background Animation

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

by Carlo Soleri

by Kirill Zhukovsky

創(chuàng)造層次

1. 遮罩 Masking

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

切換場景 Scene-Switching

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

by intent

by Minh Pham ?

狀態(tài)變換 State Transformation

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

by Daniel Tan

by Outcrowd

2. 視差 Parallax

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

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

by Studio V?R

by Studio V?R

擴(kuò)展維度

1. 3D 動態(tài)圖形 3D Motion Graphics

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

更生動的表情 Lively Emoji

動畫的吸引力在于能夠創(chuàng)建各種角色，并為無生命物體注入生命力，表情符號就是一個(gè)很好的例子。作為獨(dú)特的網(wǎng)絡(luò)語言，表情符號生動地描摹日常面對面交流的非言語信息，隨著圖形界面的設(shè)計(jì)趨勢逐漸結(jié)合 2D 與 3D，運(yùn)用 3D 動態(tài)圖形來創(chuàng)造更加動感、擬人化的表情，能讓這些非言語信息更加豐富，有機(jī)會引領(lǐng)下一波風(fēng)潮。

by Outcrowd

營造空間感 Spatial Awareness

3D 動態(tài)圖形為平面設(shè)計(jì)建構(gòu)了空間敘事框架，在扁平化界面中展現(xiàn)立體感，從而表達(dá)空間中元素的位置與層級關(guān)系。多維化的發(fā)展趨勢，推動了視覺表達(dá)形式的演變，空間感讓界面設(shè)計(jì)更符合人類的認(rèn)知邏輯，運(yùn)用各種 3D 運(yùn)動特效，包括旋轉(zhuǎn)、翻轉(zhuǎn)、折疊、透視、Z 軸位移等，打造令人難忘的感官沖擊。

by UI8

by Bruno Ortolland

擬人動畫 Anthropomorphic Animations

擬人化能讓物體、植物、動物等非人類事物，表現(xiàn)出人類屬性的行為與狀態(tài)。動畫片運(yùn)用擬人的手法是最普遍的，1927 年迪士尼第一部系列動畫《幸運(yùn)兔子奧斯華》的主角便是擬人的兔子形象。由于人們?nèi)菀妆灰匀祟愋惺碌氖挛锼?，越來越多設(shè)計(jì)師在界面中添加擬人元素，利用這種效果讓畫面更加生動有趣，增強(qiáng)用戶體驗(yàn)的愉悅感。

by Gregory Riaguzov

2. 攝像機(jī)運(yùn)動 Camera Movements

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

推近/拉出 Dolly In/Dolly Out

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

相反地，拉鏡頭則是將攝像機(jī)后退，使畫面逐漸遠(yuǎn)離被攝主體，側(cè)重的是從局部到整體、由點(diǎn)到面的轉(zhuǎn)變，強(qiáng)調(diào)主體所處的空間環(huán)境。隨鏡拉出的景象，能激起人們無限的想像。

by Michael Crawford

by Ali Zafar Iqbal

水平/垂直移動 Truck/Pedestal

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

by Netguru

by Minh Pham

結(jié)合多種運(yùn)鏡 Multiple Camera Movements

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

by Sang Nguyen

by Paul Ilnitski

一鏡到底 One Shot

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

by Orizon: UI/UX Design Agency

by Minh Pham ?

結(jié)語

動態(tài)設(shè)計(jì)作為近年熱門的創(chuàng)作形式，廣泛應(yīng)用到各個(gè)領(lǐng)域，逐漸成為設(shè)計(jì)的主流趨勢。受益于技術(shù)演進(jìn)與發(fā)展，從創(chuàng)意生產(chǎn)到落地實(shí)現(xiàn)，動態(tài)設(shè)計(jì)的門檻不再遙不可及。設(shè)計(jì)師得以將想法轉(zhuǎn)化為生動、有趣的作品，并有機(jī)會創(chuàng)造新的表現(xiàn)手法，玩出許多新花樣，成為 2021 年動態(tài)設(shè)計(jì)的特色。

本文歸納的設(shè)計(jì)趨勢，有助于啟發(fā)設(shè)計(jì)師對動態(tài)設(shè)計(jì)的想像，激發(fā)更多創(chuàng)作靈感，為靜態(tài)界面賦予靈魂，打造令人難忘的視覺體驗(yàn)和品牌形象。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(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ù)