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、方便协作!能够多人同时进入同一文档进行工作,实时协同。