一、底部標簽欄主題化設計

1、底部標簽欄圖標主題

在不改動結構的情況下，替換底部標簽欄圖標是最方便的形式。通過主題化的圖標也非常容易傳遞氛圍，無論是在節日慶典、購物季、主題活動等場景中，這個形式都是最直觀的表達之一。

比如優酷 APP 在中秋節的時候，就將底部標簽欄圖標替換為各式各樣的月餅造型，主題營造也是非常的明顯。將原本的圖標造型融入到月餅圖案中，鑲嵌圖案的設計非常巧妙，不僅保留原本的識別特征，也強化了主題氛圍感。

除了在圖標造型上面發揮以外，也可以將主題文案融入到設計中，這也是較為直接的表現形式。作為特定主題來說一目了然，需要把控主題文案數量。

2、底部標簽欄背景層

底部標簽欄的設計中，除了通過圖標設計附和主題之外，也可以在背景層進行主題氛圍營造。由于底部屬于操作頻繁區，背景層的設計不能過于搶眼，容易干擾功能的識別與操作。比如前段時間抖音 APP 將底部標簽欄背景層進行主題營造的時候，在黑色層上面運用的色調比較深一些，與原本黑色的沉浸式體驗有差異，在白底上面呈現效果還可以。

沒過多久抖音設計團隊便進行了更新，壓暗了背景元素的色調，弱化了視覺感。更符合原本的感官體驗習慣，也能強化主題感。

除了抖音以外，小紅書 APP 前段時間也在底部標簽欄背景層上面進行了營造。如果營造面積比較大的話，在無圖標形式（純文字版底部標簽欄）上面比較適合。如果帶有圖標的話，適合做局部強化。

二、頂部視覺區強化主題感

頂部視覺區包含狀態欄、導航欄和頂部內容區域，通常是白底、灰底、品牌色底和運營主題背景等為主。也是強化視覺感的常見區域，作為營造主題氛圍來說也是非常好的選擇。

該區域不僅可以作為功能性活動入口，也能在特殊時間段作為氛圍營造。很多產品都會在頂部視覺區域做應變處理，滿足多場景的需求發揮。

頂部視覺區的強化也是增強頁面感官體驗的方式之一，除了靜態背景的營造以外，也可以使用動態或者流體漸變等形式。

三、金剛區圖標設計主題化

金剛區也是作為主題化設計最常見的區域，由于該區域像百變金剛一樣，較強的靈活性方便元素替換和重組。

1、圖標主題化

在一些特定主題日活動中，可以將金剛區圖標替換為帶有主題元素的設計，以此增強活動氛圍。通常是階段性時間內展示，可以是圖標造型層面主題化，也可以是主題文案鑲嵌在圖標造型中，靈活性相對比較高。

2、局部動效化表達

除了整體金剛區變動以外，也可以在局部圖標上進行設計發揮，這樣帶來的干擾性比較低。通常是以圖標微動效為主，以此來突出個別功能和活動主題等。不適合過度動效，容易互相干擾，適合局部動效化表達，突出局部內容的關注度。

金剛區作為曝光度較高的區域，經常作為流量分發的關鍵場景，主題化發揮也是非常具備靈活性的。

小結

產品設計除了常規性的視覺升級和功能優化以外，主題化設計也是至關重要的，可以讓用戶時刻感受產品的變動。一成不變的體驗使用時間長了也會麻木，結合節日慶典和一些主題活動進行視覺呈現，可以在感官體驗層面得到提升。

本文觀點屬于個人經驗總結，不足之處歡迎大家補充，我們互相進步。

作者：黑馬青年

轉載請注明：學UI網》UI 場景中常見的 3 個主題化區域

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

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

藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司