pixso添加d窗

设计好App的原型草图后，点击右边看板的【原型】按钮，即可进入原型模式。

在没有选中草图的任何交互热点时，原型看板会默认让用户挑选【起始面板】。选择哪个页面作为起始面板，原型就会从哪个页面开始演示。

值得注意的是，起始面板的选项与画板的命名同步，为了提高原型动效的设置效率，做好画板命名区分十分重要。

当选定了原型中的页面、组件或图标时，需要添加【交互事件】，来设置更复杂的触发条件，【+】为添加；【-】为撤销。

第二步，设置触发条件与目标

在添加【交互事件】后，即可根据交互逻辑所需的触发条件，设置要跳转到的目标画板。如图所示，Pixso有多种可设置的触发条件，均可以单独或者叠加使用，还原各种产品经理期望的效果。

例如【按下时】这个触发条件，当用户点击并按住画布中的鼠标或触控板时，将触发 *** 作。这个触发条件，可以用来做移动端原型的长按复制或长按扫描二维码交互。

当然，了解每个触发条件的含义，可以做更丰富的原型动效。到Pixso官网的【帮助中心】，搜索“原型”关键词，可以了解更多。

除了可以设置【跳转到】的交互目标，还有【打开或关闭d窗】等可以选择。以【打开d窗】为例，单单是d窗在画板中的位置就有至少5个选项，还有诸如【点击d窗以外区域关闭d窗】等条件，这些丰富的原型交互在Pixso一个工具上就可以完成。

第三步，设置转场动画

完成以上的设置，到了原型动效最关键的一步——设置原型动画。这有助于产品经理、交互设计师、UI设计师以及开发了解产品在真实环境中的外观与相应方式，直接决定了原型动效的用户体验质量。

在转场动画中，有多个父级条件可选。除了即时和溶解以外，其他6个条件都可以设置动效出现的来源方向。同时还有动效预览，可以帮助产品经理或者设计师找到其理想的动效方式。如选择【移入】+【←】，预览区域中的正方块就会从右边进入，定格在目标画框之中。

（为了帮助用户找到理想的转场方式，Pixso为每个动画都配置了预览动效）

高阶设计师在做原型动效的时候，很少采用线性状态的运动方式（没有速度变化地运动到另一点），更多的是加速或者减速动效，因为这类物体移动方式会让人感到更加愉悦。因此，Pixso利用可自定义的数值，来帮助用户获得更好的产品体验。

通过设置入场或出场完成所需的时间，可以使动画不再那么尖锐或生硬，甚至做出更生动的效果。

完成以上3个步骤，在Pixso上的原型动效就基本完成了。

1.点击“微信读书”图标，进入应用。

2.右下方，点击“我的”。

3.界面左上方，点击“设置”图标。

4. 点击“通知”。

5. 将“接收微信朋友新加入提醒”右侧开关打开。

如果想要在添加缓存后d出窗口，可以通过子比主题的设置来实现，在“主题 - 功能 - 缓存”中激活“缓存后显示d窗”选项即可。默认情况下，该项功能是禁用的，您可以在其中自定义d窗显示内容，以满足您的特殊需求。

---