情感化設計

最近「瑞幸咖啡」攜「貴州茅臺」推出了年度重磅產品 ——「醬香拿鐵」，細心的朋友會發現「瑞幸」公眾號的頭像在原先的小鹿的基礎上加上了一個小紅點，就像是一只喝得微醺臉紅的小鹿。這...

「騰訊視頻」對熱播劇《長相思》上線了一些特殊的彈幕彩蛋設計，除了之前提到的關于回憶劇情的逆向彈幕設計，還有一些巧妙還原劇情的彈幕特效。比如出現療傷劇情時，會觸發彈幕被藥物治療...

「網易云音樂」在「七夕情人節」上線了超浪漫的告白助攻彩蛋。在搜索框輸入「@」符號以及你想要送出告白的對象名字，即可觸發節日彩蛋，獲得專屬的七夕音樂藏頭詩。告白藏頭詩組成專屬愛...

Unsplash是一個提供高品質免費圖片素材資源的網站。Unsplash 的網站設計簡約大氣，以突出展現圖片資源自身為主，但依舊有一些展現小巧思小情懷的設計細節。比如在「加入...

「bilibili」網頁端主站的夏季版頭為我們帶來了清涼的海底世界主題。鼠標移動到版頭畫面上左右晃動，畫面里潛水的2233娘以及海里的魚、海龜、深海植被等都會隨之動起來，很有...

有不少與內容結合很巧妙的彈幕設計優質案例 ，最近又發現了一個很有巧思的「逆向彈幕」設計，展現劇集中時光倒流的回憶片段。在「騰訊視頻」的熱播劇《長相思》里，每當主角開始講述回憶...

「騰訊視頻」針對最近的主推劇《長相思》專門設計了電視劇進度條的紅色木槿花彩蛋。木槿花是貫穿女主人生各個階段的重要劇情元素，也見證著復雜的情感糾葛。播放進度條除了圖標變成木槿花...

近期熱門上映的電影中，電影《芭比》以粉色系布景尤為出圈。Google搜索針對該電影也準備了一點小驚喜。在Google搜索頁面輸入「芭比」兩個字，會出現滿屏的粉色煙花，同時頁面...

「iOS系統」自帶的 「iMessage」在海外用戶量很大，功能也很豐富。除了常見的擬我表情貼紙、相機特效等功能，還隱藏著豐富的特效功能。編寫信息后，按住輸入框右側「發送」圖...

「Eagle」的官網使用教程文字底部的評價動效借鑒了現實的隱喻，即「有幫助-點頭」「沒幫助-搖頭」，與很多「花里胡哨」的評價功能設計相比，更加簡潔明了、清晰易懂，又不失趣味性。

「Rive 」官網右上角的開始按鈕鼠標懸停后，背后會有貓爪來偷襲鼠標指針。而網站首屏的中心按鈕動效特別長，包含完整的宇航員進入火箭準備發射過程。作為一個動效設計軟件在官方網站...

在「知乎」首頁查看推薦內容，當下拉刷新列表時，頂部出現知乎小豬IP奮筆疾書的小動畫，仿佛小豬正在加急寫新內容，即貼合場景也符合平臺定位。刷新結束后頂部會顯示刷新條數+配置文案...

「即刻」APP用戶個人主頁的頭像下拉后會顯示微笑愛心表情，松手后頭像會彈回原位，出現撞擊愛心功效。趣味性和細節拉滿，讓人驚喜。投稿人：貓小豆

iOS端自帶的天氣APP動效做得十分細膩靈動，氛圍感拉滿。遇到雷暴天氣時，打開天氣APP，可以看見雨滴會打在卡片的上方，濺起小水花。下拉或上滑時，雨滴還會隨著卡片的位置變化，...

在「閑魚」海鮮市場專欄，查看今日新鮮事等更多同類型內容時，與其他社交、內容類產品的點贊不同，除了常規的分享評論外，可以對發布內容進行「表態」，位于卡片右下角的表態按鈕除了表情...

「小宇宙」APP采用了卡片設計作為導航承載，展示更多選項的同時用有趣的動畫交互達到更生動的展示效果。導航選項收起時，還帶有自然的縮回效果，讓整體的交互體驗更靈動。卡片式導航不...

橙V用戶在「大眾點評」抽中免費試名額時，除了已設置的短信通知，在進入詳情頁后，立即出現的祝賀彈窗，通過光芒閃爍和禮花效果，加上加粗標題和人數提示、明顯的「我中獎啦！」大按鈕，...

NBA季后賽剛剛結束，掘金隊贏得了2023季后賽冠軍。當用戶在「Google」搜索NBA時，除了常規內容面板，頁面會自動升起滿屏煙花，向用戶表達慶祝奪冠的喜悅，用戶可以點擊煙...

「喜茶GO小程序」的產品詳情頁會通過搖晃奶茶的小動效，引導買家向下滑動頁面，進行飲品的口味選擇。情感化的小細節設計，為交互過程增添趣味性和互動感，起到較好的引導作用。

「即刻」App有個「今天不開心」的圈子，大家可以在這個圈子里分享不開心的經歷，尋求安慰與關懷。該話題下發布的內容，點贊圖標都會變成「要抱抱」的圖案，互動起來還有擁抱動效，情感...