Renforce
*品牌身份
*創意方向
*數字設計
Renforce 是一個面向復雜技術生態系統組織的運營技術平臺，旨在簡化對定性與定量信息的端到端管理。借助先進的人機協同技術，Renforce 為日常運營提供穩健、高效且簡潔的解決方案。

為了體現 Renforce 在效率與準確性上的價值主張，設計概念取材于“正方形”這一形狀。
正方形是人類最常用的幾何形狀之一，令人著迷的是，如此簡單的形態卻能支撐從復雜技術到大型建筑的各種應用。它象征著精準、高效與簡潔。以正方形為核心元素，品牌標識與設計系統由此構建。

蘭亭妙微(www.devb.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

該網頁聚焦 UI 設計中的膠囊和彈窗設計，展示了大量各類商業活動的 banner 設計案例，涵蓋電商促銷、節日營銷、會員福利、課程招生等多個場景，體現了膠囊按鈕與彈窗在商業設計中的廣泛應用，為相關設計提供了豐富的實踐參考。

該網頁聚焦 UI 設計中的膠囊和彈窗設計，展示了大量各類商業活動的 banner 設計案例，涵蓋電商促銷、節日營銷、會員福利、課程招生等多個場景，體現了膠囊按鈕與彈窗在商業設計中的廣泛應用，為相關設計提供了豐富的實踐參考。

本文主要介紹了字體設計中把控 “形與勢” 的方法及創意形態的挖掘

在 Logo 設計中，將直觀的象征、隱喻與戰略性思考相結合，能讓 Logo 脫穎而出并引發共鳴，而直覺作為設計的關鍵過程，可引導設計師找到最易懂的方案。象征符號能跨越語言快速被理解，其視覺簡約性帶來靈活性和永恒性，隱喻則能在不同概念間建立關聯，增添設計樂趣與記憶點。設計時需在核心采用象征或隱喻、存檔設計稿、用黑白色設計、確保無限縮放、平衡 Logo 并精確檢查，這些原則不僅適用于 Logo 設計，也可延伸到解決個人問題。

新一輪驚天動地的數字革命已經打響， AI 技術帶來的改變令人矚目，引發了持續不斷的驚嘆，同時，也帶來了一些系列的蝴蝶效益，許多人在思考 AI 是否會取代我們現有的工作，恐慌開始蔓延。

我曾也有過這樣的擔憂。如果明天我的老板解雇我，用 AI 取代我怎么辦？直到我深入研究機器學習和 AI 算法相關領域知識，洞見了一些可能性。

現在，我能夠理解為什么大多數人（也包括我在內）會認為人類會被 AI 取代，或許，只是對未知領域充滿恐懼或好奇罷了，這正是人類的天性，會這就是我的看法。既然如此，何不去探索一番…

在平面設計、用戶體驗/用戶界面、前端開發和項目管理領域，我發現現階段的 AI 能力還無法復制人類的創造力和直覺（或許在一個秘密的實驗室，AI 機器人已經覺醒）。然而，使用 AI 工具確實能夠助力我們更加高效和有效的交付工作！

在本文中，我將重點介紹可用于平面設計和用戶體驗/用戶界面設計的 AI 工具/插件，以及能夠提升我們的信心和創造力的優勢功能特性。在這之前，深呼吸一下，和我一起探索…

AI 在平面設計中的應用

最近，我們可能看到許多人在社交媒體上發布關于 AI 生成的照片、藝術作品、3D 模型等內容。令人驚嘆的是，他們可以通過文本提示生成圖像、轉換圖像，甚至讓 AI 創建特定圖像。

在我看來，AI 生成的照片、藝術作品和 3D 模型已經基本可以更快速、更輕松且更有創意地表達我們的想象力。

問題是，我們是否可以將 TA 們用于商業嗎？

如果我們想將這些生成的圖片用于公司或任何行業，我們必須對其進行修改。原因不難猜測，由于每一家企業都有自己的風格偏好、營銷背景和品牌形象，現階段 AI 工具還無法準確生成這些元素（需要我們定向訓練 TA ，也需要我們提供設計方向）。為了增加企業那一份獨特性和個性化，我們現階段只能依賴 AI 完成 50% 的設計工作，而將另外 50% 需要我們的創意輸入和修改。

設計任務的 50% 已經可以依靠 AI 生成，剩余 50% 仍然需要設計師進行傳統化修改。不得不承認，AI 已經可以分擔設計師們一大半的任務。因此，那些非設計專業的外行（也包括一部份設計師）會認為 50% 的設計師應該會被取代，然而，這個觀點非常膚淺，甚至略顯無知。

請看下面的食品海報示例：

使用 AI 工具的好處：

• 為設計特定元素提供有價值的見解
• 為情緒板提供創意設計靈感
• 通過高效的輸出節省時間
• 鼓勵在設計過程中跳出框架思考
• 基于文本提示生成現代、清晰且細致的設計
• 還有更多

值得探索的 AI 工具和插件：

• Adobe Firefly – 可以將文本轉換為圖像并生成驚艷的文字效果。
• MidJourney – 可以創建幾乎任何我們能想到的圖像。
• ChatGPT – 可以回答用戶任何想問的問題。（我們可以讓 TA 編寫特定的提示詞來輸入給 Adobe Firefly 或 MidJourney 生成圖像）

AI 在 UX/UI 設計中的應用

在用戶體驗（UX）和用戶界面（UI）設計中， TA 與前面提到的平面設計有些相似，UX/UI 設計師可以使用 AI 工具來設計網站和移動應用的界面。

只需提供一個文本提示，Uizard 就會生成用戶界面，之后我們可以根據需要進行修改。

使用 AI 工具的好處：

• 在設計網站或移動應用之前，通過頭腦風暴幫助我們生成創意
• 當客戶發送大量反饋文檔時，可以幫助我們閱讀并為總結內容
• 協助整理必要的信息，以創建網站或移動應用的信息架構
• 協助進行用戶體驗文案創作
• 幫助創建網站或移動應用的元素，例如圖標、按鈕或可用的藝術設計
• 協助將草圖轉換為數字線框圖
• 還有更多

值得探索的 AI 工具和插件：

• Uizard – 可以在一分鐘內將創意轉化為設計。
• Adobe Illustrator – 將文本轉換為矢量圖形。我們需要尋找一些精美的創意矢量圖標， TA 也是一個非常不錯的選擇。
• ChatGPT – 可以幫助我們列出優秀的創意、整理重要信息、創建站點地圖、設計信息架構、開發用戶畫像和用戶故事，甚至為我們的網站或移動應用撰寫用戶體驗故事。
• Gemini – 可以識別圖像、語音，生成文本，也可以創建圖像。

給 Gemini 一個清晰的提示，我們可以獲得設計所需的圖像和文案。

值得下載的 Figma 的 AI 插件：

在了解所有優勢特性之后，現在是時候介紹一些 Figma 的插件了，這些插件可以在 2025 年為用戶體驗設計師帶來諸多好處（包括：節省大量設計時間）。

1、Random Name Generator ：一個可以隨意生成名稱的插件。目前大約有 5 萬 9 千名用戶在使用該插件。

2、Rendition AI： 我們可以創建應用設計并獲取該設計的 Tailwind 代碼。目前大約有 3 萬名用戶在使用該插件。

3、MagiCopy – AI 文本生成器-可以幫助我們獲得特定風格的標簽、圖標等內容。目前大約有 1 萬 8 千名用戶在使用該插件。

4、Ando-設計師 AI 助手-可以幫助我們從提示、形狀和圖像中生成數百萬個設計創意。目前大約有 7萬1千名用戶在使用該插件。

5、VisualEyes-可以基于歷史數據模擬用戶測試行為，并找出潛在的可用性問題。目前大約有 3 萬用戶在使用該插件。

6、Astrid Text Generator – 可以幫助我們優化文案。我們只需點擊幾下即可獲得個性化的寫作反饋建議。目前大約有 2 萬 6 千名用戶在使用該插件。

7、Magician – 可以將繁瑣且耗時的任務自動化，讓用戶能夠將精力集中在工作中更具創造性的方面。目前大約有 16 萬 3 千名用戶在使用該插件。

結論

雖然人工智能（AI）是一種強大的工具，但是，根據我一段時間的觀察和使用，目前的人工智能還并不能取代設計師的創造力。而是，作為一位強有力的戰友，增強了設計師的多項能力，并促進了設計交付的穩定性。

不得不承認，在設計領域，AI 技術提升設計能力尤為突出，能夠輔助設計師高效地創造積極的成果。

除設計之外，如果我們能夠善加運用人工智能，其潛力無可限量，能夠打破職業的邊界，助力設計師擴展到多個行業領域。我相信，以這種方式利用人工智能，必定將在各種應用中帶來顯著的優勢。

加油，設計師們！帶著好奇去探索這個人工智能時代吧！

蘭亭妙微(www.devb.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan

在交互設計中，字體的呈現方式是提升信息傳遞效率的重要一環，文字信息層級的處理是否得當，一定程度上會對用戶的視覺體驗有著重要影響。那么在字體設計上，設計師或者相應的業務人員應該如何做好處理，以提升信息傳播的效率和質量？不如來看看作者的總結吧。

文字是設計中的重要組成部分，就像我們平時看到的海報，里面各種被精心設計過的字體經常會成為視覺焦點，以醒目且個性化方式傳達出內容的精髓，最后達到的效果事半功倍。

雖然在UI設計中不需要對文字過分設計，但圖文作為主要的傳播途徑，字體的使用是否規范合理將直接影響著信息傳播的優先級、重要程度以及用戶的接收質量和效率。所以不管是平面設計還是UI設計，字體都是不可忽視的核心元素，做好對文字信息層級的處理，對用戶的視覺體驗有著至關重要的作用。

互聯網經過多年的發展，也積累的很多的專業字體知識，設計師應該去了解字體的性格及特征并將其合理運用，才能將信息更清晰地傳達給用戶。本文將圍繞著字型、字號、字距、字重等幾個屬性，針對各方面深度解析，希望能夠幫到大家。

一、字體的基本特征

1. 使用前的思考

文字是信息內容的載體，能最直接的將信息清晰地表達出來，字體則表現了文字的外在特征，合理地使用這些屬性特征不僅能清晰準確地傳遞信息、用于特定場景還能賦予情感表達，展現出獨特的魅力，例如：健身、器械類的產品使用的字體通常會給人一種力量、剛硬、壯實的感覺，而女性專用產品字體則顯的纖細、苗條。

2. 為什么要使用黑體

不同類型的字體傳達出不同的氣質，綜合來講，字體可分為黑體、宋體、圓體、書法體這四類，平時大家看到的各種形形色色的其他字體，基本是通過這幾類延伸而來。

在UI設計中，絕大多數的文字排版用的是黑體，諸如思源黑體、阿里巴巴普惠體、蘋方（ios）、微軟雅黑（PC web）等都是標準的黑體。另外，特定場景如瓷片區、卡片、banner、專題頭圖、引導頁、閃屏等，對于用什么字體不會有太大的限制，在避免商用侵權的前提下符合產品氣質即可。

黑體字的筆畫橫平豎直、粗細均勻且字面呈正方形，一般來說，沒有襯線的字體都可以稱作黑體。黑體結構清晰、簡潔有力，能讓界面顯得莊重還附有現代感，雖然氣質上沒有太大的個性化、但可塑性很強，這也是在UI設計中、黑體一直很受青睞的原因，無論是標題、正文、提示等使用場景都可以作為首選，對老設計師能多一個選擇、新手設計師也不易犯錯。

3. iOS與Android的區別

iOS與Android是移動設備的兩大系統，雖然很多設計師用一稿適配兩端、遇到特殊頁面也只是單獨拎出來微調即可，但對于中、大型的互聯網公司則很難滿足優質用戶體驗中的部分細微差別，例如：iOS的蘋方字體在Android設備中無法高度還原、預留的文字數量上限位置無法顯示完整等，都會影響用戶體驗。

此外，iOS和Android都有自己獨立的設計規范，大家有時間的可自行查看，本文只對字體規范作基本了解。

iOS使用的是「蘋方」字體，提供了6個字重，英文字體為「San Francisco」；Android使用的是Google聯合Adobe發布的「思源黑體」，為充分滿足設計要求，提供了7個字重，英文字體為「Roboto」。

此外，如果界面中涉及的數據較多，數字使用DIN字體也是不錯的選擇，字體外形較長，易用且耐看，很適合數據統計展示，不過這款字體商用的話需要收費的。

二、字體的基本屬性

1. 字體大小

字號的大小決定信息的層次和權重，不規律的使用字號會讓頁面信息雜亂，不利于用戶閱讀。在設定字號規范時，需特別注意最小值和遞增值。

最小值決定信息的可讀性，以2倍圖為例，iOS11系統將最小字號規范為11pt（22px），但很多產品依然將最小字號設定為20px，甚至部分產品將18px的數字加粗運用在標簽中，所以最小字號的設定并沒有固定數值，原則上不影響用戶的瀏覽就行。筆者建議最小字號不要低于20px，在設計過程中，可以通過設備實時預覽，因為同樣的字號在不同的環境、色值、背景下，其視覺效果都有所區別。

其次，遞增值決定著信息層級區分的明顯程度，遵循字號越大、遞增值越大的原則，常用字號數量控制在6種左右。iOS和Android都是采用的2倍數柵格系統，為了讓字號的層級區分更明顯，字號設定要避開奇數且最小遞增值不要低于4px，下面舉幾個常見的例子：

• 20、24、28、32、40、48、64…
• 20、24、30、36、42、48、64…
• 22、26、30、34、40、48、60…
• ……

規范好的字號該如何使用，還得根據界面中的實際場景來決定，如下圖：

2. 字符間距

字間距是指兩個字符之間的橫向間隔距離，在界面排版中，除了西文的字間距調整需求較大外，中文通常只保持默認，只有少數場景才會手動調整，且沒有固定的規律，保持視覺舒適狀態即可。例如：banner、界面大標題、重要數字（取件碼）顯示等。

3. 行高

行高是指包圍在字體之外的隱形邊框，一個字體元素的的行高等于文字上邊框+下邊框+字號的高度之和。

西文字體因高度的參差不齊，本身就能制造出視覺上的上下空間，通常行高為字號的1.2倍，而中文字體沒有上下間隙的延伸，行高則較大，一般在1.5倍左右，如果字號較小且折行較多，行高甚至能達到字號的2倍。

4. 字重

字重指的是字體的粗細，不同的字重能體現出不同的層級關系，給用戶的視覺感受也截然不同。

像蘋方、思源、阿里巴巴普惠這些家族字體一般都會有極細體、細體、常規體、黑體、粗體等多個字重，在UI設計中，實用的就常規體、加粗兩個字重，再通過色彩、字號使其成為對立關系，明顯的拉開文字內容層級后，方能保持良好的瀏覽體驗。

5. 全角與半角

這種主要針對標點符號，以英文字母為標準，半角是指一個符號占用一個標準字符（英文）的位置，全角則是占用兩個字符位置。

眾所周知，中文使用都是全角、英文使用半角，并且會隨著中/英文的切換而自動改變，但有時候難免會操作失誤讓頁面中的某處信息看著怪怪的卻不明所以、另外中文信息中的時間/日期也大多會使用半角符號，所以設計師對此有一定了解的時候，在處理這些細枝末節就能做到收放自如。

三、不同場景下的屬性參考

在色彩規范中，除主/輔助色之外，設計師還會提供3~4個等級的配色，如通用的#333（標題）、#666（正文）、#999（提示）、#ccc（占位符），這也是UI通用的文字色用色規范，不同的字號需用色規律。

如果想進一步延展，可以增加一點品牌色，也可以使用#000（純黑）調整不透明度來體現文字色彩層級，深色模式中很常見，下面我們一起來了解幾個常見的使用場景。

1. 標題

標題的主要作用是讓用戶以最快的速度了解界面主要信息，需要時刻吸引用戶的注意力，例如APP中的導航欄、模塊標題、內容標題、數據統計等。需要簡單明了且有沖擊力，字號一般會控制在30px以上并加粗顯示，直接使用一級色值（#333）即可。

在特殊場景下，標題也可以使用主體色值，但一定要注意容器背景與其他信息色彩的協調，不然花里胡哨的還不如用回一級色值。

2. 正文

正文并不需要吸引用戶注意力，它主要是提供標題的注釋或內容的詳細說明。

當白色背景文本內容過多、在需要用戶仔細閱讀的情況下，一定要注意顏色不能太深，不然顯的主次不分，還有些刺眼，這里推薦26~30px字號使用二級文字（#666）色值。

3. 提示語

提示類文字使用場景就相對較多，它除了給用戶展示當前狀態，還能給予合理的引導，促進用戶進行下一步操作。常見使用色值為三級（#999）、四級色值（#ccc），例如界面中的操作注意事項、表單占位符等。字號一般為24px，因使用場景不同，也會有特殊的存在，例如表單中占位符的字號會跟隨輸入后的字號統一。

4. 超鏈接

超鏈接在字號、色值上沒有一定的限制，但需要一個特定的輔助元素/屬性來提示用戶這是可點擊的。

例如APP登錄頁面，找回密碼、注冊、獲取驗證碼等，大部分都是用主體色、圖標（右箭頭）等方式強化可操作入口，而PC端網頁中超鏈接的表現方式，下劃線、藍色字體、>>這三種方式幾乎能涵蓋所有。

5. 其他

規范并非不可更改，它只能幫助設計師在大部分使用場景中減少設計出入并提高產出效率，但總有一些使用場景需特殊對待，字體也不例外，如以下場景：

• APP金剛區入口字體大多使用24px，一級色值（#333）；
• 底部Tab欄字體未激活使用淺色，激活后切換為一級色值（#333）或主體色；
• 重量級的提示語用紅色色值；
• 按鈕中的文字跟隨按鈕的等級權重變化；
• 深色容器標簽的文字反白；
• ……

四、字體使用基本原則

1. 符合產品氣質

雖說黑體（蘋方、思源、阿里巴巴普惠）是UI設計中的首選字體，但這也僅僅只是建立在不出錯的的情況下、滿足基本條件而選擇，如果想表達出產品的類型、情感、氣質等品牌屬性，在不影響用戶識別的前提下，可選擇一款符合產品氣質的字體，打造出差異化的瀏覽體驗，對于追求完美的APP來時是一個不錯的解決方案。

例如，部分藝術、女性類的APP會選擇使用宋體，整體看起來有一種高端、時尚且優雅的感覺。

整體界面使用特殊字體還是相對較少，為了更好的體現出產品屬性/風格，將其融入不同的模塊及使用場景，會讓產品更有特色，例如banner、瓷片區、大標題、頭圖等，對用戶的視覺吸引力能得到很大提升。

2. 使用同一家族字體

在一個APP中，堅持使用同一個家族的字體，對標題、正文等文字信息有一個統一的視覺規劃，這樣有助于建立起體系化的設計思路，避免在開發落地時存在一致性問題，減少開發與設計的出入。

筆者曾見過這樣的設計師，界面中原本用了「蘋方」字體，在一個特殊場景下，「蘋方」的粗體字重無法滿足大標題的使用需求，于是將大標題單獨改為「阿里巴巴普惠體」的最大字重。

從表面上看，上述的設計需求是滿足了，但稍有不慎就會成為沒有價值的藝術品，首先，單獨一處使用不同家族的字體，會影響整體視覺的一致性；其次，若程序沒有嵌入另外的字體，產品落地后其視覺效果毫無改觀，且更沒有必要為了某個場景的使用要單獨嵌入幾十到幾百兆的家族字體，讓應用安裝包無故加大。在設計中，有時候在解決某個問題時，解決方案并非無可替代，加粗字體亦是如此。

另外，在可用性、實用性強且必要的情況下，并非不能再增加一個家族字體，例如所有標題系列使用「阿里巴巴普惠體」、數字系列都使用「DIN」，前提是一定要形成體系化，并非某一處的使用。

3. 明確的信息層級

在同一個界面中，字體色值、字號、字重等，都是用于區分信息層級，盡量不要使用過多的層級，避免層級混亂影響信息瀏覽。

在信息層級處理方式的四個基本原則中，「對比」就是將復雜的信息通過元素的各種屬性以不同的視覺效果呈現，來體現信息節奏感，并非是為了好看而隨意給文字賦予各種屬性及樣式效果。

五、UI設計需注意的問題

1. 避頭尾的使用

避頭尾使用在文字內容較多的折行場景中，主要處理標點符號剛好出現在一行文字的開頭或結尾時，通過自動調整單行的字符間距、在視覺上將標點符號前移或后移。

在新聞資訊類應用的詳情頁中，避頭尾使用的較多，用以避免頭/尾存在標點符號造成視覺重量不一、信息參差不齊的問題出現。

2. 反差體現層級

很多時候，為了區分信息層級，首先想到的是利用不同的字號、字重來體現，這當然沒有問題，但如果結合字體的明暗關系（灰度色值等級）則效果更佳。

如下圖：標題一級色值（#333）、正文二級色值（#666）、時間日期三級色值（#999）。

3. 備用字體

備用字體只會運用在web頁面中，如果網站需要一款特殊的字體才能彰顯其獨特的氣質、同時又擔心用戶在某些設備中因為沒有這個字體而無法瀏覽其效果，則會另外再選擇一款相近的通用字體作為備選，以彌補視覺體驗上的損失。

如果字體包不大，也可以讓開發將其放在服務器端，這樣能讓所有用戶都能看到相同的效果，省去了不少麻煩。

4. 確保可讀性

可讀性應該是選擇字體的首要元素，雖說很多文字我們都可以從前后字義、聯想詞等角度將自己的理解補充完整，但完全沒有必要。

UI設計不像海報那樣融入較多的藝術成分，更需要的是內容清晰、表意明確、高效率的傳達，任何增加用戶閱讀、理解成本的做法都應該規避掉，例如過于變形的可愛風格、書法手寫體等都盡量少用。

六、結語

文本內容是UI界面中占比較多的元素之一，設計師需要對其基本屬性及使用場景有一個清晰的了解，使用的是否恰當取決于我們對字體的選擇。雖說在UI領域，字體模塊類的文章比較少（更多是文字、字庫的設計），但它在設計規范中的地位是舉足輕重，選好一款字體對設計來說是錦上添花。

關于UI界面中的字體，其實沒有太多的講究，也沒必要整得花里胡哨，重點在于排版過重中注意信息層級的劃分以及有足夠的視覺舒適度即可。

春節是一個很大的流量池，經過一年時間的勞累，人們有了更多的閑暇時光，這是企業也是內容創作者獲取流量的絕佳時機。

這個春節，我被各大產品的情感化設計萌化了，設計細節太貼心了，極大的增加了產品與用戶的粘性，各大廠都推出了既承載千年文化重量，又具備數字原生形態的新春物種，花樣可謂是百花齊放。

各大廠都紛紛從視覺、社交互動、內容創作展開想象，設計了豐富多彩的春節用戶體驗，下面讓我們來開開眼福，一睹他們的風采，同時也順便學習下，作為設計師的我們有哪些創意出發點？

一、各大廠春節設計的背景

春節，作為中國最重要的傳統節日，不僅承載著深厚的文化內涵，更是一場全民參與的消費盛宴和社交狂歡。在這個特殊的時期，人們的注意力高度集中，圍繞春節展開的各種活動，無論是線上還是線下，都呈現出爆發式的增長。

從電商數據來看，2025年全國網上年貨節期間，全國日均網上零售額同比增長6.2%，累計網絡零售額更是突破7000億元人民幣，同比去年增長9.8%，再創歷史新高。

抖音電商“春節不打烊，財神送福氣”活動中，全域日均支付GMV同比增長56.02%，直播日均支付GMV同比增長46.57%。

快手本地生活“新春團購節”GMV同比大漲117%，新線城市日均支付用戶數環比增長234%，這些驚人的數據，無一不彰顯著春節期間電商消費的強勁活力。

社交平臺上同樣熱鬧非凡。除夕及春晚期間微博活動用戶達2.97億，全站互動超3.1億次，4656萬用戶除夕贏得福運紅包，全國年味相關話題閱讀量破102億。

如何定義B端產品及B端產品經理方法論

相較于C端產品，B端產品最大的特點是：面向特定領域用戶，且數量少得多，但更注重對用戶專業領域操作流程的深度挖掘——也就是專業性更強，與業務的結合更緊密。

查看詳情 >

快手在2025年春節期間，平臺日活用戶規模創歷史新高，春節活動相關視頻總播放量超2000億，直播總觀看量高達150多億，“搖發財樹”紅包活動中，用戶一共搖了57億次紅包。

如此龐大的流量和用戶注意力，為品牌和商家提供了絕佳的展示舞臺。在這個信息爆炸的時代，誰能在春節期間成功吸引用戶的注意力，誰就能在市場競爭中搶占先機。

一個精心設計的廣告、一場別出心裁的互動活動，都有可能在這個流量高峰中迅速傳播，收獲海量的關注和曝光，實現品牌知名度的提升和產品銷量的增長。

下面就讓我們看看各大廠在春節期間都找到了哪些設計機會點？

二、視覺機會點

1、按鈕的設計機會

設計思考：

1. 百度地圖，在按鈕設計上動了小心思，按鈕用動車和燈籠相結合，顏色上也用的大紫大紅，盡顯春節的氣氛。
2. 花瓣，把幾個素材的功能入口做成了紅包形式，畫面效果耳目一新，原來按鈕入口還能如此的多姿好看，年味十足。
3. 農業銀行，功能入口全部由之前玻璃質感的扁平風變成了現在的微質感年味風，圖標的每一個細節都在緊靠春節展開創作，展現了產品的細心和用心。
4. 肯德基，功能入口圖標全部用剪紙風格形式表達，將過年家家戶戶貼窗花的場景搬到了線上，讓用戶盡享年味。
5. 騰訊視頻，將主要功能入口用了故宮的古典建筑和節日的鑼鼓，彰顯了節日的熱鬧，也是不錯的設計著手點。

2、網頁皮膚的設計機會

設計思考：

1. 太平洋汽車，左邊燈籠，右邊靈蛇，甚是歡樂，蛇年氛圍十足。
2. 春秋航空，背景用了極具中國年味的水墨插畫進行表達，畫面中有熙熙攘攘拜年玩耍場景，更有調皮可愛的小蛇帶著帽子在街上行走，飽足了觀眾的眼福。
3. 搜狐，左邊新年祝福語，右邊一個調皮的剪影小蛇嘴里叼著一個燈籠，雖簡潔，也是很能感受到節日的氣息。
4. 萬方數據，左右兩對精致的燈籠，通紅的背景，營造出萬家燈火的感覺，滿滿的吉祥寓意，象征著來年的好運與吉祥。
5. 中華網，滿屏的煙花秀，讓人瞬間想起大年三十除夕夜的煙花，小小的元素也是有著大大的魔力，讓人浮想聯翩。

3、彈窗的設計機會

設計思考：

1. 花瓣的彈窗，用了紅包與燈籠的結合，玫紅色和金色金幣的運用，畫面財源滾進的寓意濃厚。
2. 有道翻譯的彈窗，邊框用了具有中式邊框的造型，左右兩串長長的燈籠，下面還配有祥云，很有意境，紅火的畫面，再將需要凸顯的信息放置在在紫色按鈕上，對比感強烈，信息傳達無比清晰。
3. 應用寶的彈窗，用了漫畫的風格進行表達，按鈕和邊框都運用了中式的裝飾紋樣，緊扣節日主題。
4. 中國電信的這個彈窗，比較討巧，其他的樣式都沿用了日常的樣式，只是在右上角添加了一個小小的煙花造型，氛圍感馬上呈現，對于設計師來說真是省時省力的舉措。
5. 支付寶的彈窗，直接用了轉紅包的視覺創意，將過年的這種人情世故轉到了彈窗中，很親民。
6. 中信銀行的彈窗，運用歡樂的吉祥物形象，外加幾何煙花造型來營造春節氛圍，也是不錯的視覺表達。

4、動效在春節PC端的設計機會

設計思考：

1. 金投網的背景用了一些在空中搖曳的燈籠和福字，讓春節的氛圍額外的濃烈，果然動效是氛圍打造的絕佳利器。
2. 地下城與勇士，它的氛圍打造就更濃郁了，有人有物，場景額外的熱鬧，仿佛看到了過年大家一起賞燈看煙花的場景。

5、動效在春節登錄頁的設計機會

設計思考：

登錄元夢之星和洪恩識字，感覺就像打開了一場煙花秀的視覺盛典，特別是洪恩識字，效果特別的炸裂，數字煙花秀做的特別吸睛。

這樣的動效視覺表現很好的與用戶產生了情感共鳴，拉近了彼此的距離，增加了節日的樂趣。

6、動效在春節APP的設計機會

設計思考：

支付寶在春節期間推出了一款很驚艷的皮膚，畫面中仙氣飄飄，一改之前單調的純色背景，將有中國韻味的敦煌壁畫文化搬上了熒屏，增添了很多喜慶的氛圍和中國味，養顏又養心。

設計思考：

騰訊QQ在過年期間，推出了一個領Q幣的活動還挺有意思，小企鵝穿著厚厚的衣服，手中抱著一個福袋在奔跑，通過這樣的動效引導用戶去領金幣，非常的有意思。

7、Banner在春節的設計機會

設計思考：

Banner是很好進行情感化設計的窗口，也是打造春節氣氛的絕佳寶地，那么這個春節它也一定不會缺席。

1. 優設網在Banner中運用古代門頭和靈蛇結合，再配合煙花，喜慶感倍增。
2. 釘釘在Banner中采用了他們的吉祥物進行了設計，讓吉祥物身穿年服來傳遞節日的氣息，也是不錯的設計出發點。
3. 七貓中華網，運用城市煙花結合寫作的筆進行創作，符合節日屬性同時又與平臺業務相契合，表達的很妙。
4. 創客貼，一改常規的大紅，用了淡雅的黃色，左右兩邊點綴一個燈籠和些許元宵，也傳遞了不一樣的節日氛圍。

三、功能創新機會點

1、微信紅包的微創新

設計思考：

今年的微信紅包，新增了一個隨機的拜年紅包功能，可以隨機的派送紅包金額，并且在紅包的封面上可以長按，說出你想跟對方說的寄語，這個小小功能的精進，讓發紅包這個事情也變得更加有溫度。

微信紅包，還有一個新的創新點，小小的紅包封面變成了產品的宣傳欄，比方說廣汽埃安的這個紅包封面，它既是拜年的寄語欄，又是絕佳的產品宣傳欄，配合動效，特別的酷。

2、百度地圖的微創新

設計思考：

百度地圖在這個春節心系百姓的民生問題，知道人們在這個節日有旅游、探親、出行的需求。

百度地圖開發了人口遷徙監測功能、交通擁堵實時監控功能，讓人們在出行時避開高峰路段，以及人口扎堆的旅游景點。

更有后方快車通過的提醒功能，當后方來了一輛很快的車時，百度地圖也會進行語音播報，提醒車主這時不能隨便變道。

當自己體驗到這個功能的時候，感覺到這不僅僅是簡單的功能了，更是一份對用戶的愛，以及對生命的敬畏。

3、滿足拜年需求的產品功能創新

設計思考：

過年期間，是重溫感情的好機會，朋友間彼此的問候還是很有必要的，那么如何問候，是簡單的文字，還是用更有創意的視頻畫面去表達呢？

發現我們考慮的，很多產品都已經幫我們想好了，比方說訊飛智作、剪映就推出了很多拜年視頻的模板供用戶自己去選擇加工使用。

很大程度提升了用戶制作視頻的效率，也很大程度提升了產品的粘性，為用戶多考慮一點，用戶對產品的依賴也會更多一點。

四、社交互動機會點

1、支付寶的社交互動

設計思考：

發現支付寶在與用戶社交互動這塊做的非常的好，每逢大的節日都會有與大眾互動的運營活動。

比方說元宵節的點福卡活動，萌萌的元宵，再配合微動效，以及引導用戶去點擊的手勢動效，無不是在號召用戶參與進來。

支付寶的五福活動，很有意思，入口的左右兩邊放置一個帥哥和靚妹在接紅包，畫面很有互動感，歡樂性十足，讓人也忍不住去參與集福卡的活動。

五、營銷機會點

春節是消費高峰期，人們有購置年貨、禮品等需求，此時也是各大品牌搞營銷活動的好機會。

1、體驗的營銷案列組一

設計思考：

1. 蘇寧易購，在元宵節推出家電換新補貼20%的政策，滿足了很多人購置新年物品的需求，一定程度上促進產品的轉化。
2. 有道和WPS在春節推出聯合會員，且只有4折，極大的刺激了用戶的復購，以及新用戶的購買。
3. 字由也緊跟節日步伐，在這個特殊的節日展開了“阿里漢儀順利熱土體”的公益發售，促進了字體的發售，就連我這個平時很少購買字體的人來說，也順利下單了，來支持這個公益字體的發售，可以商用，卻只要59.9就能終身商業使用，誰人不心動，字體又這么好看。
4. 農業銀行在這個春節期間推出鄉村農產品的售賣活動，價格實惠，同時又帶著助農的性質，我相信一定會帶來一波不錯的銷量。
5. 長沙銀行也積極推出低利率的貸款活動，吸引人們去貸款。

2、體驗的營銷案列組二

設計思考：

酷我音樂在過年期間，把皮膚設計當成了一種增加會員的刺激手段，一旦成為會員就能享受跟普通用戶不一樣的頭像裝飾。

連音樂播放頁的皮膚也會有更多選擇，可以選擇年味十足的播放頁，這讓成為會員的人有一種偏愛的感覺，很不錯的促銷手段。

產品既能賺到錢，又能滿足一些用戶的需求，多好的共贏方式，擁有著健康的成長生態。

六、阿里春節設計趨勢報告

在阿里UCAN年度設計趨勢報告中，著重強調了設計在商業場景里對用戶行為的關鍵影響。在春節這一特殊時期，流量高峰帶來海量用戶，此時設計的價值尤為凸顯。

報告指出，隨著技術的發展，設計已從單純的視覺美化，轉變為提升用戶體驗和驅動商業增長的核心力量。

以春節紅包設計為例，具備按鈕動效的設計能極大吸引用戶注意力。從心理學角度來看，動態元素更容易刺激用戶的視覺神經，引發他們的好奇心和探索欲。

這與UCAN報告中提到的利用動態設計增強用戶交互體驗的理念高度契合。數據顯示，這種設計使紅包打開率提高了30%，直觀地體現了優秀設計在春節流量高峰下，對提升用戶參與度的顯著效果。

在電商頁面設計方面，UCAN報告強調簡潔直觀且富有創意的界面設計，能有效引導用戶行為。

春節期間，電商平臺流量劇增，那些依據這一理念設計的頁面，通過合理布局商品展示、運用鮮明的春節色彩元素，以及提供便捷的購物流程，成功吸引用戶點擊，提升了商品點擊率和購買轉化率 。

這不僅印證了報告中關于設計要貼合用戶心理和行為習慣的要點，也再次證明了在流量高峰時，優秀設計對商業轉化的巨大推動作用。

七、騰訊春節趨勢報告

微信團隊發布《微信里的賽博年味兒》報告顯示，自制紅包封面玩法流行，春節期間微信里誕生了1億+款用戶創作紅包封面，約3.9億人收到此類自制封面紅包。

微信“送禮物”功能中，書籍品類送禮訂單量環比增長10000%+，收到禮物數目最多的省份前三甲是廣東省、山東省、浙江省。

看到這份趨勢報告，我驚呆了，挖掘一個符合用戶需求的產品功能，能帶動海量用戶的黏性和活躍，不得不說，微信自制紅包的這個功能開發的太好了。

總結

作為設計師，以前只在意產品的視覺和皮膚，沒有站在一個多維的角度去看待一件事情以及背后的邏輯，發現寫作讓我思維更開闊，視角更全面，想事情想的更清楚，看問題看的更明白，感謝這一年來自己筆耕不輟，一直在精進的路上。