交互设计作业包：组件状态与动画效果详解.pdfVIP

一、组件状态的添加

1.悬停效果

需要在设计模式添加需要按钮，创建组件—检查器添加悬停状态

设计模式添加新页面—原型模式添加交互【悬停模式】

2.开关

设计模式添加视觉按钮，并且需要创建为组件，在检查器添加新

状态，原型模式添加交互

二、加载动效

设计模式：制作元素（剪切蒙版）--上一个画板调整不同元

素状态

原型模式

三、Banner轮播效果

轮播点方向键交互添加

自动轮播

四、页滑动

1.整体滑动

2.按钮交互

五、长图滑动+页面跳转+弹窗

1.长图滑动

设计模式：将画板长度和效果图等大—检查器：滚动垂直

原型模式/设计模式：滚动时固定位置

2.页面跳转

设计模式：拖拽形状，定义热区不调整为0—原型模式

添加小尾巴交互

3.弹窗