ui动效设计
交互设计的未来是动效设计
一,基本原则
1逻辑:在界面中交互逻辑很重要,链路逻辑不能乱
2空间层级 :谁在前谁在后空间层级不能乱,谁有投影
3架构:整体的形成一套交互逻辑和动效风格
二,动效设计细节
挤压 拉伸 预备动作 弧线 附属运动 时机控制
三,基本曲线
1标准曲线
2缓入曲线(用于出场)案例:夸克
3缓出曲线(用于入场)
四,总结8个事件可以完成70%的交互效果
1叠加 2视差 3滑动和缩放 4遮罩(蒙版) 5父子关系 6克隆 7变换(形状颜色明度的变化) 8数值变动(编号)
五,基础4属性变化
1位移 2缩放 3透明度 4旋转