大家好，我是優設獨家欄目「細節獵人」的主編小白@-AmberDu 白-。
本期《主編出品！盤點產品設計細節》系列，將帶您探索 App 產品設計中別致的「隱喻設計」實例。在設計領域，「隱喻」（Metaphor）是通過比較或類比不同但相關聯的概念，將用戶熟知的事物和概念與產品的功能及操作相融合。這種手法能讓陌生復雜的操作變得簡單易懂，助力用戶更快上手。不僅能提升產品的易用性與親和力，幫助用戶更深刻地理解信息，優化使用體驗；還能增強產品的記憶點，觸發用戶的情感共鳴。
Moonshot AI 團隊獨具匠心，將「Kimi 智能助手」的淺色模式命名為「月之亮面」，深色模式則稱作「月之暗面」。這一命名既與公司中文名「月之暗面」相契合，又賦予科技以詩意。整體設計上，巧妙引入「月相」隱喻，每種模式配以相應的月相 emoji 圖形，創意與趣味并存。這種與品牌相關的隱喻選擇，不僅增強了用戶的情感共鳴，更成功塑造了品牌的獨特個性。
當啟用 iPhone 的「飛行模式」時，你會看到一個小飛機圖標優雅地從屏幕頂部狀態欄左側飛入視野；而當你關閉此模式時，這架小飛機則會向屏幕右側飛去，直至消失在天際。同樣，當你將手機調至「勿擾模式」時，頁面頂欄會上演一場月蝕動畫，取消該模式時，月蝕圖標則會慢慢淡出視線。這些精致的動畫效果，都巧妙地運用了用戶熟知的物理意象，將抽象的交互行為具象化，使得手機模式的切換變得直觀且富有情趣。通過這種隱喻手法，復雜的手機功能被轉化為更易懂、更親近的視覺符號，幫助用戶更快地理解與掌握。
「網易云音樂」的會員成長等級及特權展示，結合了貫穿產品始終的黑膠唱片轉動元素來做信息可視化呈現。不僅為翻看不同會員等級的交互過程增加了趣味性，每次等級切換都如同轉動黑膠唱片，更在視覺與交互上保持了產品的概念與元素統一，進一步強化品牌形象。這種與品牌緊密相關的隱喻設計，不僅增添了用戶體驗的豐富性，也進一步傳達了「網易云音樂」獨特的品牌個性和核心理念。
ImgPlay 是一款操作簡單有趣的 gif 動態閃圖制作 App，可將相冊里的視頻、照片或者 Live 照片經過裁剪與參數調整加工成需要的 gif 動畫。在 gif 制作界面，速度調節控件以兔子和烏龜為圖標，分別象征快速和慢速，這種幽默的設計不僅為操作過程增添樂趣，更巧妙地通過隱喻將抽象的速度概念轉化為直觀易懂的圖形符號。類似的設計理念在 bilibili 和 iOS 系統中也有所體現，都是「隱喻」在交互設計中的巧妙運用。
bilibili 播放界面下方的小圖標，在 hover 狀態下都擁有精巧的微交互動畫。當調節音量時，小喇叭圖標會呈現聲波震動的動態；切換到寬屏模式，圖標則形象展示拉伸效果。這些微妙而動感的設計，雖不復雜，卻為交互過程增添了趣味性和生動感，使操作更加自然順暢，也更符合用戶的心理預期和直覺。
在 bilibili 的彈幕設置中，我們再次見證了隱喻設計的巧妙運用。當調節彈幕速度時，界面上奔跑的小人兒代表「快速」彈幕，而慢走的小人兒則象征著「慢速」。這種設計與之前提到的畫面速度調節中的兔子與烏龜圖標異曲同工，都是通過隱喻的手法，將抽象的速度概念轉化為直觀、易懂的圖形符號。這樣的設計不僅使用戶對速度調節有更直觀的感知，同時也為交互過程增添了不少趣味性，讓用戶在享受便捷操作的同時，也能感受到設計的巧思與溫度。
「蝸牛讀書」為電子書的管理設計引入了「包書皮」的概念。在「我的書桌」頁面，點擊右上角的「整理」按鈕，會呼出「包書皮」的選項界面。用戶可為電子書披上精美書皮，既美化閱讀界面，又能通過同款主題（如「想讀」、「二刷」、「已讀」）對書籍進行有序分類，既美觀又實用。此舉不僅增添了儀式感，還巧妙地將常規分類書簽與包書皮結合，既減少了用戶主動分類的繁瑣操作，又通過這一富有趣味性的方式，激發用戶的整理欲望，輕松完成書籍分類。
在「網易云音樂」的評論區，隱藏著溫馨的「抱一抱」彩蛋。只需在任意歌曲評論區，用雙指輕輕捏合，便會觸發兩個小人擁抱的動畫，同時被擁抱的評論區作者頭像上會顯示「收到了抱抱」的提示，這一設計充滿了溫暖和愛意。通過將隱喻與手勢交互的巧妙結合，不僅為設計注入了情感，更深化了品牌的核心價值觀與理念，傳遞出「網易云音樂」對用戶的深切關懷。
以上就是本期的內容，希望能為大家帶來啟發和收獲。請不吝點贊、收藏或留下寶貴評論，大家的支持將是我持續創作的動力。同時，誠摯邀請更多小伙伴加入我們，成為「細節獵人」作者團隊的一員，一起發現產品設計的美好 ：）
微博：@-AmberDu 白-
qq：1662900478
「細節獵人」主頁 http://www.hx168888.com/hunters
「產品知識索引」 http://www.hx168888.com/alltopics#app
「細節獵人」投稿通道 http://www.hx168888.com/contribution?type=hunter
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
熱評 云Pro