一、從「月之暗面」到「月之亮面」

Moonshot AI 團(tuán)隊(duì)獨(dú)具匠心，將「Kimi 智能助手」的淺色模式命名為「月之亮面」，深色模式則稱作「月之暗面」。這一命名既與公司中文名「月之暗面」相契合，又賦予科技以詩意。整體設(shè)計(jì)上，巧妙引入「月相」隱喻，每種模式配以相應(yīng)的月相 emoji 圖形，創(chuàng)意與趣味并存。這種與品牌相關(guān)的隱喻選擇，不僅增強(qiáng)了用戶的情感共鳴，更成功塑造了品牌的獨(dú)特個(gè)性。

二、怎樣通過用戶熟悉的物理意象來展現(xiàn)抽象的交互行為？

當(dāng)啟用 iPhone 的「飛行模式」時(shí)，你會(huì)看到一個(gè)小飛機(jī)圖標(biāo)優(yōu)雅地從屏幕頂部狀態(tài)欄左側(cè)飛入視野；而當(dāng)你關(guān)閉此模式時(shí)，這架小飛機(jī)則會(huì)向屏幕右側(cè)飛去，直至消失在天際。同樣，當(dāng)你將手機(jī)調(diào)至「勿擾模式」時(shí)，頁面頂欄會(huì)上演一場月蝕動(dòng)畫，取消該模式時(shí)，月蝕圖標(biāo)則會(huì)慢慢淡出視線。這些精致的動(dòng)畫效果，都巧妙地運(yùn)用了用戶熟知的物理意象，將抽象的交互行為具象化，使得手機(jī)模式的切換變得直觀且富有情趣。通過這種隱喻手法，復(fù)雜的手機(jī)功能被轉(zhuǎn)化為更易懂、更親近的視覺符號，幫助用戶更快地理解與掌握。

三、如何巧妙將品牌元素融入會(huì)員等級設(shè)計(jì)？

「網(wǎng)易云音樂」的會(huì)員成長等級及特權(quán)展示，結(jié)合了貫穿產(chǎn)品始終的黑膠唱片轉(zhuǎn)動(dòng)元素來做信息可視化呈現(xiàn)。不僅為翻看不同會(huì)員等級的交互過程增加了趣味性，每次等級切換都如同轉(zhuǎn)動(dòng)黑膠唱片，更在視覺與交互上保持了產(chǎn)品的概念與元素統(tǒng)一，進(jìn)一步強(qiáng)化品牌形象。這種與品牌緊密相關(guān)的隱喻設(shè)計(jì)，不僅增添了用戶體驗(yàn)的豐富性，也進(jìn)一步傳達(dá)了「網(wǎng)易云音樂」獨(dú)特的品牌個(gè)性和核心理念。

四、充滿幽默感的產(chǎn)品操作控件設(shè)計(jì)

ImgPlay 是一款操作簡單有趣的 gif 動(dòng)態(tài)閃圖制作 App，可將相冊里的視頻、照片或者 Live 照片經(jīng)過裁剪與參數(shù)調(diào)整加工成需要的 gif 動(dòng)畫。在 gif 制作界面，速度調(diào)節(jié)控件以兔子和烏龜為圖標(biāo)，分別象征快速和慢速，這種幽默的設(shè)計(jì)不僅為操作過程增添樂趣，更巧妙地通過隱喻將抽象的速度概念轉(zhuǎn)化為直觀易懂的圖形符號。類似的設(shè)計(jì)理念在 bilibili 和 iOS 系統(tǒng)中也有所體現(xiàn)，都是「隱喻」在交互設(shè)計(jì)中的巧妙運(yùn)用。

五、bilibili 播放界面的圖標(biāo) hover 小彩蛋

bilibili 播放界面下方的小圖標(biāo)，在 hover 狀態(tài)下都擁有精巧的微交互動(dòng)畫。當(dāng)調(diào)節(jié)音量時(shí)，小喇叭圖標(biāo)會(huì)呈現(xiàn)聲波震動(dòng)的動(dòng)態(tài)；切換到寬屏模式，圖標(biāo)則形象展示拉伸效果。這些微妙而動(dòng)感的設(shè)計(jì)，雖不復(fù)雜，卻為交互過程增添了趣味性和生動(dòng)感，使操作更加自然順暢，也更符合用戶的心理預(yù)期和直覺。

六、b 站「彈幕設(shè)置」里的奔跑小人兒

在 bilibili 的彈幕設(shè)置中，我們再次見證了隱喻設(shè)計(jì)的巧妙運(yùn)用。當(dāng)調(diào)節(jié)彈幕速度時(shí)，界面上奔跑的小人兒代表「快速」彈幕，而慢走的小人兒則象征著「慢速」。這種設(shè)計(jì)與之前提到的畫面速度調(diào)節(jié)中的兔子與烏龜圖標(biāo)異曲同工，都是通過隱喻的手法，將抽象的速度概念轉(zhuǎn)化為直觀、易懂的圖形符號。這樣的設(shè)計(jì)不僅使用戶對速度調(diào)節(jié)有更直觀的感知，同時(shí)也為交互過程增添了不少趣味性，讓用戶在享受便捷操作的同時(shí)，也能感受到設(shè)計(jì)的巧思與溫度。

七、電子書也有包書皮的儀式感

「蝸牛讀書」為電子書的管理設(shè)計(jì)引入了「包書皮」的概念。在「我的書桌」頁面，點(diǎn)擊右上角的「整理」按鈕，會(huì)呼出「包書皮」的選項(xiàng)界面。用戶可為電子書披上精美書皮，既美化閱讀界面，又能通過同款主題（如「想讀」、「二刷」、「已讀」）對書籍進(jìn)行有序分類，既美觀又實(shí)用。此舉不僅增添了儀式感，還巧妙地將常規(guī)分類書簽與包書皮結(jié)合，既減少了用戶主動(dòng)分類的繁瑣操作，又通過這一富有趣味性的方式，激發(fā)用戶的整理欲望，輕松完成書籍分類。

八、網(wǎng)易云音樂暖心的「抱一抱」彩蛋

在「網(wǎng)易云音樂」的評論區(qū)，隱藏著溫馨的「抱一抱」彩蛋。只需在任意歌曲評論區(qū)，用雙指輕輕捏合，便會(huì)觸發(fā)兩個(gè)小人擁抱的動(dòng)畫，同時(shí)被擁抱的評論區(qū)作者頭像上會(huì)顯示「收到了抱抱」的提示，這一設(shè)計(jì)充滿了溫暖和愛意。通過將隱喻與手勢交互的巧妙結(jié)合，不僅為設(shè)計(jì)注入了情感，更深化了品牌的核心價(jià)值觀與理念，傳遞出「網(wǎng)易云音樂」對用戶的深切關(guān)懷。

以上就是本期的內(nèi)容，希望能為大家?guī)韱l(fā)和收獲。請不吝點(diǎn)贊、收藏或留下寶貴評論，大家的支持將是我持續(xù)創(chuàng)作的動(dòng)力。同時(shí)，誠摯邀請更多小伙伴加入我們，成為「細(xì)節(jié)獵人」作者團(tuán)隊(duì)的一員，一起發(fā)現(xiàn)產(chǎn)品設(shè)計(jì)的美好 ：）
「細(xì)節(jié)獵人」主頁 https://www.uisdc.com/hunters
「產(chǎn)品知識索引」 https://www.uisdc.com/alltopics#app
「細(xì)節(jié)獵人」投稿通道 https://www.uisdc.com/contribution?type=hunter

AmberDu小白