#  重读WWDC18  Designing Fluid Interfaces

By [jooooojo](https://paragraph.com/@jooooojo) · 2022-10-27

---

**根据Apple 设计团队在WWDC18**《**Designing Fluid Interfaces》中所分享，iPhone X界面之所以流畅，核心理念在于Apple把动效视为思维的衍生**

*   遵从人的预期和物理的的趋势
    
*   考究动效的动能，阻尼，弹性
    
*   非线性动效，只能从单个事件的起点0~1，而是根据手势判断随时可在多个动效事件中切换
    
*   拒绝延迟，让动效跟上你的思维。尝试预判用户动作
    
*   空间一致性：界面进入退出的动效是符合逻辑的，例如自上而下，自左而右。退出则相反
    
*   手势、动效和视觉的紧密联系：使用动效提示用户该使用什么手势
    
*   交互根据手势的终点随时被触发or取消处罚
    
*   多重手势的判断，使用iOS的PanGestureRecognizer，手指移动10pt时从点击行为变成判断接下来的其他手势
    

大部分理念来自于迪士尼12条动画原则，不得不说苹果绝对称得上细节狂魔，背后倾注了动效设计师和客户端团队的大量心血，只有这两个岗位完美配合，才有可能在细节方面如此出色，而不是动效设计师的一厢情愿，客户端团队完成任务而已。

同时也在感慨，一个会代码的设计师就像游戏设计一样需要掌握一定的虚幻引擎使用能力，才能从demo上还原并且调试满意的方案。目前大部分的App 动效设计软件并不如人意，而日常的设计需求并无保留足够多的时间/人力来保证这方面的体验，我们总是在感慨市场饱和，人们的日常需求被挖掘的所剩无几，但设计上能做的事情其实还有很多。

---

*Originally published on [jooooojo](https://paragraph.com/@jooooojo/wwdc18-designing-fluid-interfaces)*