pixso协同设计软件（附教程）

www.ddooo.com/softdown/223847.htm（备注：选择下载地址右击点转到或打开选项即可）软件功能1、自动布局

组件级自动布局，增加或删除内容都无需手动调整，智能排版，且自适应不同屏幕尺寸。

2、组件变体

随意切换一个组件的多种状态，设计师可以更加高效地去创建和复用组件。

3、矢量网格

有别于传统的设计工具，Pixso实现了模拟画笔的特色，提供精细化矢量设计，自由切割线段，连点成面。

4、团队组件库

可以创建一个组件，在任何地方重复使用它，当主组件样式更新，所有组件将自动同步发生改变。

5、原型设计

支持添加页面交互和原型播放，模拟产品最终形态，在设计过程中可视化和优化用户体验。

6、版本管理

文件自动保存到云端，一键回溯到任意历史版本，再也不用担心文件丢失。

7、格式兼容

无缝衔接以往工作，支持Sketch、XD、SVG等文件导入导出，自由进行Sketch的文件格式转换。

使用教程

1、进入原型模式

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

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

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

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

2、设置触发条件与目标

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

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

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

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

3、设置转场动画

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

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

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

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

在Pixso，只要完成一个交互动作的设置，画板上都会有浅蓝色的箭头，可以直观地看到整个原型的交互逻辑，点击箭头就可以进行调整。这无疑是提供了其他设计工具无法提供的“设计+原型动效”一站式体验，让UI设计与原型交互的工作区无缝衔接。

软件亮点

1、多平台适用！支持Windows、macOS、Linux系统。

2、无需安装！打开网页就可以使用，对电脑的性能配置要求低。

3、方便协作！能够多人同时进入同一文档进行工作，实时协同。