動效設計導航欄的「暴力美學」:京東如何用膨脹動畫搶奪視線

產品: 京東獵人: 龍爪槐守望者觀眾: 4.5k人 時間: 2025-04-08

京東

與「京東」有關的細節還有 27查看全部

我也有新發現 我要投稿
導航欄的「暴力美學」:京東如何用膨脹動畫搶奪視線導航欄的「暴力美學」:京東如何用膨脹動畫搶奪視線

細節描述

龍爪槐守望者: Tabbar還能玩出什么花樣?你可能早就看膩了那些紅點提醒和圖標閃爍。每天打開手機,所有App的底部導航欄都像復制粘貼——要么拼命加小紅點,要么硬塞更多功能入口。這種設計就像把十個人塞進電梯,誰都想往前擠,結果誰都看不清。 京東這次搞了個「會呼吸的Tabbar」。當促銷消息來臨時,消息圖標突然變身成商品實物圖,像吹氣球一樣膨脹到原來的3倍大,硬生生把旁邊四個圖標擠開,騰出空間展示「爆款直降59元」這樣的促銷文案。這個會動的圖標就像在一排安靜站崗的士兵里,突然有個家伙跳出來揮旗吶喊,想不注意都難。 打破用戶對導航欄的「視覺盲區」,動態膨脹的形式既不破壞原有布局,用動態變化激活注意力

8.833人評分
收藏 11
分享細節海報

發表評論 為下方 3 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}

你可能還愛看

Apple設計師的小心機,帶我們看見了蘋果的聲音
iOS

設計彩蛋Apple設計師的小心機,帶我們看見了蘋果的聲音

獵人 - AmberDu小白9.5

自從蘋果的系統升級到iOS7,錄音工具的圖標就由之前的麥克風變成了一段錄音的聲波。很長一段時間里我都以為這只是一個純粹的圖形設計,后來才偶然發現圖標的聲波形狀正是“Apple...

查看詳情

#Apple#圖標#聲音

人性化的「京東」物流評價體系~
京東

用戶體驗人性化的「京東」物流評價體系~

獵人 - 戢戢8.2

在「京東」對購買的商品做評價時,如果用戶的打分高于4顆星便會順利完成提交。如果用戶評分少于4顆星,會下拉展示出相關問題供選擇,鼓勵用戶反饋問題以進一步優化和改進京東的服務。只...

查看詳情

#京東#即時反饋#情境預判

「新浪微博」清明上線點贊獻花寄哀思彩蛋
新浪微博

設計彩蛋「新浪微博」清明上線點贊獻花寄哀思彩蛋

獵人 - AmberDu小白0.0

清明節期間,為了追思家國永念,很多平臺都在以自己的方式致敬英雄緬懷故去的人。在此期間,如在「新浪微博」發布內容時帶有「英雄」「清明」「悼念」「哀悼」「英烈」「安息」「半旗」等...

查看詳情

#動效#圖標#微交互