掘金 · 分类· ENCI·· 3 小时前AI 评分60
12 种高级 UI 交互效果及对应 AI 提示词拆解
12 种高级 UI 交互效果及对应 AI 提示词:从按压回弹到底部抽屉的物理感教学
AI 导读
作者拆解了 12 种高级 UI 交互效果,包括按压回弹按钮、弹性开关、波纹跟随手指、点赞烟花、勾选画出来、液态滑块等,并为每种效果给出视觉特征、失败形态和一句可直接使用的 AI 提示词。作者认为高级交互与普通交互的差别在于是否模拟真实世界的物理感,提示词应描述物理行为而非笼统的动效要求。文中还附有可直接运行的 HTML/CSS demo 和提示词对照清单。
来源:掘金 · 分类 · juejin.cn