在 2020 年，疫情最為嚴(yán)峻的時(shí)候，B 端這一領(lǐng)域得到了前所未有的關(guān)注，而那時(shí)，身為 B 端用戶體驗(yàn)設(shè)計(jì)師的我，也曾總結(jié)過，當(dāng)時(shí) B 端設(shè)計(jì)的諸多趨勢(shì)，比如：
多端需求：即桌面端、平板端、移動(dòng)端的設(shè)計(jì)形式
設(shè)計(jì)中臺(tái)：擁有更為統(tǒng)一的設(shè)計(jì)平臺(tái)，與這兩年討論較多的設(shè)計(jì)資產(chǎn)相同，都是起到快速協(xié)作的作用
隨著 2022 年的到來，B 端行業(yè)又會(huì)迎來哪些新的機(jī)會(huì)？今天我們就從整個(gè)的 B 端入手，回顧一下 2021 年的設(shè)計(jì)形式，展望一下 2022 年的設(shè)計(jì)趨勢(shì)。當(dāng)然趨勢(shì)完全是我自己個(gè)人主觀理解，僅供參考，如有異議，以你為準(zhǔn)~
完整的趨勢(shì)，我們會(huì)分為視覺趨勢(shì)與產(chǎn)品趨勢(shì)：
雖然 3D 化的視覺風(fēng)格早已到來，但是在 B 端市場(chǎng)上，3D 風(fēng)格在此之前依舊表現(xiàn)的十分克制。隨著 C4D、Blender 這些 3D 建模軟件的不斷普及，再加上互聯(lián)網(wǎng)上關(guān)于 3D 建模教程的增多，你會(huì)發(fā)現(xiàn) 3D 風(fēng)格的視覺表現(xiàn)，是一個(gè) B 端視覺設(shè)計(jì)師的基本要求。
而 3D 風(fēng)格用在 B 端軟件當(dāng)中，會(huì)有兩個(gè)使用場(chǎng)景：
圖標(biāo)
因?yàn)樵?B 端產(chǎn)品當(dāng)中，圖標(biāo)本身就是非常難以去表現(xiàn)，比如“物聯(lián)網(wǎng)，大數(shù)據(jù)”，許多抽象詞匯很難通過一個(gè)具象的事物進(jìn)行表達(dá)，而在企業(yè)官網(wǎng)當(dāng)中，在視覺表現(xiàn)上的要求又十分的高。因此你會(huì)發(fā)現(xiàn)，在視覺風(fēng)格上的選擇，往往只有 3D 圖標(biāo) + 插畫這一條路。
并且 3D 圖標(biāo)的使用場(chǎng)景不會(huì)太過于局限，也可以用于產(chǎn)品的工作臺(tái)、運(yùn)營(yíng)營(yíng)銷工具箱等頁面，因此 3D 圖標(biāo)的出現(xiàn)，它的應(yīng)用場(chǎng)景也會(huì)相比之前要更加的廣闊。
可視化大屏
大屏設(shè)計(jì)也在不斷的“內(nèi)卷”，因?yàn)閭鹘y(tǒng)的 2D 可視化大屏所搭建出來的大屏已經(jīng)滿足不了企業(yè)的野心， 像 DataV 騰訊云圖 ，大家都在朝著 3D 風(fēng)格，炫酷的方向進(jìn)行延展，因此也就會(huì)導(dǎo)致 3D 的視覺風(fēng)格需求激增，而 3D 建模仿佛就是大勢(shì)所趨。
雖然新擬態(tài)是在前兩年的產(chǎn)物。這個(gè)設(shè)計(jì)風(fēng)格背后，遭到了很多設(shè)計(jì)師的質(zhì)疑與排擠。但是隨著這個(gè)風(fēng)格的不斷成熟，感覺它在 B 端視覺領(lǐng)域（特指的是官網(wǎng) ），是非常受歡迎的，因?yàn)檎w的風(fēng)格，與官網(wǎng)的設(shè)計(jì)形式趨同。
同時(shí)作為 B 端產(chǎn)品的官網(wǎng)，其實(shí)是更需要新擬態(tài)這種風(fēng)格。因?yàn)殡娔X場(chǎng)景下鼠標(biāo)光標(biāo)對(duì)頁面進(jìn)行 Hover 操作給出的真實(shí)反饋，而使用了新擬態(tài)的官網(wǎng)按鈕，給你的反饋非常真實(shí)。
這里安利一下騰訊云的首頁官網(wǎng)，大家就會(huì)發(fā)現(xiàn)在設(shè)計(jì)風(fēng)格上大量的采取了新擬態(tài)元素，并且配合 3D 風(fēng)格的圖標(biāo)，以及毛玻璃材質(zhì)的設(shè)計(jì)，讓它的設(shè)計(jì)瞬間加分不少。
在去年，設(shè)計(jì)系統(tǒng)迎來了一波發(fā)展的高峰期，隨著字節(jié)、騰訊，三大設(shè)計(jì)系統(tǒng)（Arco Design、TDesign、Semi Design）的開源，其實(shí)是給我們很多 B 端設(shè)計(jì)初學(xué)者，有了更加完整仔細(xì)的 B 端入門教程。
清晰的講解了每一個(gè)組件的使用方式，以及注意事項(xiàng)，仔細(xì)閱讀這里面的內(nèi)容，其實(shí)就是 B 端設(shè)計(jì)的入門學(xué)習(xí)。而未來，國(guó)內(nèi)的環(huán)境，開源的系統(tǒng)也會(huì)越來越多，大家可以針對(duì)這幾大類不同的設(shè)計(jì)系統(tǒng)進(jìn)行對(duì)比，或許會(huì)有一番收獲。
這里的超級(jí) app 可能和大家潛意識(shí)里的支付寶、微信這些軟件不太一樣
在 B 端行業(yè)，隨著疫情的不斷擴(kuò)散、再加上兩年時(shí)間的發(fā)展，很多 B 端產(chǎn)品的功能架構(gòu)都出現(xiàn)了一個(gè)現(xiàn)象，產(chǎn)品的功能開始變得非常擁擠。因?yàn)?B 端軟件的核心價(jià)值其實(shí)就是靠著一個(gè)又一個(gè)功能去累積，也就意味著隨著 B 端產(chǎn)品的發(fā)展，功能模塊在不斷的累積，導(dǎo)致在設(shè)計(jì)層面，這樣的現(xiàn)象變得更加嚴(yán)峻。
你會(huì)發(fā)現(xiàn)左側(cè)的導(dǎo)航菜單已經(jīng)完全沒有辦法裝下這些導(dǎo)航內(nèi)容，而這一現(xiàn)象也反映在很多產(chǎn)品當(dāng)中，比如我了解的飛書管理后臺(tái)、薪人薪事 等等諸多 B 端產(chǎn)品，它們?cè)谡麄€(gè)導(dǎo)航內(nèi)容上，已經(jīng)增加到一級(jí)導(dǎo)航 15+ 、二級(jí)導(dǎo)航 40+ ，這無疑會(huì)開始對(duì)設(shè)計(jì)師的能力造成巨大考驗(yàn)。
面對(duì)這一情況，許多導(dǎo)航菜單都將會(huì)迎來前所未有的挑戰(zhàn)，最近也在深入研究導(dǎo)航菜單過多時(shí)的解決辦法，發(fā)現(xiàn)了一些新的導(dǎo)航菜單設(shè)計(jì)方法，有機(jī)會(huì)咱們重新梳理一下導(dǎo)航菜單的內(nèi)容，將 B 端設(shè)計(jì)指南文章進(jìn)行更新。
低代碼定制化
低代碼一直是我關(guān)注的一個(gè)領(lǐng)域，先給不明白低代碼的同學(xué)簡(jiǎn)單科普一下。
低代碼，一種快速開發(fā)應(yīng)用的軟件，將通用、可重復(fù)利用的代碼形成組件化的模塊，通過圖形化的界面來拖拽組件并形成應(yīng)用。低代碼能夠?qū)崿F(xiàn)只寫少量代碼或不寫代碼，類似用“樂高積木”的方式來開發(fā)。
在國(guó)外有很多著名的低代碼成功案例。Outsystems（國(guó)外非常出名的低代碼平臺(tái)）幫助施耐德電氣在 20 個(gè)月內(nèi)推出了 60 款應(yīng)用程序，開發(fā)過程加速了兩倍；在 2012 年即將推出 Model S 之際，特斯拉放棄了 SAP 的 ERP 產(chǎn)品（可以思考一下為什么），改用低代碼開發(fā)平臺(tái) Mendix，用 25 個(gè)人四個(gè)月時(shí)間自建 ERP 系統(tǒng)。
去年，低代碼平臺(tái)，也有很多新產(chǎn)品面世，其中就包含：
因此你會(huì)發(fā)現(xiàn)，其實(shí)低代碼就是在解決一件事，圍繞著某一個(gè)業(yè)務(wù)場(chǎng)景，通過平臺(tái)的持續(xù)完善優(yōu)化。讓所有的功能都能圍繞這個(gè)業(yè)務(wù)展開，其中包括：權(quán)限、時(shí)間軸、流程、表單、公式等等，能夠解決很多特殊的業(yè)務(wù)場(chǎng)景。而低代碼會(huì)涉及到設(shè)計(jì)思路上的轉(zhuǎn)變，以及低代碼編輯器的出現(xiàn)，如何去設(shè)計(jì)如此復(fù)雜的配置流程，如何讓用戶能夠快速上手，如果你能夠有比較完整的思路，這些都會(huì)成為我們?cè)O(shè)計(jì)的新機(jī)會(huì)。
行業(yè)細(xì)分
隨著互聯(lián)網(wǎng)市場(chǎng)的不斷發(fā)展，用戶會(huì)越來越關(guān)注產(chǎn)品在自己行業(yè)的應(yīng)用，比如 CRM，其實(shí)只是一個(gè)籠統(tǒng)的稱呼，現(xiàn)在 CRM 市場(chǎng)又會(huì)分為 SCRM、運(yùn)營(yíng) CRM，等諸多產(chǎn)品。
SaaS 類的平臺(tái)也出現(xiàn)了負(fù)責(zé)從虛擬主機(jī)和數(shù)據(jù)庫層面入手的 iPaaS 以及從應(yīng)用和數(shù)據(jù)層面入手的 aPaaS。
即使是大家經(jīng)常使用的 釘釘、企微、飛書，它們也在各自的領(lǐng)域有所擅長(zhǎng)。
因?yàn)?B 端產(chǎn)品，在底層邏輯上是不能允許趨同的產(chǎn)品出現(xiàn)，如果你和別人的產(chǎn)品一樣，其實(shí)是沒有辦法在目前的市場(chǎng)上立足。因此你會(huì)發(fā)現(xiàn)，雖然產(chǎn)品形式都會(huì)比較相同，但是 B 端市場(chǎng)十分廣闊，大家都在去尋找自己產(chǎn)品的差異化。
當(dāng)然市場(chǎng)是瞬息萬變的，這里也只是簡(jiǎn)單聊聊我自己的看法，希望對(duì)你有所幫助。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
Dribbble 平臺(tái)對(duì)于互聯(lián)網(wǎng) UI 界面設(shè)計(jì)有著舉足輕重的定位，對(duì) Dribbble 設(shè)計(jì)的研究會(huì)讓我們看清設(shè)計(jì)的方向。
為了保證這篇文章的質(zhì)量，Dribbble 年度的每個(gè)作品都超過 550 贊。在此原則下挑選了 828 件作品，作品總的大小為 2.2G。
從挑選出的 828 件作品中，排名前十的作品中 9 件為 B 端設(shè)計(jì)，另一件作品也是 B 端產(chǎn)品 C 端化的產(chǎn)物。其中：
明眼人都能看出其中的比重關(guān)系，B 端設(shè)計(jì)再次大火，為什么是再次？因?yàn)?B 端設(shè)計(jì)之前火過，只不過沒有趕上一個(gè)好的時(shí)代，在 C 端設(shè)計(jì)風(fēng)光的十年里而忽略了其存在。隨著 C 端市場(chǎng)飽和與數(shù)字化的浪潮下，實(shí)體經(jīng)濟(jì)、ToB、ToG 的產(chǎn)業(yè)再次迎來了它的曙光。視頻動(dòng)效的作品占比也已超過 C 端界面設(shè)計(jì)，相信今年視頻動(dòng)效作品占比還會(huì)再次提升。
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ì)流行趨勢(shì)之一。
MetroUI 是 Windows8 的界面設(shè)計(jì)語言，在 2010 年至 2013 年間曾經(jīng)風(fēng)靡一時(shí)，那也是移動(dòng)互聯(lián)網(wǎng)的發(fā)展元年，現(xiàn)在國(guó)家推行實(shí)體經(jīng)濟(jì)、數(shù)字化帶動(dòng) To B、To G 的發(fā)展元年，通過幾何色塊（MetroUI）實(shí)現(xiàn) B 端產(chǎn)品與 C 端設(shè)計(jì)風(fēng)格的傳承與銜接，你會(huì)發(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ì)理念。
下面我們來欣賞年度最佳作品里面的流行趨勢(shì)吧。
1. 易讀性（停頓感）
字體三原則：可讀性、易識(shí)性、易讀性。當(dāng)你同時(shí)讀一篇文言文和一篇設(shè)計(jì)文章，肯定設(shè)計(jì)文章的內(nèi)容可讀性更好。易識(shí)性是用在字體設(shè)計(jì)上，不能過于浮夸的改變字體骨架、形體而不易識(shí)別。易讀性和每個(gè)位設(shè)計(jì)師都息息相關(guān)，因?yàn)槲覀兌夹枰幣盼谋?。?dāng)我們小時(shí)候?qū)懽魑臅r(shí)，不會(huì)寫的文字可以用拼音代替。這時(shí)候讀者讀到拼音時(shí)會(huì)有停頓感，更加適合用戶閱讀。
通過給用戶制作停頓感來增加用戶的易讀性?？梢栽谙嚓P(guān)聯(lián)文本后面添加圖片、表情、圖標(biāo)來更好的理解文本內(nèi)容，豐富文本內(nèi)涵。比如情侶間表達(dá)愛意時(shí)會(huì)輸入文本，“我愛你”、“我 Love 你”、“我 ai 你”、“我??你”，哪個(gè)更加會(huì)有情感共鳴呢？不言而喻，相信你心中已經(jīng)有答案了。
2. 曲線
在標(biāo)題文字上添加曲線來突出重要文案是 2021 Dribbble 最流行的趨勢(shì)之一，第一個(gè)設(shè)計(jì)目的就是突顯文字，其次就是想表現(xiàn)鉛筆真實(shí)書寫的感覺。之前很多帶有簽名的設(shè)計(jì)中，簽字的文本都是手寫體的感覺，手寫體對(duì)比電腦的機(jī)械字體會(huì)帶有一種人文氣息，也會(huì)讓兩者之間產(chǎn)生一種對(duì)比、矛盾。
除了突顯文本外，曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計(jì)師編排的順序進(jìn)行瀏覽界面。當(dāng)然還有比這更科學(xué)的工具就是眼動(dòng)儀測(cè)試，通過真實(shí)用戶眼睛瀏覽界面顯示對(duì)應(yīng)的熱點(diǎn)圖。
3. 多彩高斯?jié)u變風(fēng)
多彩高斯?jié)u變風(fēng)是從色彩的角度來傳達(dá)和豐富畫面的，多彩高斯?jié)u變風(fēng)其實(shí)是從制造矛盾到平衡矛盾的過程，多彩漸變多為冷暖對(duì)比來制造畫面的沖突，需要控制冷暖畫面的大小來實(shí)現(xiàn)平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。
多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新，給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上，為了更好的傳達(dá)信息需要去設(shè)計(jì)與內(nèi)容相匹配的視覺風(fēng)格。
1. 側(cè)邊欄 Sidebar
B 端設(shè)計(jì)的火爆帶動(dòng)了 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)品后臺(tái)界面的儀表盤設(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í)長(zhǎng)等都是老板或領(lǐng)導(dǎo)關(guān)心的內(nèi)容。每個(gè)公司業(yè)務(wù)不同、每個(gè)人員權(quán)限不同，自定義的儀表盤也各有差異。重要的是突顯數(shù)據(jù)和業(yè)務(wù)狀態(tài)，需要分層級(jí)系統(tǒng)性去思考和設(shè)計(jì)。
3. 流程設(shè)計(jì)
復(fù)雜的事情簡(jiǎn)單化，簡(jiǎn)單的事情標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)的事情流程化，流程的事情自動(dòng)化。流程設(shè)計(jì)是每一個(gè)企業(yè)核心功能和業(yè)務(wù)，可自定義的管理流程系統(tǒng)搭建也是 B 端產(chǎn)品設(shè)計(jì)的難點(diǎn)，需要對(duì)業(yè)務(wù)高度抽象，讓每一個(gè)業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計(jì)。
4. B 端 C 化
B 端 C 化是 B 端產(chǎn)品設(shè)計(jì)的視覺表現(xiàn)力慢慢往 C 端產(chǎn)品設(shè)計(jì)的視覺靠齊，國(guó)內(nèi) B 端產(chǎn)品界面設(shè)計(jì)視覺水平還有很大的提高空間。除了視覺上的提升外，由于業(yè)務(wù)的發(fā)展，B 端產(chǎn)品也開始移動(dòng)化、智能化，國(guó)內(nèi)主流還是通過小程序、H5 來現(xiàn)實(shí) B 端產(chǎn)品 C 端化。
5. 輕代碼化
輕代碼化是一種低代碼賦能無代碼的方式，彌補(bǔ)無代碼拓展性差、覆蓋場(chǎng)景少的問題。在保有無代碼靈活、易用、快捷的同時(shí)，又能覆蓋低代碼使用場(chǎng)景。簡(jiǎn)單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個(gè)性化管理系統(tǒng)，輕松實(shí)現(xiàn)多元業(yè)務(wù)場(chǎng)景的數(shù)字化管理。
輕代碼化將功能進(jìn)行打包，升級(jí)成全局可以用的配置，技術(shù)人員配置好后，業(yè)務(wù)人員在應(yīng)用編輯時(shí)直接選擇使用模版，綁定對(duì)應(yīng)的變量即可使用。
1. 人文氣息
為什么人加色塊的組合方式能流行起來？還是 B 端行業(yè)流行帶動(dòng)的。B 端講的更多的是企業(yè)對(duì)企業(yè)。企業(yè)對(duì)企業(yè)除了講行業(yè)解決方案外，還需要傳達(dá)公司的價(jià)值觀、使命、愿景。人加色塊的組合方式非常適合體現(xiàn)公司的企業(yè)文化。對(duì)于一家全球化的公司不同膚色的人物組合在一起，這種人文氣息和價(jià)值觀已經(jīng)就不言而喻了。
當(dāng)然企業(yè)也需要進(jìn)行營(yíng)銷，抓人眼球。幾千年來的遺傳證明了，人的大腦對(duì)食物、性、動(dòng)的東西、人臉和眼睛、危險(xiǎn)的動(dòng)物很敏感。人加色塊的組合方式也具有抓人眼球營(yíng)銷的功能。真可謂一舉兩得。
這種風(fēng)格更適合大公司，國(guó)內(nèi)的一些手機(jī)廠商 OPPO、VIVO 等也會(huì)通過手機(jī)+背景+人物來體現(xiàn)科技與人文的結(jié)合，而對(duì)于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。
2. 毛玻璃效果
毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的順應(yīng)當(dāng)下 UI 扁平化的設(shè)計(jì)趨勢(shì)。蘋果 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)，具體安裝購(gòu)買方法上某寶就可以輕松搞定，真香。
3. 輕擬物
輕擬物這幾年一直流行，在 UI 設(shè)計(jì)中趨于穩(wěn)定的位置。從寫實(shí)到扁平再到輕擬物，其實(shí)是設(shè)計(jì)師們一路不斷探索的結(jié)果。本質(zhì)就是光影對(duì)形體產(chǎn)生的視覺感受。在色彩中對(duì)高光、亮面、明暗交界線、暗面、反光（環(huán)境光）五個(gè)部分的處理。寫實(shí)三維的圖標(biāo)等設(shè)計(jì)更適用于簡(jiǎn)潔的畫面中，扁平等設(shè)計(jì)更適用于復(fù)雜一點(diǎn)的界面中，比如 B 端產(chǎn)品界面中的功能圖標(biāo)。輕擬物可使用的范圍更廣，效果更佳。Sketch、Figma 軟件對(duì)于漸變、高光、投影、高斯模糊處理已經(jīng)非常簡(jiǎn)單且出彩。
4. 簡(jiǎn)潔設(shè)計(jì)
簡(jiǎn)潔設(shè)計(jì)遵從了密斯·凡德羅的“少即是多”的設(shè)計(jì)原則，在 B 端產(chǎn)品界面中更加需要簡(jiǎn)潔設(shè)計(jì)，我們最熟悉的 Sketch 軟件界面已經(jīng)是相當(dāng)?shù)暮?jiǎn)潔了?；氐浆F(xiàn)實(shí)當(dāng)需求功能不斷增加，產(chǎn)品界面的編排如何取舍，如何保證界面的簡(jiǎn)潔是設(shè)計(jì)師需要深度思考的問題？如何與上級(jí)溝通？該功能是否可做可不做？是否需要埋點(diǎn)用數(shù)據(jù)說話？如果只是一味競(jìng)品有我們就需要有，功能不斷累加只會(huì)讓界面越來越重。
5. 幾何圖形
幾何圖形和幾何插畫有異曲同工之妙，幾何圖形多為產(chǎn)品界面和宣傳內(nèi)容的抽象，產(chǎn)品界面的幾何圖形多為占位符形式，加上色彩和幾何色塊讓其成為一個(gè)整體。B 端產(chǎn)品視覺設(shè)計(jì) C 端化的進(jìn)程中，幾何圖形、幾何色彩不失為最好的突破口，相信今年Dribbble B 端產(chǎn)品的視覺設(shè)計(jì)一定會(huì)更上一個(gè)臺(tái)階。
幾何圖形另一個(gè)場(chǎng)景化的地方就是品牌，作為一名 UI 設(shè)計(jì)師一定會(huì)經(jīng)歷從圖標(biāo)到幾何圖形到品牌設(shè)計(jì)的過程，品牌設(shè)計(jì)的技巧基本還是以幾何圖形為主，至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計(jì)的技巧對(duì)產(chǎn)品定位、品牌宣傳打下扎實(shí)的基礎(chǔ)。
6. 暗黑設(shè)計(jì)
暗黑模式的設(shè)計(jì)是解決在微弱環(huán)境下內(nèi)容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設(shè)備時(shí)長(zhǎng)增大，如何在夜晚這個(gè)特定場(chǎng)景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞，提高在夜間使用的可讀性。
在設(shè)計(jì)暗黑主題時(shí)，不能為了突顯視覺上的逼格，而去使用高飽和度鮮艷的色彩來突顯界面的品質(zhì)感。而應(yīng)該把舒適度、可讀性作為設(shè)計(jì)的衡量指標(biāo)。Material Design 給出了暗黑主題的設(shè)計(jì)準(zhǔn)則，即正文和背景之間的對(duì)比度應(yīng)至少為 15.8:1。按照此標(biāo)準(zhǔn)設(shè)計(jì)，可讀性都還不錯(cuò)。這里介紹一個(gè)插件“Stark”（Figma、Sketch、XD、Chrome 插件）用來測(cè)試界面的對(duì)比度。
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ì)的一大品類，不同的插畫師都有自己擅長(zhǎng)的風(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ì)是舊元素的重新組合，插畫不會(huì)過時(shí)，而是需要結(jié)合當(dāng)下和產(chǎn)品找到最匹配的設(shè)計(jì)風(fēng)格。
9. 幾何插畫
幾何插畫算是插畫簡(jiǎn)化的一種表現(xiàn)形式，人和物的形態(tài)不再寫實(shí)，而是抽象成幾何圖形拼湊的感覺，同時(shí)保留人物形態(tài)的神韻。加上幾何色塊與人物交互形態(tài)的表現(xiàn)，傳達(dá)出簡(jiǎn)潔、科技的現(xiàn)代感。難點(diǎn)還是在人物形態(tài)的表現(xiàn)上，平時(shí)多練習(xí)練習(xí)速寫還是很有必要的。
10. 線面插畫
線面插畫最近一兩年非常流行，準(zhǔn)確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現(xiàn)人物形態(tài)時(shí)某些結(jié)構(gòu)會(huì)表現(xiàn)不出來，這時(shí)候用線條簡(jiǎn)單勾勒后，結(jié)構(gòu)就會(huì)清晰明了。其次當(dāng)線面插畫運(yùn)用在界面上時(shí)，可以打破界面純文字或組件化的機(jī)械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時(shí)，還能保持界面的干凈整潔。
1. 微交互
界面微交互動(dòng)效會(huì)讓用戶的體驗(yàn)更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計(jì)，微交互和動(dòng)效設(shè)計(jì)是繞不開的，UI 界面設(shè)計(jì)通過微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。細(xì)微的動(dòng)效更能調(diào)動(dòng)用戶情緒，取悅用戶。C 端產(chǎn)品微交互和動(dòng)效已經(jīng)很成熟了，一部分功勞來自 iOS 系統(tǒng)原生自帶的效果。B 端產(chǎn)品的微交互和動(dòng)效更多還是在學(xué)習(xí)海外產(chǎn)品，還需要給前端工程師灌輸微交互和動(dòng)效的設(shè)計(jì)價(jià)值，共同打造產(chǎn)品體驗(yàn)細(xì)節(jié)。
2. Mg 動(dòng)畫
Mg 動(dòng)畫需要很好的節(jié)奏感、韻律，每一個(gè)場(chǎng)景動(dòng)畫都需要其中的元素進(jìn)行連接變化，讓轉(zhuǎn)場(chǎng)動(dòng)畫更加自然，MG 人物動(dòng)畫通過點(diǎn)線面的動(dòng)效變化讓畫面更加有趣、自然，通過粒子效果讓特定場(chǎng)景無限循環(huán)會(huì)讓人更加印象深刻。
1. 三維圖標(biāo)
MacOS Big Sur 系統(tǒng)圖標(biāo)的更新帶動(dòng)了三維圖標(biāo)的流行，三維圖標(biāo)的應(yīng)該場(chǎng)景還是需要有較大留白空間的界面，因?yàn)槿S圖標(biāo)太小后就看不到更多細(xì)節(jié)。三維圖標(biāo)感覺又回到了擬物化和扁平化哪個(gè)更好的問題上？設(shè)計(jì)師應(yīng)該保持開放多元的視角。設(shè)計(jì)本身也在不斷的演化融合，存在即合理。合適最重要，它們都會(huì)有適合自己的場(chǎng)景和設(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)軟件常見的元素，通過簡(jiǎn)單的幾何形體建?！驘艄狻硬馁|(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 對(duì) 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（動(dòng)態(tài)）調(diào)色。
卡通 IP 火的本質(zhì)更適合做營(yíng)銷，相比于品牌或 Slogan，卡通 IP 具有親和力和畫面感。隨著各種手辦行業(yè)大熱，受互聯(lián)網(wǎng)大廠影響下，卡通 IP 已經(jīng)是互聯(lián)網(wǎng) B 輪以上公司的標(biāo)配了。如果團(tuán)隊(duì)中沒有這樣能力的人，也可以通過繪制好二維，一套三維可以選擇外包完成。
對(duì)于 UI 設(shè)計(jì)師來說學(xué)習(xí)是有成本的，暫時(shí)并不是必備技能，如果喜歡完全可以學(xué)習(xí)，從設(shè)計(jì)差異化的角度來看三維視覺確實(shí)有一定的競(jìng)爭(zhēng)力。
5. 三維動(dòng)畫
C4D 三維場(chǎng)景動(dòng)畫通過構(gòu)建實(shí)物和場(chǎng)景模擬生活中的現(xiàn)實(shí)場(chǎng)景，會(huì)讓用戶體驗(yàn)真實(shí)感，三維軟件制作動(dòng)效的最大優(yōu)勢(shì)是通過動(dòng)力學(xué)和表達(dá)式來模擬真實(shí)感，未來在 AR/VR 領(lǐng)域會(huì)有更好的發(fā)展。相對(duì)于界面動(dòng)效學(xué)習(xí)成本難度也相對(duì)較大。在三維動(dòng)畫中 C4D 軟件對(duì)于域、動(dòng)力學(xué)還是有一定的優(yōu)勢(shì)。
上一次寫 Dribbble 流行趨勢(shì)還是兩年前了，通過兩年的沉淀對(duì)趨勢(shì)流行有了更深的認(rèn)知。十年的互聯(lián)網(wǎng)行業(yè)風(fēng)風(fēng)火火，隨著最近的互聯(lián)網(wǎng)裁員潮大家也慢慢的進(jìn)入到反思層，客觀的看待和理解這個(gè)真實(shí)的世界，曾經(jīng)的流行趨勢(shì)也需要慢慢的沉淀下來。
存在即合理，趨勢(shì)流行稍縱即逝，注定是不長(zhǎng)久的，只有大浪淘沙歷史遺留下來的風(fēng)格才能更長(zhǎ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)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
Duoton icon
漸變色已經(jīng)流行了段時(shí)間,雙色漸變?cè)O(shè)計(jì)依然持續(xù)是一個(gè)大趨勢(shì)，因?yàn)閱我坏纳{(diào)無法滿足產(chǎn)品所需，雙色調(diào)圖標(biāo)的特點(diǎn)就是色彩對(duì)比鮮明，青春活力，這種相比單色調(diào)圖標(biāo)，更適合應(yīng)用于一些主流偏年輕化產(chǎn)品，因此設(shè)計(jì)師還可以通過設(shè)計(jì)色彩打動(dòng)用戶，提升產(chǎn)品競(jìng)爭(zhēng)力，工具化產(chǎn)品也可以使用這樣有層次的圖標(biāo)，不過使用時(shí)，需要對(duì)色彩進(jìn)行克制使用。因此，如果您希望自己的設(shè)計(jì)界面脫穎而出，可以去大膽的使用雙色調(diào)色彩。
1. 雙色調(diào)多層質(zhì)感(彌散漸變，直投影，混合模式)
2. 雙色調(diào)混合模式疊加
Alpha icon 圖標(biāo)風(fēng)格最大特點(diǎn)就是單色帶透明漸變，通過弱透明度來制造視覺層次，如果是純白色，就會(huì)顯得圖標(biāo)平庸了一些，這種圖標(biāo)運(yùn)用范圍可以是界面中空?qǐng)鼍盎蛘咭恍╆P(guān)鍵模塊的主功能圖標(biāo)。
如下圖左側(cè)大卡片上面圖標(biāo)應(yīng)用思路。
層疊式圖標(biāo)，相比于純白色線條圖標(biāo)，它帶來一種更舒適的質(zhì)感，其設(shè)計(jì)方法是通過穿插層疊的手法，將日常我們所見到的單一的線條圖標(biāo)，變得更具有視覺層次感，當(dāng)然這種圖標(biāo)使用場(chǎng)景一般會(huì)是在功能說明性頁面，功能介紹等。
品牌植入一直是非常大趨勢(shì)，包括今年我們所看到兩大廠的品牌更新IBM和UBER等，都是將品牌核心符號(hào)植入設(shè)計(jì)中，我想這樣的思路在2020年將持續(xù)會(huì)是一個(gè)重要表達(dá)產(chǎn)品氣質(zhì)和記憶點(diǎn)手法打造思路之一，因?yàn)橛脩粢呀?jīng)很熟悉目前圖標(biāo)模式，如何能創(chuàng)新區(qū)別其他產(chǎn)品，那么融入品牌將是一個(gè)不錯(cuò)的選擇~品牌的融入技巧有高低之分，需要設(shè)計(jì)師去巧妙設(shè)計(jì)
同樣多鄰國(guó)在前段時(shí)間更新品牌，并將其LOGO特征符號(hào)植入字體中。
同樣多鄰國(guó)在前段時(shí)間更新品牌，并將其特征元素植入字體中
動(dòng)態(tài)圖標(biāo)是一個(gè)能提升產(chǎn)品體驗(yàn)的方法之一，也是微交互中的一種，它可以增加產(chǎn)品趣味性，F(xiàn)acebook在評(píng)論入口的表情動(dòng)畫就運(yùn)用了動(dòng)態(tài)圖標(biāo)， 包括蘋果Apple Pay支付成功圖標(biāo)動(dòng)畫，Google Assistant智能助手，Messenger中的打招呼動(dòng)畫等等我們可以逐漸發(fā)現(xiàn)動(dòng)態(tài)圖標(biāo)比靜態(tài)圖標(biāo)的表達(dá)性更強(qiáng)，更受到青睞，隨著硬件升級(jí)，這種動(dòng)態(tài)圖標(biāo)運(yùn)用逐漸在越來越多場(chǎng)景可見到。
備注（因?yàn)橐曨l比較麻煩，因此省略了）
文章來源：優(yōu)波設(shè)計(jì) 作者：設(shè)計(jì)TNT
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
從挑選出的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%；
視頻動(dòng)效作品占比223/828，26.9%；
能看出其中的比重關(guān)系，B端設(shè)計(jì)再次大火，為什么是再次？因?yàn)锽端設(shè)計(jì)之前火過，只不過沒有趕上一個(gè)好的時(shí)代，在C端設(shè)計(jì)風(fēng)光的十年里而忽略了其存在。隨著C端市場(chǎng)飽和與數(shù)字化的浪潮下，實(shí)體經(jīng)濟(jì)、To B 、To G的產(chǎn)業(yè)再次迎來了它的曙光。視頻動(dòng)效的作品占比也已超過C端界面設(shè)計(jì)，相信今年視頻動(dòng)效作品占比還會(huì)再次提升。
追波年度最佳作品
追波年度最佳作品來自大家最熟悉的UI8團(tuán)隊(duì)中的Tran Mau Tri Tam ，作者來自越南西貢，最佳作品截止目前355K瀏覽量，2933個(gè)贊。
為什么看似平平無奇的作品卻能獲得追波年度最佳作品呢？既不是C端也不是純B端的作品，更像一個(gè)網(wǎng)頁與平面的結(jié)合體。如果去掉搜索圖標(biāo)、分類圖標(biāo)和按鈕，你可以理解它就是一個(gè)平面作品，一個(gè)字體加幾何形體構(gòu)建的作品，為了豐富畫面的層次，讓畫面更加的活潑采用了多彩加幾何色塊，讓標(biāo)題閱讀有停頓感和呼吸感。faster底部的橫線讓它從標(biāo)題文字中脫穎而出，這種使用線條突出重要信息的設(shè)計(jì)也是今年追波設(shè)計(jì)流行趨勢(shì)之一。
MetroUI是Windows8的界面設(shè)計(jì)語言，在2010年至2013年間曾經(jīng)風(fēng)靡一時(shí)，那也是移動(dòng)互聯(lián)網(wǎng)的發(fā)展元年，現(xiàn)在國(guó)家推行實(shí)體經(jīng)濟(jì)、數(shù)字化帶動(dòng)To B 、To G 的發(fā)展元年，通過幾何色塊（MetroUI）實(shí)現(xiàn)B端產(chǎn)品與C端設(shè)計(jì)風(fēng)格的傳承與銜接，你會(huì)發(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ì)理念。
下面我們來欣賞年度最佳作品里面的流行趨勢(shì)吧。
易讀性（停頓感）
字體三原則：可讀性、易識(shí)性、易讀性。當(dāng)你同時(shí)讀一篇文言文和一篇設(shè)計(jì)文章，肯定設(shè)計(jì)文章的內(nèi)容可讀性更好。易識(shí)性是用在字體設(shè)計(jì)上，不能過于浮夸的改變字體骨架、形體而不易識(shí)別。易讀性和每位設(shè)計(jì)師都息息相關(guān)，因?yàn)槲覀兌夹枰幣盼谋尽．?dāng)我們小時(shí)候?qū)懽魑臅r(shí)，不會(huì)寫的文字可以用拼音代替。這時(shí)候讀者讀到拼音時(shí)會(huì)有停頓感，更加適合用戶閱讀。
通過給用戶制作停頓感來增加用戶的易讀性?？梢栽谙嚓P(guān)聯(lián)文本后面添加圖片、表情、圖標(biāo)來更好的理解文本內(nèi)容，豐富文本內(nèi)涵。比如情侶間表達(dá)愛意時(shí)會(huì)輸入文本，“我愛你”、“我Love你”、“我ai你”、哪個(gè)更加會(huì)有情感共鳴呢？不言而喻，相信你心中已經(jīng)有答案了。
曲線
在標(biāo)題文字上添加曲線來突出重要文案是2021追波最流行的趨勢(shì)之一，第一個(gè)設(shè)計(jì)目的就是突顯文字，其次就是想表現(xiàn)鉛筆真實(shí)書寫的感覺。之前很多帶有簽名的設(shè)計(jì)中，簽字的文本都是手寫體的感覺，手寫體對(duì)比電腦的機(jī)械字體會(huì)帶有一種人文氣息，也會(huì)讓兩者之間產(chǎn)生一種對(duì)比、矛盾。
除了突顯文本外，曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計(jì)師編排的順序進(jìn)行瀏覽界面。當(dāng)然還有比這更科學(xué)的工具就是眼動(dòng)儀測(cè)試，通過真實(shí)用戶眼睛瀏覽界面顯示對(duì)應(yīng)的熱點(diǎn)圖。
多彩高斯?jié)u變風(fēng)
多彩高斯?jié)u變風(fēng)是從色彩的角度來傳達(dá)和豐富畫面的，多彩高斯?jié)u變風(fēng)其實(shí)是從制造矛盾到平衡矛盾的過程，多彩漸變多為冷暖對(duì)比來制造畫面的沖突，需要控制冷暖畫面的大小來實(shí)現(xiàn)平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。
多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新，給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上，為了更好的傳達(dá)信息需要去設(shè)計(jì)與內(nèi)容相匹配的視覺風(fēng)格。
B端界面設(shè)計(jì)
側(cè)邊欄Sidebar
B端設(shè)計(jì)的火爆帶動(dòng)了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)航、分類、自定義篩選、共享、新增等。追波的B端產(chǎn)品設(shè)計(jì)已經(jīng)不再是假大空概念設(shè)計(jì)，而是一套實(shí)用美觀可落地的設(shè)計(jì)。
儀表盤設(shè)計(jì)
儀表盤設(shè)計(jì)是一個(gè)很好的隱喻，想象一下開摩托車或汽車主駕駛前面的屏幕，汽車儀表有燃油表、車速表、里程表、水溫表、轉(zhuǎn)速表、故障指示燈等。B端類產(chǎn)品后臺(tái)界面的儀表盤設(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í)長(zhǎng)等都是老板或領(lǐng)導(dǎo)關(guān)心的內(nèi)容。每個(gè)公司業(yè)務(wù)不同、每個(gè)人員權(quán)限不同，自定義的儀表盤也各有差異。重要的是突顯數(shù)據(jù)和業(yè)務(wù)狀態(tài)，需要分層級(jí)系統(tǒng)性去思考和設(shè)計(jì)。
流程設(shè)計(jì)
復(fù)雜的事情簡(jiǎn)單化，簡(jiǎn)單的事情標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)的事情流程化，流程的事情自動(dòng)化。流程設(shè)計(jì)是每一個(gè)企業(yè)核心功能和業(yè)務(wù)，可自定義的管理流程系統(tǒng)搭建也是B端產(chǎn)品設(shè)計(jì)的難點(diǎn)，需要對(duì)業(yè)務(wù)高度抽象，讓每一個(gè)業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計(jì)。
B端C化
B端C化是B端產(chǎn)品設(shè)計(jì)的視覺表現(xiàn)力慢慢往C端產(chǎn)品設(shè)計(jì)的視覺靠齊，國(guó)內(nèi)B端產(chǎn)品界面設(shè)計(jì)視覺水平還有很大的提高空間。除了視覺上的提升外，由于業(yè)務(wù)的發(fā)展，B端產(chǎn)品也開始移動(dòng)化、智能化，國(guó)內(nèi)主流還是通過小程序、H5來實(shí)現(xiàn)B端產(chǎn)品C端化。
輕代碼化
輕代碼化是一種低代碼賦能無代碼的方式，彌補(bǔ)無代碼拓展性差、覆蓋場(chǎng)景少的問題。在保有無代碼靈活、易用、快捷的同時(shí)，又能覆蓋低代碼使用場(chǎng)景。簡(jiǎn)單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個(gè)性化管理系統(tǒng)，輕松實(shí)現(xiàn)多元業(yè)務(wù)場(chǎng)景的數(shù)字化管理。
輕代碼化將功能進(jìn)行打包，升級(jí)成全局可以用的配置，技術(shù)人員配置好后，業(yè)務(wù)人員在應(yīng)用編輯時(shí)直接選擇使用模版，綁定對(duì)應(yīng)的變量即可使用。
界面設(shè)計(jì)技巧
人文氣息
為什么人加色塊的組合方式能流行起來？還是B端行業(yè)流行帶動(dòng)的。B端講的更多的是企業(yè)對(duì)企業(yè)。企業(yè)對(duì)企業(yè)除了講行業(yè)解決方案外，還需要傳達(dá)公司的價(jià)值觀、使命、愿景。人加色塊的組合方式非常適合體現(xiàn)公司的企業(yè)文化。對(duì)于一家全球化的公司不同膚色的人物組合在一起，這種人文氣息和價(jià)值觀已經(jīng)就不言而喻了。
當(dāng)然企業(yè)也需要進(jìn)行營(yíng)銷，抓人眼球。幾千年來的遺傳證明了，人的大腦對(duì)食物、性、動(dòng)的東西、人臉和眼睛、危險(xiǎn)的動(dòng)物很敏感。人加色塊的組合方式也具有抓人眼球營(yíng)銷的功能。真可謂一舉兩得。
這種風(fēng)格更適合大公司，國(guó)內(nèi)的一些手機(jī)廠商OPPO、VIVO等也會(huì)通過手機(jī)+背景+人物來體現(xiàn)科技與人文的結(jié)合，而對(duì)于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。
毛玻璃效果
毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的順應(yīng)當(dāng)下UI扁平化的設(shè)計(jì)趨勢(shì)。蘋果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)，具體安裝購(gòu)買方法可以上“某寶”就可以輕松搞定，真香。
輕擬物
輕擬物這幾年一直流行，在UI設(shè)計(jì)中趨于穩(wěn)定的位置。從寫實(shí)到扁平再到輕擬物，其實(shí)是設(shè)計(jì)師們一路不斷探索的結(jié)果。本質(zhì)就是光影對(duì)形體產(chǎn)生的視覺感受。在色彩中對(duì)高光、亮面、明暗交界線、暗面、反光（環(huán)境光）五個(gè)部分的處理。寫實(shí)三維的圖標(biāo)等設(shè)計(jì)更適用于簡(jiǎn)潔的畫面中，扁平等設(shè)計(jì)更適用于復(fù)雜一點(diǎn)的界面中，比如B端產(chǎn)品界面中的功能圖標(biāo)。輕擬物可使用的范圍更廣，效果更佳。Sketch、Figma軟件對(duì)于漸變、高光、投影、高斯模糊處理已經(jīng)非常簡(jiǎn)單且出彩。
簡(jiǎn)潔設(shè)計(jì)
簡(jiǎn)潔設(shè)計(jì)遵從了密斯·凡德羅的“少即是多”的設(shè)計(jì)原則，在B端產(chǎn)品界面中更加需要簡(jiǎn)潔設(shè)計(jì)，我們最熟悉的Sketch軟件界面已經(jīng)是相當(dāng)?shù)暮?jiǎn)潔了?；氐浆F(xiàn)實(shí)當(dāng)需求功能不斷增加，產(chǎn)品界面的編排如何取舍，如何保證界面的簡(jiǎn)潔是設(shè)計(jì)師需要深度思考的問題？如何與上級(jí)溝通？該功能是否可做可不做？是否需要埋點(diǎn)用數(shù)據(jù)說話？如果只是一味競(jìng)品有我們就需要有，功能不斷累加只會(huì)讓界面越來越重。
幾何圖形
幾何圖形和幾何插畫有異曲同工之妙，幾何圖形多為產(chǎn)品界面和宣傳內(nèi)容的抽象，產(chǎn)品界面的幾何圖形多為占位符形式，加上色彩和幾何色塊讓其成為一個(gè)整體。B端產(chǎn)品視覺設(shè)計(jì)C端化的進(jìn)程中，幾何圖形、幾何色彩不失為最好的突破口，相信今年追波B端產(chǎn)品的視覺設(shè)計(jì)一定會(huì)更上一個(gè)臺(tái)階。
幾何圖形另一個(gè)場(chǎng)景化的地方就是品牌，作為一名UI設(shè)計(jì)師一定會(huì)經(jīng)歷從圖標(biāo)到幾何圖形到品牌設(shè)計(jì)的過程，品牌設(shè)計(jì)的技巧基本還是以幾何圖形為主，至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計(jì)的技巧對(duì)產(chǎn)品定位、品牌宣傳打下扎實(shí)的基礎(chǔ)。
暗黑設(shè)計(jì)
暗黑模式的設(shè)計(jì)是解決在微弱環(huán)境下內(nèi)容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設(shè)備時(shí)長(zhǎng)增大，如何在夜晚這個(gè)特定場(chǎng)景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞，提高在夜間使用的可讀性。
在設(shè)計(jì)暗黑主題時(shí)，不能為了突顯視覺上的逼格，而去使用高飽和度鮮艷的色彩來突顯界面的品質(zhì)感。而應(yīng)該把舒適度、可讀性作為設(shè)計(jì)的衡量指標(biāo)。Material Design給出了暗黑主題的設(shè)計(jì)準(zhǔn)則，即正文和背景之間的對(duì)比度應(yīng)至少為15.8:1。按照此標(biāo)準(zhǔn)設(shè)計(jì)，可讀性都還不錯(cuò)。這里介紹一個(gè)插件“Stark”（Figma、Sketch、XD、Chrome插件）用來測(cè)試界面的對(duì)比度。
模塊化（組件化）
為什么叫模塊化，而不叫組件化，組件化更多的利用原子系統(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)品，滿足客戶的定制需求 。
插畫
插畫作為設(shè)計(jì)的一大品類，不同的插畫師都有自己擅長(zhǎng)的風(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ì)是舊元素的重新組合，插畫不會(huì)過時(shí)，而是需要結(jié)合當(dāng)下和產(chǎn)品找到最匹配的設(shè)計(jì)風(fēng)格。
幾何插畫
幾何插畫算是插畫簡(jiǎn)化的一種表現(xiàn)形式，人和物的形態(tài)不再寫實(shí)，而是抽象成幾何圖形拼湊的感覺，同時(shí)保留人物形態(tài)的神韻。加上幾何色塊與人物交互形態(tài)的表現(xiàn)，傳達(dá)出簡(jiǎn)潔、科技的現(xiàn)代感。難點(diǎn)還是在人物形態(tài)的表現(xiàn)上，平時(shí)多練習(xí)練習(xí)速寫還是很有必要的。
線面插畫
線面插畫最近一兩年非常流行，準(zhǔn)確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現(xiàn)人物形態(tài)時(shí)某些結(jié)構(gòu)會(huì)表現(xiàn)不出來，這時(shí)候用線條簡(jiǎn)單勾勒后，結(jié)構(gòu)就會(huì)清晰明了。其次當(dāng)線面插畫運(yùn)用在界面上時(shí)，可以打破界面純文字或組件化的機(jī)械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時(shí)，還能保持界面的干凈整潔。
動(dòng)效
微交互
界面微交互動(dòng)效會(huì)讓用戶的體驗(yàn)更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計(jì)，微交互和動(dòng)效設(shè)計(jì)是繞不開的，UI界面設(shè)計(jì)通過微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。細(xì)微的動(dòng)效更能調(diào)動(dòng)用戶情緒，取悅用戶。C端產(chǎn)品微交互和動(dòng)效已經(jīng)很成熟了，一部分功勞來自iOS系統(tǒng)原生自帶的效果。B端產(chǎn)品的微交互和動(dòng)效更多還是在學(xué)習(xí)海外產(chǎn)品，還需要給前端工程師灌輸微交互和動(dòng)效的設(shè)計(jì)價(jià)值，共同打造產(chǎn)品體驗(yàn)細(xì)節(jié)。
Mg動(dòng)畫
Mg動(dòng)畫需要很好的節(jié)奏感、韻律，每一個(gè)場(chǎng)景動(dòng)畫都需要其中的元素進(jìn)行連接變化，讓轉(zhuǎn)場(chǎng)動(dòng)畫更加自然，MG人物動(dòng)畫通過點(diǎn)線面的動(dòng)效變化讓畫面更加有趣、自然，通過粒子效果讓特定場(chǎng)景無限循環(huán)會(huì)讓人更加印象深刻。
三維
三維圖標(biāo)
MacOS Big Sur系統(tǒng)圖標(biāo)的更新帶動(dòng)了三維圖標(biāo)的流行，三維圖標(biāo)的應(yīng)用場(chǎng)景還是需要有較大留白空間的界面，因?yàn)槿S圖標(biāo)太小后就看不到更多細(xì)節(jié)。三維圖標(biāo)感覺又回到了擬物化和扁平化哪個(gè)更好的問題上？設(shè)計(jì)師應(yīng)該保持開放多元的視角。設(shè)計(jì)本身也在不斷的演化融合，存在即合理。合適最重要，它們都會(huì)有適合自己的場(chǎng)景和設(shè)計(jì)價(jià)值。
輕三維
為什么輕三維在界面設(shè)計(jì)中占有一席之位？一個(gè)是設(shè)計(jì)師不斷追求差異化的產(chǎn)物。另一個(gè)是更好的表現(xiàn)內(nèi)容，并與用戶產(chǎn)生共鳴。輕三維的基礎(chǔ)模型都是來自手機(jī)界面中的各種元素，比如組件、開關(guān)、按鈕、占位符、圖表、幾何圖形、圖標(biāo)、進(jìn)度條等，這些都是用戶日常使用系統(tǒng)軟件常見的元素，通過簡(jiǎn)單的幾何形體建模—打燈光—加材質(zhì)—渲染—PS調(diào)色。難度系數(shù)不大但效果很出彩。第一個(gè)出彩點(diǎn)是模型帶有厚度的倒角，結(jié)合燈光渲染的光澤是二維軟件不能比擬的。第二個(gè)出彩點(diǎn)就是材質(zhì)自由添加，特別是當(dāng)下流行的毛玻璃效果，玻璃材質(zhì)渲染效果更佳。第三個(gè)出彩點(diǎn)就是可以加局部燈光，局部的漸變色或環(huán)境光更加出彩。
P4D（PS+C4D）
P4D是PS加C4D的設(shè)計(jì)表現(xiàn)技法，也是視覺設(shè)計(jì)的最后一個(gè)環(huán)節(jié)，通過PS對(duì)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)大之處。
卡通IP
卡通IP設(shè)計(jì)最近三四年技術(shù)的迭代已經(jīng)慢慢的走上成熟，卡通IP也從傳統(tǒng)的純PS手繪技法，轉(zhuǎn)到C4D建模—角色綁定—MD衣服制作—OC渲染—PS（靜態(tài)）/AE（動(dòng)態(tài)）調(diào)色。
卡通IP火的本質(zhì)更適合做營(yíng)銷，相比于品牌或Slogan，卡通IP具有親和力和畫面感。隨著各種手辦行業(yè)大熱，受互聯(lián)網(wǎng)大廠影響下，卡通IP已經(jīng)是互聯(lián)網(wǎng)B輪以上公司的標(biāo)配了。如果團(tuán)隊(duì)中沒有這樣能力的人，也可以通過繪制好二維，一套三維IP可以選擇外包完成。
對(duì)于UI設(shè)計(jì)師來說學(xué)習(xí)是有成本的，暫時(shí)并不是必備技能，如果喜歡完全可以學(xué)習(xí)，從設(shè)計(jì)差異化的角度來看三維視覺確實(shí)有一定的競(jìng)爭(zhēng)力。
三維動(dòng)畫
C4D三維場(chǎng)景動(dòng)畫通過構(gòu)建實(shí)物和場(chǎng)景模擬生活中的現(xiàn)實(shí)場(chǎng)景，會(huì)讓用戶體驗(yàn)真實(shí)感，三維軟件制作動(dòng)效的最大優(yōu)勢(shì)是通過動(dòng)力學(xué)和表達(dá)式來模擬真實(shí)感，未來在AR/VR領(lǐng)域會(huì)有更好的發(fā)展。相對(duì)于界面動(dòng)效學(xué)習(xí)成本難度也相對(duì)較大。在三維動(dòng)畫中C4D軟件對(duì)于域、動(dòng)力學(xué)還是有一定的優(yōu)勢(shì)。
文章來源：UI中國(guó) 作者：RaDesign
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
數(shù)字營(yíng)銷是指借助于互聯(lián)網(wǎng)營(yíng)銷方式，幫助業(yè)務(wù)方和消費(fèi)者建立觸達(dá)渠道，實(shí)現(xiàn)業(yè)務(wù)的商業(yè)目標(biāo)達(dá)成。按業(yè)務(wù)類型分為線下產(chǎn)品的數(shù)字廣告和數(shù)字內(nèi)容（APP、影音、動(dòng)漫、游戲等）線上推廣分發(fā)。本文主要聚焦在數(shù)字內(nèi)容線上推廣分發(fā)上，嘗試從用戶獲取渠道、體驗(yàn)方式、內(nèi)容感知、新技術(shù)帶來的變化等幾個(gè)方面，為相關(guān)從業(yè)者梳理數(shù)字內(nèi)容流行的營(yíng)銷方式，以期提供一些啟發(fā)和借鑒。
近年來用戶內(nèi)容消費(fèi)呈碎片化、視頻化，多元化趨勢(shì)。短視頻內(nèi)容強(qiáng)勢(shì)崛起，這種方式可以讓用戶更輕松、更深度消費(fèi)內(nèi)容。在各類營(yíng)銷類型中，短視頻逐漸成為推廣的重要方式，不僅在實(shí)體產(chǎn)品電商領(lǐng)域，日益成為重要的銷售方式，在數(shù)字產(chǎn)品的推廣上，也發(fā)揮越來越重要的作用。漫威在短視頻平臺(tái)注冊(cè)虛構(gòu)報(bào)社賬號(hào)宣傳《蜘蛛俠：英雄無歸》電影，獲得海量關(guān)注和點(diǎn)贊。
說唱歌手Lil Nas X用《Old Town Road》做BGM在短視頻平臺(tái)發(fā)起的牛仔挑戰(zhàn)（#Yeehaw challenge），使這首歌曲通過短視頻成為了全球爆款。這首歌在美國(guó)地區(qū)的流媒體播放量超過了25億次，在Billboard排行榜保持了19周的冠軍。
美國(guó)創(chuàng)作型歌手兼唱片制作人 Charlie Puth 嘗試在短視頻平臺(tái)上發(fā)布一些旋律，發(fā)起了標(biāo)簽挑戰(zhàn) #writethelyrics，邀請(qǐng)粉絲們?yōu)樾商钤~，這個(gè)標(biāo)簽累計(jì)視頻觀看量達(dá)到38億次。
在游戲領(lǐng)域，短視頻/直播內(nèi)容也正成為分發(fā)重要形式。短視頻巨頭已深入游戲腹地，2020年移動(dòng)游戲用戶與短視頻用戶重合率達(dá)82.5%，近六成移動(dòng)游戲用戶會(huì)用短視頻主動(dòng)搜索游戲內(nèi)容。短視頻在和游戲內(nèi)容結(jié)合上有先天優(yōu)勢(shì)，消費(fèi)門檻低，體驗(yàn)更沉浸，同時(shí)也可以快速獲取其他玩家的感受。除此外，對(duì)于游戲制作和發(fā)行方來說，這里也是通過內(nèi)容創(chuàng)作獲取用戶的良好渠道。
游戲依托賽事直播、KOL直播，聚集了大量高質(zhì)玩家，相較于傳統(tǒng)分發(fā)方式，直播具備互動(dòng)性、真實(shí)性、及時(shí)性等三大特點(diǎn)。KOL主播可以將游戲最直觀的展現(xiàn)在玩家面前，更可以利用高人氣迅速提升游戲熱度。Facebook gaming現(xiàn)在采用直播feeds的方式進(jìn)行游戲的推廣，使玩家對(duì)游戲體驗(yàn)感受更直觀。
黑客帝國(guó)4在官網(wǎng)為用戶提供了一段可交互的宣傳視頻，根據(jù)用戶的選擇不同，觸發(fā)不同類型結(jié)局。讓用戶更有代入感和掌控感。有種“我”開啟了一段故事，也更容易帶來體驗(yàn)上的驚喜感。
洛杉磯流行藝術(shù)家 BIIANCO 為其單曲That’s what friends are for制作了互動(dòng)音樂視頻，以互動(dòng)游戲的方式讓觀眾進(jìn)行多次選擇，探索屬于自己的故事。
在游戲類內(nèi)容宣傳上，為讓玩家更直接、更低成本的體驗(yàn)到游戲的玩法和特點(diǎn)。借助2D、3D以及交互視頻素材高度還原游戲的真實(shí)場(chǎng)景，音效、視覺、玩法互動(dòng)與游戲本身無異，將原有的游戲體驗(yàn)前置，讓用戶在短暫的廣告展示時(shí)間中快速明白游戲的核心機(jī)制。
2021年音頻內(nèi)容呈爆炸式增長(zhǎng)，播客這種很早就有的形式，在今年煥發(fā)了蓬勃生機(jī)。因?yàn)橐咔樵颍纛l內(nèi)容呈爆發(fā)式增長(zhǎng)，相較于其他數(shù)字內(nèi)容表達(dá)方式，音頻覆蓋了更多互動(dòng)場(chǎng)景，用戶可以在通勤、運(yùn)動(dòng)和打掃房子的時(shí)候在車?yán)锊シ拧?
21年初熱播的《流金歲月》不僅霸屏熱播熱榜，更首次將營(yíng)銷可能性轉(zhuǎn)化到“看不見的”聲音領(lǐng)域，最終聯(lián)手十多家播客參與多方面討論了女性、友誼、成長(zhǎng)等話題，精細(xì)化傳播，也讓更多電臺(tái)參與創(chuàng)作討論，最終“我的「流金歲月」”主題內(nèi)容實(shí)現(xiàn)了全平臺(tái)百萬級(jí)的總播放量。
Beats 就聯(lián)合播客《大內(nèi)密談》推出了一檔名為「一首歌的誕生」的系列節(jié)目，主播相征會(huì)在節(jié)目中和各位音樂聊一聊他們的某一首歌從譜曲、寫詞到錄制的全過程。2021年，《大內(nèi)密談》連續(xù)7年獲得Apple Podcasts年度精選播，擁有400多萬忠實(shí)聽眾，單期節(jié)目收聽量超過400萬次。
影音、游戲聯(lián)動(dòng)明星、品牌、知名IP、傳統(tǒng)文化產(chǎn)業(yè)、線下活動(dòng)等等具有影響力的合作方進(jìn)行戰(zhàn)略合作，擴(kuò)大雙方影響力。如英雄聯(lián)盟和LV的跨界聯(lián)動(dòng)，這款由LV設(shè)計(jì)的史上最昂貴、最奢侈的游戲皮膚，還未推出就捕獲了無數(shù)LOL玩家的心，在讓玩家興奮不已之余，還引發(fā)了“這款皮膚究竟有多貴”的討論。
自2017年騰訊和敦煌研究院達(dá)成戰(zhàn)略合作以來，王者榮耀飛天及九色鹿主題皮膚、QQ音樂“古樂重聲”音樂會(huì)、敦煌詩巾、“云游敦煌”小程序和敦煌動(dòng)畫劇陸續(xù)推出。三年間，累計(jì)超過2.5億人次參與了“數(shù)字供養(yǎng)人”，超過4000萬年輕人在王者榮耀中遇見了敦煌飛天，“云游敦煌”小程序目前已接待超過3700萬人次線上游客，40多萬用戶設(shè)計(jì)了自己專屬的敦煌絲巾，24萬用戶在騰訊公益平臺(tái)為敦煌石窟保護(hù)項(xiàng)目捐款，15萬用戶在線用聲音演繹敦煌動(dòng)畫劇。
2021年底熱劇《風(fēng)起洛陽》聯(lián)動(dòng)洛陽市文化單位正式發(fā)布“華夏古城宇宙”的全新概念，并宣布“華夏古城宇宙” 首發(fā)洛陽IP中的劇集《風(fēng)起洛陽》、紀(jì)錄片《神都洛陽》、動(dòng)畫片《風(fēng)起洛陽之神機(jī)少年》，帶領(lǐng)觀眾開啟探索華夏文明的旅程。
影視劇宣發(fā)期，通過話題互動(dòng)或設(shè)置傳播內(nèi)容，讓用戶創(chuàng)作內(nèi)容進(jìn)行傳播，如《魷魚游戲》引發(fā)自發(fā)傳播的摳糖挑戰(zhàn)也引起更多受眾注意激發(fā)用戶觀看。
游戲也會(huì)在上線后逐步積攢口碑和玩家數(shù)量，官方在制作游戲時(shí)和后期推廣上會(huì)提供一些方便傳播的核心素材，由游戲粉絲玩家群體自發(fā)進(jìn)行二次創(chuàng)作產(chǎn)生的UGC內(nèi)容，也會(huì)引發(fā)大眾關(guān)注。很多玩家會(huì)圍繞游戲內(nèi)容創(chuàng)作出新奇舞蹈、仿妝、COS、攻略、同人剪輯、漫畫等，提供廣泛的話題和討論度。例如《CS：GO》，它通過一條開箱視頻引爆短視頻平臺(tái)，打破了消費(fèi)用戶的圈層，從游戲用戶到泛娛樂用戶，最終令游戲內(nèi)箱子的價(jià)格從0.8元漲至2元，極大地促進(jìn)了消費(fèi)。
通過大型慶典活動(dòng)，讓用戶共情，形成記憶共享，將志同道合的人聚在一起，形成文化傳播。如英雄聯(lián)盟每年都會(huì)舉辦盛大的全球總決賽開幕慶典，并加入一些讓人印象深刻的游戲元素。
相較于通過中心化推薦方式向用戶展示廣告內(nèi)容，新的趨勢(shì)是廣告主利用用戶社交關(guān)系鏈，在facebook、微信、QQ等社交平臺(tái)進(jìn)行分享傳播。通過社交流量的傳播內(nèi)容，讓受眾覺得更貼近自己，也更可信。相較于其他數(shù)字內(nèi)容，在游戲分發(fā)上私域流量日益重要，很多頭部社交渠道在嘗試如何更好的通過私域流量帶動(dòng)游戲分發(fā)。
Facebook游戲智能助手會(huì)在玩家的對(duì)手參與游戲后，通過Facebook與Messenger提示對(duì)方繼續(xù)玩游戲，這種方式可以吸引玩家快速回歸玩過的游戲；同時(shí)在首頁好友動(dòng)態(tài)中可以看到好友的游戲邀請(qǐng)動(dòng)態(tài)和相關(guān)戰(zhàn)績(jī)，對(duì)游戲有較高的流量傳播；游戲的高活玩家也可以通過邀請(qǐng)好友對(duì)戰(zhàn)或分享游戲活動(dòng)等方式進(jìn)行裂變傳播；
Discord建立起玩家之間互推、互鑒，玩家與開發(fā)者間直接互動(dòng)的社區(qū)平臺(tái)；社區(qū)內(nèi)的種子玩家可以更直接地與開發(fā)者接觸，讓自己的聲音被聽到；同時(shí)他們也是優(yōu)質(zhì)的渠道傳播者，將優(yōu)質(zhì)的討論內(nèi)容、游戲動(dòng)態(tài)進(jìn)行分享，讓渠道轉(zhuǎn)化效率更高；
同時(shí)Discord可以創(chuàng)建「臨時(shí)」游戲語音頻道，可以讓其他成員看到頻道內(nèi)成員正在玩的游戲；玩家也可以將游戲?qū)崨r傳輸?shù)椒?wù)器，在語音頻道邀請(qǐng)朋友共同觀看自己的游戲“現(xiàn)場(chǎng)直播”，讓玩家的朋友在沙發(fā)上重現(xiàn)游戲的感覺；
游戲開發(fā)者利用多圈層KOL的優(yōu)勢(shì)，引導(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，也是在早起利用名人明星和圈子的力量，通過采用邀請(qǐng)制的方式吸引了高質(zhì)量的種子用戶，帶動(dòng)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ī)器人，為群中小伙伴定期推送和主動(dòng)獲取影音資源。
隨著元宇宙、區(qū)塊鏈技術(shù)的火爆，數(shù)字內(nèi)容也展現(xiàn)了不同以往的展示和推廣方式。2021作為元宇宙爆發(fā)年，向我們展示了未來的一角。通過虛實(shí)結(jié)合的互動(dòng)體驗(yàn)，數(shù)字營(yíng)銷不再局限于單一的文字/畫面，而是通過多體感的交互，讓用戶全方位的體驗(yàn)數(shù)字內(nèi)容，為獵奇的互聯(lián)網(wǎng)用戶打開了數(shù)字營(yíng)銷新篇章。
2021年，隨著元宇宙基建的推進(jìn)和爆款案例的頻出，虛擬偶像也迎來了新一波發(fā)展高潮，引得不少音樂公司紛紛入局。19歲的加州虛擬網(wǎng)紅Lil Miquela代表了Z時(shí)代的社群偶像，她在instagram，youtube，discord等平臺(tái)分享自己的時(shí)尚穿搭，與名人或朋友的合影及生活想法，甚至她還在Spotify發(fā)布了自己的15首單曲。打造了跨平臺(tái)的Vmodel身份。
韓國(guó)虛擬模特Rozy，不僅在社交網(wǎng)絡(luò)分享自己的穿搭生活，還如同常人一樣，營(yíng)造看電影的真實(shí)體驗(yàn)，她的代言產(chǎn)品不僅涉及線下美妝，還為線上購(gòu)物網(wǎng)站，電影等數(shù)字產(chǎn)品內(nèi)容做宣傳推廣；
賈斯汀 比伯舉行了一場(chǎng)由真實(shí)動(dòng)作捕捉的線上虛擬演唱會(huì)，比伯在演唱《Peaches》、《Hold On》等人氣單曲的同時(shí)，觀看直播的觀眾可以根據(jù)場(chǎng)景與比伯進(jìn)行線上互動(dòng)：場(chǎng)景切換到田野時(shí)，觀眾可以點(diǎn)擊不同顏色的花朵，讓田野生出花朵形狀的流光；
切換到街頭場(chǎng)景時(shí)，觀眾可以把聊天內(nèi)容或愛心發(fā)送到比伯周圍；
這種虛擬演唱會(huì)的形式將全球的粉絲連接在一起，在虛擬場(chǎng)地形成萬人互動(dòng)的沉浸式音樂體驗(yàn)。寶可夢(mèng)25周年，聯(lián)合說唱歌手Post Malone推出了自己的虛擬音樂會(huì)，馬龍?jiān)谶@次虛擬演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首單曲，在虛擬世界中與知名寶可夢(mèng)一起完成表演；也為新發(fā)售的《寶可夢(mèng)：晶燦鉆石/明亮珍珠》起到宣傳作用；
Decentraland提供了去中心化的社交世界，用戶可以創(chuàng)建自己的虛擬形象，在不同的游戲場(chǎng)館進(jìn)行切換，為游戲品牌起到了更好的宣傳作用；同時(shí)Dcentraland提供了虛擬土地售賣，用戶或開發(fā)者購(gòu)買土地后，通過制作3D場(chǎng)景，發(fā)布自己設(shè)計(jì)的各種產(chǎn)品或服務(wù)，這些場(chǎng)景也可以使用VR終端來體驗(yàn)，用戶或開發(fā)者可以發(fā)揮無限的想象力進(jìn)行宣傳創(chuàng)作。
韓國(guó)劇集《魷魚游戲》熱播后，劇集中的游戲關(guān)卡在羅布樂思公司的游戲社區(qū)被“1:1”還原，其中的游戲“1、2、3”木頭人進(jìn)入推薦排行榜，吸引了眾多觀眾成為玩家，也讓很多玩家去奈飛追劇，擴(kuò)大了該影視資源的影響力。
伴隨著區(qū)塊鏈技術(shù)的發(fā)發(fā)展，有的游戲分發(fā)公司也在嘗試通過區(qū)塊鏈技術(shù)進(jìn)行游戲發(fā)行。如Ultra試圖打造一個(gè)基于區(qū)塊鏈的游戲發(fā)行平臺(tái)，通過通證經(jīng)濟(jì)實(shí)現(xiàn)更加合理的利益分配。對(duì)游戲玩家來說，可以在下載完成前就盡情享受新買的游戲，并在玩游戲時(shí)繼續(xù)下載缺失的數(shù)據(jù)。玩家可以自主選擇是否允許游戲內(nèi)彈出廣告，觀看廣告可獲得通證獎(jiǎng)勵(lì)，邀請(qǐng)朋友、參與測(cè)試和策劃游戲也可獲得相應(yīng)通證獎(jiǎng)勵(lì)。因此，游戲玩家既可以即時(shí)玩獨(dú)家游戲，又可以通過多種方式賺取通證獎(jiǎng)勵(lì)。
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à)格新高。
伴隨著用戶數(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ái)也逐步由傳統(tǒng)的中心化渠道向私域流量轉(zhuǎn)移。作為數(shù)字內(nèi)容發(fā)行方，如何有效且長(zhǎng)線輸出高品質(zhì)內(nèi)容，構(gòu)建內(nèi)容壁壘，探索更有吸引力的表現(xiàn)形式、縮短和用戶的溝通渠道，是未來需要深入思考的。
文章來源：站酷 作者：騰訊ISUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
iPhone X 在 2017 年上市以來，全面屏手機(jī)就開始逐漸普及。iPhone 8 的 4.7 寸屏幕到目前最新機(jī)型 iPhone 11 的 6.1 寸屏幕，以及 Pro Max 系列的 6.5 寸，各種各樣的劉海屏、水滴屏、挖孔屏、折疊屏等等屏幕方式隨之出現(xiàn)，物理 Home 鍵都被舍棄改成虛擬按鍵，甚至是沒有虛擬按鍵的手勢(shì)滑動(dòng)操作。
而這些手機(jī)都有一個(gè)共同的特點(diǎn)，就是屏幕尺寸越來越大。屏幕尺寸變大后，手握手機(jī)的方式和界面交互操作方式也隨之改變，那對(duì)于設(shè)計(jì)而言，是否也應(yīng)該隨之進(jìn)行改變呢？
想單手點(diǎn)擊屏幕的操作，需要手足夠靈活進(jìn)行一輪操作才能夠到屏幕上方，過程中稍有不慎，手機(jī)隨時(shí)會(huì)砸地上。作者的手機(jī)屏幕已經(jīng)修了幾次，差不多趕上一臺(tái)二手機(jī)的價(jià)格了。
在 2013 年，國(guó)外設(shè)計(jì)師 Steven Hoober 發(fā)表了一篇《手機(jī)界面設(shè)計(jì)》的研究報(bào)告中，對(duì)一千三百名手機(jī)使用者進(jìn)行量化研究數(shù)據(jù)：
據(jù)當(dāng)時(shí)研究的數(shù)據(jù)可以看出，有近半的用戶是單手使用手機(jī)（現(xiàn)在肯定不止）。當(dāng)用戶單手操作的時(shí)候，實(shí)際拇指可以觸摸到的區(qū)域是如下圖這樣的。綠色區(qū)域是拇指的正常操作區(qū)域，黃色區(qū)域是拇指能觸碰到的最大限度范圍，紅色區(qū)域是觸摸比較困難的區(qū)域。
然而這份研究報(bào)告的數(shù)據(jù)是在 2013 年發(fā)布，當(dāng)時(shí)還沒有全面屏的出現(xiàn)，如果把上面研究結(jié)論的區(qū)域，套用到如今的手機(jī)屏幕尺寸上，頂部的紅色區(qū)域會(huì)占更大比例。以 iPhone 11 尺寸比例作為參考，如下圖：
拇指可操作范圍大約在 3 分之 2 的區(qū)域，可見想要觸碰到紅色區(qū)域是有一定難度的。也正是因?yàn)檫@份報(bào)告只適合當(dāng)時(shí)的手機(jī)市場(chǎng)情況，在當(dāng)今已經(jīng)不適用了，因此需要重新去考慮如何為大屏幕手機(jī)進(jìn)行界面設(shè)計(jì)。
根據(jù) 2020 年手機(jī)UX設(shè)計(jì)趨勢(shì)，大屏幕設(shè)計(jì)將會(huì)成為熱點(diǎn)。根據(jù)數(shù)據(jù)報(bào)告中有說明，2018 年 10 月使用大屏手機(jī)的用戶比例是16.3%，到 2019 年 12 月，該數(shù)據(jù)已經(jīng)上升到 41%，并且會(huì)在未來更多新機(jī)型的出現(xiàn)中持續(xù)上漲。
那隨著大屏幕手機(jī)的普及，就意味著設(shè)計(jì)師在設(shè)計(jì)界面的時(shí)候，要為大屏幕手機(jī)的使用場(chǎng)景進(jìn)行界面調(diào)整，避免用戶難以使用的體驗(yàn)問題。以下是我整理的一些設(shè)計(jì)建議方案：
1. 頭部區(qū)域設(shè)計(jì)更高
通過將標(biāo)題欄的信息區(qū)域放大，盡量把主要操作內(nèi)容向拇指區(qū)域靠近。
2. 常用導(dǎo)航與操作居于底部
比起導(dǎo)航欄放在頂部，更適合大屏幕手機(jī)的方式是將導(dǎo)航和重要操作盡量往屏幕底部放置。
3. 手勢(shì)操作頁面切換與返回
抖音和 Instagram story 等短視頻應(yīng)用界面都是通過手勢(shì)滑動(dòng)屏幕的方式，對(duì)頁面進(jìn)行切換，操作的學(xué)習(xí)成本很低，而且主要操作也在屏幕底部。這種操作方式也會(huì)在今年越來越多地被使用。
4. 提示彈窗從底部升起
常用的彈窗，很多是設(shè)計(jì)在屏幕中間彈出，為了適配大屏幕，不妨嘗試從底部彈出，關(guān)鍵選項(xiàng)都能輕松選擇，提高轉(zhuǎn)化率。
5. 使用大卡片
屏幕尺寸變大以后，使用整張大卡片可以讓用戶瀏覽內(nèi)容更專注，大面積的配圖和留白，也能提高用戶的點(diǎn)擊欲望。
除此以外，作為手機(jī)廠商，在發(fā)布大屏幕手機(jī)的時(shí)候，就有對(duì)界面操作做了一些對(duì)應(yīng)系統(tǒng)級(jí)的設(shè)計(jì)調(diào)整，比如界面下拉懸停，鍵盤單手模式，屏幕邊緣滑動(dòng)返回等等。
大屏幕尺寸已經(jīng)是趨勢(shì)，屏幕大意味著內(nèi)容可以更大限度地得到展示，有利于產(chǎn)品提供更多的服務(wù)，不再糾結(jié)首屏無法展示完主要內(nèi)容。在這個(gè)信息爆炸的時(shí)代，用戶也不再滿足于小屏幕的瀏覽方式?？梢哉f，大屏幕已經(jīng)是無法改變的趨勢(shì)。與其擔(dān)心問題到來，設(shè)計(jì)師更應(yīng)該思考如何去適應(yīng)產(chǎn)品的快速迭代，不斷更新自己的設(shè)計(jì)思維模型，更全面思考問題，產(chǎn)出更合理、體驗(yàn)更好的設(shè)計(jì)方案。
文章來源：優(yōu)設(shè) 作者:布萊恩臣
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
2022 年的 UI/UX 設(shè)計(jì)趨勢(shì)是什么呢？在本文中，我們將發(fā)現(xiàn)：
舊的滾動(dòng)是無聊的。如果你想吸引注意力，你就需要實(shí)現(xiàn)滾動(dòng)敘事（scrollytelling）。（彩云注：這個(gè)技術(shù)的核心在于邊滾動(dòng)頁面邊講故事）
《紐約時(shí)報(bào)》是第一批在他們的文章《雪花飄落》中使用滾動(dòng)敘事手法的機(jī)構(gòu)之一。
它是一種敘事形式，可以在網(wǎng)頁和 APP 上呈現(xiàn)。想象一下，在一個(gè)網(wǎng)站中每個(gè)插圖、文本和其他元素都開始變得生動(dòng)起來。自然地，你會(huì)想看到這個(gè)故事的結(jié)局。它就像一個(gè)游戲，帶你穿越迷宮。雖然你不能影響它的進(jìn)程，但卻讓你感覺自己能參與其中。
2022 年，Scrollytelling 將會(huì)出現(xiàn)在你看到的每一個(gè)流行網(wǎng)站上。
另一方面，scrolllytelling 讓用戶真正去閱讀內(nèi)容。你可以用動(dòng)態(tài)文本讓他們產(chǎn)生興趣，比如谷歌的網(wǎng)站。他們的團(tuán)隊(duì)知道如何讓信息看起來更好:
Scrollytelling 在用戶向下滾動(dòng)時(shí)被激活，因此得名。沒有點(diǎn)擊，沒有選擇的麻煩，沒有彈出窗口。你似乎停留在一個(gè)地方，但通過滾動(dòng)，把屏幕上的故事慢慢展開。這不僅要求設(shè)計(jì)師創(chuàng)造出酷炫的視覺效果，還需要認(rèn)真思考一個(gè)你想要講述的故事情節(jié)。
所以，最好的網(wǎng)站不可能在 2 天內(nèi)建成，需要更多的時(shí)間去打磨。
IAmBinadam 令人驚艷的敘述設(shè)計(jì)
滾動(dòng)敘事的項(xiàng)目通常需要大量的時(shí)間和精力。不過，這樣做的結(jié)果是值得的。頁面變成“活的”，每一秒都有新的事情發(fā)生，所以在閱讀時(shí)很難感到無聊。
那么移動(dòng)端 APP 呢? Pure 是一款約會(huì)應(yīng)用（彩云注，這個(gè)應(yīng)用在 app store 可以搜到，推薦大家安裝一個(gè)體驗(yàn)一下，非廣告），它創(chuàng)造了一種我稱之為“tappytelling”的故事（當(dāng)你第一次點(diǎn)擊并打開應(yīng)用時(shí)，它就會(huì)被激活）:
Scrollytelling 是為用戶而創(chuàng)建的，用戶很喜歡它，不需要到其他頁面去閱讀整個(gè)故事。相反，網(wǎng)頁設(shè)計(jì)的整個(gè)故事都是事先考慮好的，并盡可能以最有趣的方式設(shè)計(jì)出來。
如何在 2022 年做出一個(gè)還不錯(cuò)的企業(yè)網(wǎng)站？你不會(huì)想告訴用戶你是“XX 領(lǐng)域公認(rèn)的領(lǐng)導(dǎo)者，該領(lǐng)域最好的之一”。這種標(biāo)準(zhǔn)的廣告表達(dá)并不傳達(dá)任何有價(jià)值的信息。
最好不要用形容詞，而是用事實(shí)來說明:你有多少分支機(jī)構(gòu)，在哪些城市，誰是你的客戶，以及你是如何幫助他們的。抽象信息是不可靠的。但如果你有很多想要分享的數(shù)據(jù)，你需要讓它不僅簡(jiǎn)單，而且有趣。
數(shù)據(jù)可視化有助于以一種吸引人的方式傳達(dá)正確的信息。它也可以與滾動(dòng)敘事（Scrollytelling）緊密結(jié)合。以下是 IAmBinadam 展示數(shù)據(jù)的方式:
通過去除數(shù)據(jù)集的復(fù)雜性，使信息更容易讓讀者感知。
不同級(jí)別的數(shù)據(jù)具有不同的大小，這樣用戶知道應(yīng)該先從哪里查看
讀者可以很快注意到作者試圖通過圖片引出的結(jié)論?？紤]到如今人們消費(fèi)的數(shù)據(jù)量巨大，那些干凈整潔的數(shù)字帶來的正面影響更大。
有些圖表乍一看甚至不像圖表，這使得它們更加能被注意到
還有一種現(xiàn)象叫做“新冠后遺癥”。這是 Covid 對(duì)公司及其員工的長(zhǎng)期影響。根據(jù)英國(guó)國(guó)家統(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í)間，更有可能使用滾動(dòng)按鈕。
Illustration by Mona Chalabi
以下是我們推薦的一些表示數(shù)據(jù)的方式
Illustration by Ink Factory
如何讓信息圖表看起來更好?
一個(gè)好的圖表，或者任何其他形式的數(shù)據(jù)可視化，都應(yīng)該具有在 Edward Tufte 的“定量信息的可視化顯示”中描述的特征。在他的書中，Tufte 通過圖表解釋了好圖表的 3 個(gè)原則：
1）展示數(shù)據(jù)的圖形元素與數(shù)值總數(shù)的比值應(yīng)趨向于 1。簡(jiǎn)單地說，應(yīng)該刪除一切不必要的元素，保持整潔。
Graph by Hootsuite
2）充分利用好畫面空間。也就是說，需要將數(shù)據(jù)編排的更緊密。
Graph by Hootsuite
3）客觀地描述數(shù)據(jù)。不要使用夸張的圖表，可視化數(shù)據(jù)可以看起來很酷，但真實(shí)永遠(yuǎn)是更重要的。
根據(jù) We Are Social 的數(shù)據(jù)，2021 年有 52.2 億人使用手機(jī)，約占世界人口的 66%。自 2020 年 1 月以來，手機(jī)用戶數(shù)量增長(zhǎng)了 1.8%(9300 萬)，而手機(jī)聯(lián)網(wǎng)總數(shù)量增長(zhǎng)了 7200 萬(0.9%)，到 2021 年初達(dá)到 80.2 億。
過去一年，社交媒體用戶的數(shù)量增長(zhǎng)了 13%以上。到 2021 年初，社交網(wǎng)絡(luò)上已有近 5 億新用戶注冊(cè)。根據(jù) App Annie 的數(shù)據(jù)，Android 用戶每天花在手機(jī)上的時(shí)間超過 4 小時(shí)。2020 年，安卓用戶上網(wǎng)時(shí)長(zhǎng)超過 3.5 萬億小時(shí)。
令人印象深刻的數(shù)字，是嗎？似乎到 2022 年，為產(chǎn)品做一個(gè) APP 將成為必須擁有的東西。如何知道你的公司是否真的需要一款應(yīng)用？有以下幾點(diǎn)可供評(píng)估：
1）用戶主要通過移動(dòng)設(shè)備訪問你的網(wǎng)站
這是你應(yīng)該了解的重要數(shù)據(jù)?？蛻艉湍阍谝黄鸬臅r(shí)間越長(zhǎng)，你就有越多的機(jī)會(huì)去吸引他們，了解他們的習(xí)慣，并給他們想要的東西。（彩云注：這就是為什么各大廠之間都在拼命搶占用戶的在線時(shí)長(zhǎng)。）
2）幫助內(nèi)部業(yè)務(wù)流程更加有效
如果你想要提高員工的工作效率、改進(jìn)工作流程或增加利潤(rùn)，那么就制作一個(gè)可以幫助管理業(yè)務(wù)流程的移動(dòng)應(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ī)會(huì)？例如，隨著疫情的蔓延，許多人開始用上健身 APP 在家里鍛煉。
4）競(jìng)爭(zhēng)對(duì)手的情況
要了解競(jìng)爭(zhēng)對(duì)手在做什么，他們是否有 APP，能做什么，以及他們是否真的對(duì)用戶有用。
查看 App Store 和谷歌 Play 的統(tǒng)計(jì)數(shù)據(jù)。下載和評(píng)論的數(shù)量可以告訴你用戶是如何使用競(jìng)爭(zhēng)對(duì)手的應(yīng)用的。如果他們的服務(wù)真的很方便而且很有必要，那么你就容易被甩在后面。
5）復(fù)購(gòu)率
一個(gè)應(yīng)用可以幫助你留住那些習(xí)慣從你那里購(gòu)買的人。如果想為老客戶開展促銷活動(dòng)了，給他們發(fā)送一個(gè)通知就能完成，成本更低。
在正確的時(shí)間提供的報(bào)價(jià)越有吸引力，人們購(gòu)買的可能性就越大。
出租車服務(wù)公司有回頭客，他們肯定需要一個(gè)應(yīng)用
6）促銷工具
有了應(yīng)用，你就不需要花錢設(shè)計(jì)和制作實(shí)體卡，客戶也不需要隨身帶卡。將促銷計(jì)劃整合到 APP，并分享有用的促銷信息。
做原生 APP 還是移動(dòng)端網(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òng)平臺(tái)單獨(dú)編寫:Android、iOS、Windows 等。
一些設(shè)計(jì)師認(rèn)為“前端驅(qū)動(dòng)的網(wǎng)絡(luò)體驗(yàn)”會(huì)是 2022 年的一個(gè)好機(jī)會(huì)，我非常同意!
（彩云注：在國(guó)內(nèi)，現(xiàn)在開發(fā)小程序的肯定越來越多了。）
我們一開始并沒有將其放在首位，因?yàn)檫@并不是一個(gè)新的趨勢(shì)，在很久以前設(shè)計(jì)師們就已經(jīng)設(shè)計(jì)了很多 3D 圖像和動(dòng)畫了。
Cardi B rhymes with 3D
3D 技術(shù)已經(jīng)在過去流行了很多年，但它不會(huì)很快消失。此外，我們預(yù)測(cè) 3D 圖形將變得更加多樣化和包容。
在過去的幾年里，3D 藝術(shù)和動(dòng)畫已經(jīng)出現(xiàn)在各種 UI 設(shè)計(jì)趨勢(shì)評(píng)論中。這意味著越來越多的設(shè)計(jì)師將它們整合到頁面中。
3D 當(dāng)然應(yīng)該成為 2022 年最熱門的趨勢(shì)和預(yù)測(cè)之一，因?yàn)榕c經(jīng)典動(dòng)畫相比，逼真的 3D 形狀結(jié)合動(dòng)畫總是引人注目的。
“從技術(shù)上講，通過 3D 更容易傳達(dá)更多內(nèi)容，因?yàn)樗绕矫鎴D片更接近我們的感知。3D 插圖更有深度，信息量更大，也更具互動(dòng)性?！?
許多設(shè)計(jì)師將 3D 對(duì)象無縫地“安置”在 2D 空間中。它允許創(chuàng)建更有趣的組合，也作為一個(gè)優(yōu)秀的工作方法蘊(yùn)藏著巨大的潛力。
烏克蘭政府網(wǎng)站用 3D 手模擬了黑客帝國(guó)
注意一點(diǎn)：在整合 3D 圖形等重量級(jí)內(nèi)容之前，確保你的應(yīng)用性能是 OK 的，能夠快速加載所有元素。
Meta 的 logo 既不是 2D 也不是 3D。或者兩者兼而有之？這就是即將到來的 2022 年的莫比烏斯帶和薛定諤的貓。
Meta logo 的變化
（彩云注：這個(gè)概念在去年簡(jiǎn)直不要太火，未來幾年肯定還會(huì)是一個(gè)大的趨勢(shì)，設(shè)計(jì)師也需要保持關(guān)注。跟著趨勢(shì)走，易于放大自身價(jià)值。）
越來越多的公司在網(wǎng)站和移動(dòng)應(yīng)用中使用動(dòng)畫，以提高用戶的沉浸感和體驗(yàn)，使內(nèi)容更有趣。
動(dòng)畫是 2022 年重要的網(wǎng)頁設(shè)計(jì)趨勢(shì)。2022 年，如果沒有它，你的產(chǎn)品很可能會(huì)看起來就像個(gè)半成品?；旌巷L(fēng)格的動(dòng)畫越來越受歡迎:定格動(dòng)畫和 3D 動(dòng)畫的結(jié)合，2D 動(dòng)畫和 3D 動(dòng)畫的結(jié)合。設(shè)計(jì)師這樣做是為了獲得不同尋常的風(fēng)格解決方案，以及提高最終產(chǎn)品的質(zhì)量。
2022 年，動(dòng)畫設(shè)計(jì)將是品牌市場(chǎng)定位的重要組成部分，想想一個(gè)公司新的視覺形象——?jiǎng)赢嬓蜗蟆ｋS著這個(gè)領(lǐng)域的專業(yè)設(shè)計(jì)師數(shù)量的增長(zhǎng)，實(shí)現(xiàn)新想法的機(jī)會(huì)也在增加。
2022 年如何使用網(wǎng)頁動(dòng)畫?
1）講故事
動(dòng)畫可以通過在界面和用戶之間建立情感聯(lián)系來傳達(dá)信息。
加載動(dòng)畫 Yoichi Kobayashi
2）更有趣的加載
用戶不愿意等待，除非載入畫面很有趣。帶有百分比的動(dòng)畫不僅可以分散用戶的注意力，還可以告知他們加載頁面需要多少時(shí)間。使用進(jìn)度條或者任何你能想到的可以顯示時(shí)間流逝的東西。
3）光標(biāo)效果
用戶可以精確地觀察光標(biāo)所在的位置。通過添加智能互動(dòng)動(dòng)畫，對(duì)這個(gè)光標(biāo)作出反應(yīng)來探索網(wǎng)站。這種效果在 21 世紀(jì)初非常流行。如你所知，流行趨勢(shì)往往每 20 年就會(huì)重演一次。
4）動(dòng)態(tài)排版
你有沒有想過讓字母跳舞?
添加角色的動(dòng)畫插圖
據(jù) Statista 統(tǒng)計(jì)，2020 年全球動(dòng)畫市場(chǎng)達(dá)到了 2700 億美元。趨勢(shì)是視頻，而不是靜態(tài)信息。全球品牌在社交網(wǎng)絡(luò)上使用動(dòng)畫制作廣告。毫無疑問，動(dòng)畫插圖的優(yōu)勢(shì)是它們非常靈活和多樣化。
寶馬歷史動(dòng)畫
這樣的作品通常用于兩種情況:
1）用于解釋視頻
2）電商廣告
動(dòng)畫解說的趨勢(shì)出現(xiàn)在幾年前，解說視頻清楚地顯示點(diǎn)擊的位置或公司的項(xiàng)目是關(guān)于什么的。
在招聘或商業(yè)視頻中，用戶更喜歡看畫出來的人物，而不是抽象的形狀或物品。畫出來的人物可以喚起情感共鳴，就像活著的人一樣。
微交互是幫助用戶瀏覽網(wǎng)站或應(yīng)用的小界面變化。通常這些是作為提示用戶的視覺或聲音效果：它們顯示發(fā)生了什么，將導(dǎo)致什么操作，下一步需要做什么。
圖片來源 awwards
動(dòng)畫交互將為你的設(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)航，解釋它們的功能。最重要的方面之一是加快和簡(jiǎn)化以前冗長(zhǎng)的功能，以實(shí)現(xiàn)特定的行為。
2022 年，在線品牌面臨著新的挑戰(zhàn)，需尋求新的解決方案，其中之一就是動(dòng)畫 logo 設(shè)計(jì)。
圖片來源 Toridori
動(dòng)畫 logo 主要有以下幾點(diǎn)營(yíng)銷優(yōu)勢(shì):
一家洗衣機(jī)[公司]的標(biāo)志
現(xiàn)在有很多設(shè)計(jì)模板，可以很容易地用字體制作一個(gè)動(dòng)畫 logo:
來源 Shabello, Bobby Voeten
設(shè)計(jì)趨勢(shì)總是在變化的，但是設(shè)計(jì)的意義不會(huì)變。如果你不能深刻理解這一點(diǎn)，那么任何設(shè)計(jì)趨勢(shì)的文章不能幫你做好設(shè)計(jì)。
文章來源：優(yōu)設(shè) 作者：彩云Sky
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
想成為更優(yōu)秀的設(shè)計(jì)師， 需要了解設(shè)計(jì)趨勢(shì)和受眾目標(biāo)的需求。了解UI/UX設(shè)計(jì)趨勢(shì)本質(zhì)上與了解時(shí)尚或者消費(fèi)行業(yè)的趨勢(shì)并無本質(zhì)差別，都必須傾聽人們的需求，關(guān)注人們?nèi)绾问褂卯a(chǎn)品，創(chuàng)造出美觀、簡(jiǎn)單、易用的設(shè)計(jì)，使產(chǎn)品脫穎而出。
我們收集了一份UX/UI設(shè)計(jì)趨勢(shì)的清單，幫助你了解2022年的相關(guān)行業(yè)變化。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
為把握文化產(chǎn)業(yè)未來創(chuàng)新發(fā)展趨勢(shì)，持續(xù)推動(dòng)我國(guó)文化產(chǎn)業(yè)高質(zhì)量發(fā)展，本文對(duì)2021年度我國(guó)文化產(chǎn)業(yè)“十二大”熱點(diǎn)現(xiàn)象進(jìn)行了梳理盤點(diǎn)。跟著作者一起來看看吧。
文中熱點(diǎn)總結(jié)得到中國(guó)人民大學(xué)文化產(chǎn)業(yè)研究院、中國(guó)民營(yíng)文化產(chǎn)業(yè)商會(huì)、騰訊文旅產(chǎn)業(yè)研究院等相關(guān)專家學(xué)者的意見指導(dǎo)，并得到新榜（上?？窗裥畔⒖萍加邢薰荆?duì)“年度文化產(chǎn)業(yè)熱點(diǎn)關(guān)鍵詞的傳播力和影響力”的大數(shù)據(jù)分析支持（對(duì)閱讀數(shù)、收藏?cái)?shù)、點(diǎn)贊數(shù)、互動(dòng)率、評(píng)論數(shù)及播放數(shù)等維度進(jìn)行匯總整理）：
自2020年新冠疫情發(fā)現(xiàn)以來，疫情在全球快速傳播，重挫了全球經(jīng)濟(jì)發(fā)展，對(duì)各個(gè)國(guó)家和地區(qū)造成了不同程度的影響。根據(jù)世界衛(wèi)生組織的官網(wǎng)統(tǒng)計(jì)數(shù)據(jù)，截至2021年12月29日，全球累計(jì)確診病例2.8億例，死亡540萬例。按聯(lián)合國(guó)人口基金會(huì)發(fā)布的《2021世界人口狀況》的全球人口75.97億計(jì)算，全球新冠疫情單位人口感染率約為37，即全球平均每37人中有1人確診新冠肺炎。
全球新冠疫情（截至2021年12月29日）
數(shù)據(jù)來源：世界衛(wèi)生組織官網(wǎng)
新冠疫情對(duì)全球和全國(guó)的文化產(chǎn)業(yè)產(chǎn)生了前所未有的影響，不斷改變著文化產(chǎn)業(yè)發(fā)展的產(chǎn)業(yè)邏輯和商業(yè)模式。
受疫情持續(xù)影響，2021年文化產(chǎn)業(yè)發(fā)展趨于緩慢，尤其是線下文化消費(fèi)受到疫情嚴(yán)重沖擊，大量企業(yè)面臨業(yè)績(jī)下滑、經(jīng)營(yíng)困難、人員流失等窘境。
但隨著文化與科技的深度融合，疫情之下，云演出、云會(huì)展、云觀影等“云經(jīng)濟(jì)”的產(chǎn)業(yè)地位不斷提升，數(shù)字影視、線上社交、電子競(jìng)技、直播購(gòu)物等細(xì)分領(lǐng)域增長(zhǎng)迅速，進(jìn)一步加快了文化產(chǎn)業(yè)的數(shù)字化轉(zhuǎn)型升級(jí)，同時(shí)促使文化產(chǎn)業(yè)與科技、商業(yè)、零售、制造、服務(wù)等領(lǐng)域進(jìn)一步融合。
在疫情防控常態(tài)化、科技不斷發(fā)展、人民對(duì)美好生活需求日益提高的背景下，數(shù)字技術(shù)發(fā)展深刻地改變了人們的娛樂方式，大眾消費(fèi)數(shù)字文化產(chǎn)品和服務(wù)的頻次越來越高，尤其是年輕人對(duì)于應(yīng)用最新技術(shù)、新鮮度和體驗(yàn)感強(qiáng)、極具創(chuàng)意和時(shí)尚潮流的數(shù)字產(chǎn)品青睞有加。
隨著虛擬現(xiàn)實(shí)、大數(shù)據(jù)、區(qū)塊鏈、全息成像、裸眼3D、人工智能等高新技術(shù)的加速應(yīng)用，數(shù)字文化產(chǎn)業(yè)取得了爆發(fā)式增長(zhǎng)，行業(yè)內(nèi)生動(dòng)力不斷增強(qiáng)。
根據(jù)西方發(fā)達(dá)國(guó)家經(jīng)驗(yàn)，文化消費(fèi)占消費(fèi)總量比重約30%。根據(jù)2019年的數(shù)據(jù)，我國(guó)人均文化娛樂消費(fèi)支出僅占消費(fèi)支出的4%，可見數(shù)字文化龐大的消費(fèi)市場(chǎng)剛剛起步，未來有非常廣闊的發(fā)展空間。
2021年作為“十四五”開局之年，中央一號(hào)文件《中共中央 國(guó)務(wù)院關(guān)于全面推進(jìn)鄉(xiāng)村振興加快農(nóng)業(yè)農(nóng)村現(xiàn)代化的意見》發(fā)布，國(guó)家鄉(xiāng)村振興局正式掛牌成立，國(guó)家農(nóng)村工作的重心從精準(zhǔn)扶貧全面轉(zhuǎn)向鄉(xiāng)村振興，而鄉(xiāng)村振興的重中之重在于產(chǎn)業(yè)振興。
我國(guó)鄉(xiāng)村擁有豐富的歷史文化名鎮(zhèn)（村）、傳統(tǒng)村落、民族村寨、農(nóng)業(yè)文化遺產(chǎn)、非物質(zhì)文化遺產(chǎn)等文化和旅游資源，文化振興鄉(xiāng)村成為促進(jìn)鄉(xiāng)村新產(chǎn)業(yè)、新業(yè)態(tài)提質(zhì)升級(jí)發(fā)展的重要抓手。
“十四五”期間，文化產(chǎn)業(yè)將進(jìn)一步融入國(guó)民經(jīng)濟(jì)主戰(zhàn)場(chǎng)，尤其在服務(wù)鄉(xiāng)村振興等國(guó)家重大戰(zhàn)略的落地方面將發(fā)揮更為重要的支撐和帶動(dòng)作用。
“元宇宙”來自于英文Metaverse，最早起源自美國(guó)小說家Neal Stephenson在1992年出版的科幻作品《雪崩》，總體是指一個(gè)可以映射現(xiàn)實(shí)世界、又獨(dú)立于現(xiàn)實(shí)世界的虛擬空間，現(xiàn)實(shí)中的人可以使用數(shù)字身份在“元宇宙”中娛樂、社交、學(xué)習(xí)和工作等。
盡管行業(yè)尚未形成最終統(tǒng)一的形態(tài)描述，但隨著全球各大龍頭企業(yè)和行業(yè)KOL入局，“元宇宙”無疑是2021年最受市場(chǎng)關(guān)注的熱點(diǎn)。元宇宙將打破現(xiàn)實(shí)和虛擬世界的邊界，在游戲、社交、娛樂、教育、內(nèi)容、消費(fèi)等領(lǐng)域有著廣泛的應(yīng)用前景，市場(chǎng)普遍認(rèn)為其將帶來互聯(lián)網(wǎng)、文化等系列產(chǎn)業(yè)商業(yè)模式的升級(jí)和市場(chǎng)空間的巨大成長(zhǎng)。
彭博行業(yè)研究預(yù)計(jì)元宇宙市場(chǎng)規(guī)模將在2024年達(dá)到 8000億美元，普華永道預(yù)計(jì)元宇宙相關(guān)經(jīng)濟(jì)市場(chǎng)規(guī)模有望從2020年的500萬美元增至2030年的15000億美元，2020-2030年間的CAGR高達(dá)253%。
Roblox是一個(gè)誕生于美國(guó)的UGC游戲平臺(tái)，于2021年3月在紐交所上市，成為“元宇宙”概念第一股，上市后一直受到全球市場(chǎng)的高度關(guān)注。2021年10月29日，扎克伯格宣布Facebook 正式改名為 Meta，以展現(xiàn)公司對(duì)元宇宙的重視與投入程度，更掀起了全球范圍對(duì)元宇宙的進(jìn)一步熱議。中國(guó)各大龍頭企業(yè)緊隨其后，紛紛入局。
元宇宙的形式及所需要素；資料來源：中信證券《元宇宙的未來猜想和投資機(jī)遇》
元宇宙的市場(chǎng)規(guī)模預(yù)測(cè)；數(shù)據(jù)來源：民生證券《元宇宙核心六問六答，如何看待它就是下一代互聯(lián)網(wǎng)》
NFT（ Non-Fungible Tokens 的縮寫）意為非同質(zhì)化貨幣，是可錨定現(xiàn)實(shí)物品的數(shù)字憑證，由于其獨(dú)一無二、稀缺、不可分割或復(fù)制等特點(diǎn)，可用來代表虛擬收藏品、游戲內(nèi)資產(chǎn)、虛擬資產(chǎn)、數(shù)字藝術(shù)品、房地產(chǎn)等各種資產(chǎn)，與區(qū)塊鏈同被視為元宇宙的兩大核心底層支撐。
2021年，NFT進(jìn)入爆發(fā)增長(zhǎng)階段，目前最大的應(yīng)用領(lǐng)域是數(shù)字藝術(shù)和NFT游戲市場(chǎng)。
長(zhǎng)期來看，各個(gè)行業(yè)領(lǐng)域都可能實(shí)現(xiàn)NFT形式的資產(chǎn)流通，尤其是在元宇宙概念中NFT將扮演重要角色，未來有望成為文化產(chǎn)業(yè)信用評(píng)級(jí)和資產(chǎn)評(píng)估難題的解決途徑。
2021年3月，數(shù)字藝術(shù)家 Beeple 的藝術(shù)品《Everydays:The First 5000 Days》在英國(guó)拍賣平臺(tái)佳士得以6934萬美元賣出，成為當(dāng)時(shí)價(jià)格最貴的NFT藝術(shù)品。2021年12月，被粉絲譽(yù)為“NFT界畢加索”的藝術(shù)家Pak的項(xiàng)目“Merge”（“吞并”）在NFT交易平臺(tái)Nifty Gateway向公眾公開發(fā)售，48小時(shí)后9180萬美元的成交價(jià)格超過杰夫·昆斯拍價(jià)9110萬美元的雕塑《兔子》，在“全球最貴在世藝術(shù)家”排行榜上排名第一。
《EVERYDAYS: THE FIRST 5000 DAYS》（左圖為JPG集合，右圖為其中一幅）
“Merge”（“吞并”）
在國(guó)家鄉(xiāng)村振興戰(zhàn)略指導(dǎo)下，各地依托政府扶持、社會(huì)機(jī)構(gòu)跟進(jìn)和資源資本投入，積極推進(jìn)文化振興鄉(xiāng)村，帶動(dòng)了鄉(xiāng)村文化旅游市場(chǎng)供需兩旺、快速發(fā)展，而短視頻、電商直播等業(yè)態(tài)更是在全社會(huì)范圍內(nèi)加速了鄉(xiāng)村文化的推廣傳播。
在疫情常態(tài)化防控的大背景下，更多客群的關(guān)注度也轉(zhuǎn)向了人口密集度更低的鄉(xiāng)村消費(fèi)場(chǎng)景，山水田園、傳統(tǒng)村落、非遺民俗、民宿美食、康養(yǎng)休閑等鄉(xiāng)村文旅體驗(yàn)迎來更廣闊的市場(chǎng)發(fā)展空間。
2021年2月25日國(guó)家鄉(xiāng)村振興局正式掛牌
表：2021年上半年抖音平臺(tái)“鄉(xiāng)村”內(nèi)容數(shù)據(jù)
圖：企業(yè)側(cè)對(duì)鄉(xiāng)村文旅市場(chǎng)前景看好情況
數(shù)據(jù)來源：中國(guó)旅游研究院&巨量引擎城市研究院《文化賦能旅游，旅游振興鄉(xiāng)村》
習(xí)近平總書記在考察馬欄山視頻文創(chuàng)產(chǎn)業(yè)園的講話中指出：“文化和科技融合，既催生了新的文化業(yè)態(tài)、延伸了文化產(chǎn)業(yè)鏈，又集聚了大量創(chuàng)新人才，是朝陽產(chǎn)業(yè)，大有前途?！痹谛掳l(fā)展階段，文化與科技深度融合發(fā)展的數(shù)字文化顯示出更為重要的戰(zhàn)略意義。
2021年，人工智能、云計(jì)算、大數(shù)據(jù)等數(shù)字技術(shù)加速發(fā)展，5G、數(shù)據(jù)中心等文化新基建不斷落地，文化產(chǎn)業(yè)與新一代信息技術(shù)深度融合，不斷催生智慧文旅體、文化裝備制造、網(wǎng)絡(luò)視聽內(nèi)容、傳統(tǒng)文化數(shù)字化、IP策劃運(yùn)營(yíng)、虛擬文化產(chǎn)業(yè)多種新業(yè)態(tài)和新場(chǎng)景，持續(xù)深化文化與旅游等相關(guān)產(chǎn)業(yè)的跨界融合，不斷加速我國(guó)文化產(chǎn)業(yè)數(shù)字化的轉(zhuǎn)型升級(jí)進(jìn)程。
文化科技融合的代表性場(chǎng)景和相關(guān)技術(shù)融合水平分析
資料來源：《 2021文化科技融合報(bào)告》——騰訊研究院，清華大學(xué)文化創(chuàng)意發(fā)展研究院
習(xí)近平總書記指出：“讓收藏在博物館里的文物、陳列在廣闊大地上的遺產(chǎn)、書寫在古籍里的文字都活起來?！痹趯?duì)傳統(tǒng)文化的創(chuàng)造性轉(zhuǎn)化和創(chuàng)新性發(fā)展理念的指導(dǎo)下，AR/VR、短視頻、直播電商等技術(shù)不斷助力傳統(tǒng)文化“活化”，館藏文物、古典書籍、非遺傳承等融入現(xiàn)代生活和消費(fèi)，實(shí)現(xiàn)了傳統(tǒng)文化的“場(chǎng)景化”、“生活化”和“市場(chǎng)化”，不斷賦能傳統(tǒng)文化企業(yè)的生產(chǎn)模式和商業(yè)模式。
傳統(tǒng)文化視頻評(píng)論熱詞
圖片來源：字節(jié)跳動(dòng)平臺(tái)責(zé)任研究中心《短視頻與傳統(tǒng)文化研究報(bào)告》
2021年，“沉睡三千年，一醒驚天下”的三星堆遺址再驚天下?？脊殴ぷ髡咴谌嵌堰z址新發(fā)現(xiàn)6座三星堆文化“祭祀坑”，并出土數(shù)百余件黃金面具等重要文物，“三星堆遺址考古新發(fā)現(xiàn)”連續(xù)霸占社交媒體的數(shù)條熱搜，而融合了變臉、茶文化、蜀繡等川蜀文化元素、極具世俗煙火市井氣息的三星堆“川蜀小堆”盲盒，以及“三星堆搖滾盲盒”也引發(fā)了全民的持續(xù)關(guān)注。
“IP蛋炒飯”公眾號(hào)撰文稱：“這些4000年前的出土文物，不僅極其貼合當(dāng)代人的審美，甚至比當(dāng)代藝術(shù)玩得更拽、更酷，洋溢著現(xiàn)代主義的的精神、和夢(mèng)境般的想象力，將人性的感覺放大到極致。三星堆有著現(xiàn)代藝術(shù)特有的‘想象力’和‘百變’魅力基因，使之成為了傳統(tǒng)文化中的潮流巨星?！?
三星堆最新出土金面具
三星堆搖滾盲盒
三星堆“川蜀小堆”盲盒
圖源：“IP蛋炒飯”公眾號(hào)《2021-IP年度榜》
虛擬偶像通過繪畫、音樂、動(dòng)畫、CG等形式制作，在虛擬場(chǎng)景或現(xiàn)實(shí)場(chǎng)景進(jìn)行演藝、工作等活動(dòng)。
2021年，隨著中國(guó)二次元用戶數(shù)量持續(xù)增加、數(shù)字技術(shù)不斷進(jìn)步，初音未來、洛天依、一禪小和尚、美妝柳夜熙等虛擬偶像的受眾持續(xù)提升，在直播帶貨、虛擬演唱會(huì)、虛擬偶像選秀等場(chǎng)景中不斷應(yīng)用，并從互聯(lián)網(wǎng)、傳媒等科技含量高的行業(yè)向信息技術(shù)密度低的地產(chǎn)等傳統(tǒng)行業(yè)推進(jìn)，變現(xiàn)路徑向多元化發(fā)展，商業(yè)價(jià)值持續(xù)提升，市場(chǎng)規(guī)模持續(xù)擴(kuò)大。
2021年12月，萬科集團(tuán)董事會(huì)主席郁亮在微信朋友圈發(fā)消息稱：“祝賀‘崔筱盼’獲得了2021年萬科總部?jī)?yōu)秀新人獎(jiǎng)，她催辦的預(yù)付應(yīng)收/逾期單據(jù)核銷率達(dá)到91.44%。”據(jù)報(bào)道，職場(chǎng)女性崔筱盼，是一名在萬科集團(tuán)財(cái)務(wù)部悄悄工作了十個(gè)月的虛擬人，能夠提供7X24小時(shí)的服務(wù)，替代大多數(shù)的人力。
萬科總部?jī)?yōu)秀新人獎(jiǎng)獲得者——“虛擬人”崔筱盼
疫情防控常態(tài)化背景下，直播電商進(jìn)一步成為地方政府、各大機(jī)構(gòu)和品牌吸引消費(fèi)者不可或缺的核心手段，在更好地滿足消費(fèi)者需求、推動(dòng)經(jīng)濟(jì)高質(zhì)量發(fā)展等方面發(fā)揮了積極作用。
據(jù)Fastdata極數(shù)的數(shù)據(jù)，僅2021上半年，中國(guó)直播電商交易額超萬億元，同比增長(zhǎng)超兩倍。隨著行業(yè)競(jìng)爭(zhēng)的加劇、政府管理的規(guī)范及用戶認(rèn)知的成熟，直播電商步入下半場(chǎng)發(fā)展格局，將進(jìn)入精細(xì)化、規(guī)范化的運(yùn)營(yíng)管理時(shí)代，迎來公平競(jìng)爭(zhēng)的市場(chǎng)環(huán)境。
直播電商用戶滲透率
直播電商競(jìng)爭(zhēng)格局
數(shù)據(jù)來源：Fastdata極數(shù)《2021年中國(guó)直播電商行業(yè)報(bào)告》
2021年10月20日淘寶主播銷售榜顯示，當(dāng)日“雙十一”預(yù)售第一天，李佳琦直播銷售額達(dá)到106.53億元，薇婭直播銷售額為82.52億元，彰顯了電商直播驅(qū)動(dòng)經(jīng)濟(jì)發(fā)展的超強(qiáng)動(dòng)力。
2021年12月20日，浙江省杭州市稅務(wù)局稽查局查明，薇婭在2019年至2020年期間，通過隱匿個(gè)人收入、虛構(gòu)業(yè)務(wù)轉(zhuǎn)換收入性質(zhì)虛假申報(bào)等方式偷逃稅款6.43億元，其他少繳稅款0.6億元，依法追繳稅款、加收滯納金并處罰款共計(jì)13.41億元。
目前，我國(guó)成為全球范圍內(nèi)擁有核心電競(jìng)愛好者最多的區(qū)域，是全球極具電競(jìng)商業(yè)價(jià)值的市場(chǎng)。在新興技術(shù)推動(dòng)和國(guó)家政策支持下，世界級(jí)電競(jìng)賽事在中國(guó)舉辦以及EDG奪冠，電競(jìng)直播更加火爆，電競(jìng)產(chǎn)業(yè)徹底出圈，帶動(dòng)用戶規(guī)模迅速增長(zhǎng)。
未來，我國(guó)電競(jìng)市場(chǎng)規(guī)模還將持續(xù)穩(wěn)步上升，進(jìn)一步帶動(dòng)游戲等周邊產(chǎn)業(yè)發(fā)展。
數(shù)據(jù)來源：《銀河證券：電競(jìng)行業(yè)深度報(bào)告——產(chǎn)業(yè)發(fā)展正當(dāng)時(shí)，電競(jìng)奪冠承勢(shì)起》
2021年《英雄聯(lián)盟》全球總決賽在冰島首都雷克雅未克落幕，來自中國(guó)LPL賽區(qū)的EDG戰(zhàn)隊(duì)與衛(wèi)冕冠軍、韓國(guó)LCK賽區(qū)的DK戰(zhàn)隊(duì)打滿五局，最終以總比賽3-2戰(zhàn)勝對(duì)手，奪得隊(duì)史首個(gè)冠軍?！癊DG奪冠”在國(guó)內(nèi)外的社交平臺(tái)上引發(fā)巨大反響，熱浪席卷整個(gè)社交媒體，尤其引得以多所高校為代表的中國(guó)粉絲沸騰狂歡。
近年來，密室逃脫、劇本殺、鬼屋、以狼人殺為代表的桌游等線下沉浸式娛樂場(chǎng)景，因其更強(qiáng)的娛樂體驗(yàn)和社交屬性、更高的客單價(jià)及更快的內(nèi)容迭代等特點(diǎn)，在綜藝節(jié)目帶動(dòng)下逐漸大眾化，帶動(dòng)全產(chǎn)業(yè)鏈條快速發(fā)展。在全息投影、聲光電等技術(shù)加持下，店鋪數(shù)量和行業(yè)規(guī)模大幅增長(zhǎng)，但行業(yè)整體尚處于分散階段。雖然2021年線下娛樂場(chǎng)所因疫情影響受到重挫，沉浸式娛樂依然代表著未來線下的重點(diǎn)發(fā)展方向。
2016年3月，芒果TV推出大型實(shí)景明星推理綜藝秀《明星大偵探第一季》，主打“燒腦劇情”和“懸疑推理”的綜藝模式，即節(jié)目每期以某一特定故事為背景，玩家在案發(fā)現(xiàn)場(chǎng)搜證、集中推理，并向偵探玩家闡述不在場(chǎng)證明，最后完成指認(rèn)兇手的過程。根據(jù)國(guó)盛證券統(tǒng)計(jì)數(shù)據(jù)，截至2021年《明星大偵探》已更新至第六季，累計(jì)播放量達(dá) 41.4 億。
數(shù)據(jù)來源：艾媒咨詢《2021年中國(guó)劇本殺行業(yè)用戶研究及標(biāo)桿企業(yè)案例分析報(bào)告》
根據(jù)中信證券《基于B站熱度的Z世代消費(fèi)指數(shù)構(gòu)建》一文中的定義：“Z 世代”是指1995-2009 年出生于世紀(jì)之交的“網(wǎng)生一代”，人口規(guī)模約2.64億，占我國(guó)總?cè)丝诒戎丶s19%。
Z世代的成長(zhǎng)過程伴隨著我國(guó)經(jīng)濟(jì)建設(shè)和城鎮(zhèn)化的突飛猛進(jìn)，以及互聯(lián)網(wǎng)尤其是移動(dòng)互聯(lián)網(wǎng)的高速發(fā)展，因此展現(xiàn)出全新的世代特征。
隨著首批Z時(shí)代逐漸步入職場(chǎng)成為消費(fèi)主體，文娛、服飾、美妝、食飲、社服、家電等多個(gè)行業(yè)都迎來“亞文化”帶來的全新發(fā)展機(jī)遇。盲盒潮玩、國(guó)產(chǎn)服飾、輕奢國(guó)貨、新興餐飲、硬核科技等不同賽道，憑借年輕消費(fèi)群體的需求和偏好不斷“破圈”，成為文化產(chǎn)業(yè)的新消費(fèi)潮流。
偏好中國(guó)本土化國(guó)潮、國(guó)風(fēng)元素 Z 世代占比
數(shù)據(jù)來源：中信證券《基于B站熱度的Z世代消費(fèi)指數(shù)構(gòu)建》
區(qū)別于傳統(tǒng)的大型、重型文娛，“碎片化內(nèi)容消費(fèi)”、“時(shí)間靈活自由”的快文娛，以輕、快、省時(shí)觀看的各種短視頻、微漫畫、輕小說、輕游戲等內(nèi)容為主。
根據(jù)芒果TV數(shù)據(jù)調(diào)查報(bào)告，Z世代偏好信息量密集、劇情推進(jìn)緊湊、內(nèi)涵豐富等有品質(zhì)的內(nèi)容，有拖進(jìn)度、提速看等消費(fèi)特征，更愿意為興趣付費(fèi)，在Z世代領(lǐng)軍的文娛消費(fèi)環(huán)境下快文娛成為消費(fèi)主流。
數(shù)據(jù)來源：芒果TV《95后&00后視頻用戶行為研究》
私域流量是指沉淀在品牌或個(gè)人渠道、可隨時(shí)反復(fù)觸達(dá)、實(shí)現(xiàn)一對(duì)一精準(zhǔn)運(yùn)營(yíng)的用戶流量。
隨著互聯(lián)網(wǎng)滲透率登頂，流量紅利消退，公域流量獲客成本昂貴，各大平臺(tái)抽傭比率居高不下，商家逐步將經(jīng)營(yíng)重點(diǎn)從公域流量轉(zhuǎn)向?yàn)橛脩羧芷趦r(jià)值服務(wù)的私域流量已經(jīng)成為必然趨勢(shì)，以微信、小程序、視頻號(hào)、企業(yè)號(hào)、社群、直播等為代表的私域流量的運(yùn)營(yíng)能力成為企業(yè)及品牌的新核心競(jìng)爭(zhēng)力。
私域流量 VS 公域流量
數(shù)據(jù)來源：光大證券《交還電商的舞臺(tái)和話筒給商家——私域流量行業(yè)深度系列報(bào)告》
2021年品牌私域營(yíng)銷布局情況
數(shù)據(jù)來源：億邦動(dòng)力研究院《2021垂直類電商私域化洞察報(bào)告》
2021年1月，微信在公開課Pro上發(fā)布數(shù)據(jù)稱：2020年度小程序電商GMV在2019年8000億人民幣的基數(shù)上，整體交易額繼續(xù)增長(zhǎng)100%，人均交易金額提升了67%。
2021年4月騰訊營(yíng)銷洞察（TMI）和波士頓咨詢（BCG）發(fā)布的《2020社交零售白皮書》中指出：在所有消費(fèi)者中，有79%過去一年曾在私域消費(fèi)；其中72%消費(fèi)者在私域中購(gòu)買客單價(jià)超過100元；購(gòu)買后，70%消費(fèi)者表示愿意在私域進(jìn)行復(fù)購(gòu)；80%消費(fèi)者愿意在私域進(jìn)行分享；其中48%消費(fèi)者至少每月購(gòu)買1次。以上多項(xiàng)增長(zhǎng)數(shù)據(jù)意味著私域流量帶來的市場(chǎng)規(guī)模還將繼續(xù)擴(kuò)大。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：新榜
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn