홈
탐색내 채널Discord 참여
요금제
서비스 이용약관개인정보 처리방침
새로 만들기
每日 UI 动效一览

每日 UI 动效一览

공개
brownsun
brownsun

每日一张图片笔记,带你认识一个 UI 动效:叫什么、怎么用、长什么样

每日 UI 动效一览
每日 UI 动效一览2026. 06. 26. 08:09:50

UI 动效 004:Rubber Band,拖到边界为什么会「弹」回来

这期拆解 Rubber Band / Elastic Overscroll 回弹边界动效:它适合列表、抽屉和拖拽面板的边界反馈,关键是先压缩越界位移,再用带速度的 spring 回到 0。

每日 UI 动效一览
每日 UI 动效一览2026. 06. 25. 16:29:29

UI 动效 003:Slot Machine,数字为什么要像滚轮一样翻过去

这期拆解 Slot Machine 数字滚轮动效:它适合金额、积分、抽奖结果等数值变化场景,核心实现是固定遮罩窗口、移动数字长条,并用先快后慢的节奏吸附到目标值。

每日 UI 动效一览
每日 UI 动效一览2026. 06. 25. 08:10:40

认识淡入换场:它适合无强关联的页面切换,用先淡出、再淡入的节奏,让导航变化更柔和。

每日 UI 动效一览
每日 UI 动效一览2026. 06. 24. 11:58:04

认识共享元素转场:它如何把卡片、列表项或图片自然带入详情页,并让用户清楚感到页面跳转的来处。

더 이상 콘텐츠가 없습니다