做触控用这Skill连上反馈

为移动端手势和动画应用动画原理。

mobile-touch 是把动画原则用于移动手势与反馈的 Skill。它讨论按下、拖拽、滚动惯性、页面过渡和触觉怎样配合,帮助用户知道操作正在发生。

手指拖动时,界面应跟着当前位置走;松手后的惯性才看速度和落点。若第二次手势打断第一段,仍要保持状态连贯,不能只为播放完动画而卡住输入。

触觉是补充,成功或错误还需可见信息,设备设置也可能关闭震动。原文的时长、帧率和“不要线性”是设计取向,不是适用于所有交互的铁律。

适合用实际任务检查手感,考虑安全区域、设备刷新率与减少动态效果偏好。平台代码只是局部示例,本文未运行;只套一组弹簧参数,不证明连续性、可中断性或性能已经达标。

分类:编程开发

来源仓库:dylantarre/animation-principles

适合用来做什么

  • 设计一个iOS应用的手势交互方案。
  • 为Android应用添加触觉反馈效果。

安装 mobile-touch

npx skills add https://www.iskills.cc/skills/dylantarre/animation-principles/mobile-touch/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 mobile-touch 的用途与原始说明

浏览全部 Skill 指南