Pixso使用步骤:
一、注册与登录
- 访问Pixso-智汇AI,点击页面中的“在线使用”按钮。
- 注册或登录Pixso账号。如果已有账号,直接登录;如果没有账号,按照提示进行注册。
二、新建文件与工作台操作
- 登录后,进入Pixso的工作台页面。
- 点击工作台页面中的“新建设计文件”按钮,创建一个新的Pixso文件。
- 进入Pixso编辑器页面后,可以使用各种设计工具,如画板、矩形、钢笔、文字等。
三、设计界面操作
- 工具栏使用:
- 左侧工具栏包含移动、画板、矩形、钢笔、文字等工具,点击即可使用。
- 例如,点击画板工具可以创建或调整画板的尺寸,Pixso支持创建手机、平板、电脑、网页等屏幕画板的尺寸。
- 图层与组件:
- 在左侧栏中,点击“图层”可以查看文档中所有图层的详情。
- 点击“组件”可以查看文档中的所有组件,拖拽即可使用。Pixso提供了丰富的组件库,方便用户快速插入。
- 设计属性调整:
- 在右侧栏中,有设计、代码和原型三个选项卡。
- 在设计选项卡中,可以选择画板或组合查看设计稿,也可以随时调整画板尺寸。
- 可以使用坐标、宽高、旋转度、圆角半径等属性来调整设计元素。
四、创建组件库
- 根据设计图的设计规范创建组件库的颜色和文本样式。
- 选中效果样式,点击上方导航栏的“创建组件图标”(快捷键⌘+Alt+K),即可成功创建效果样式组件。
- 可以创建基础组件,如图标、按钮、导航等,并设置变体属性和自动布局。
- 对每个组件元素进行精确命名,方便团队成员查找。
五、添加交互与原型动画
- 在设计稿中,点击“原型”选项卡。
- 可以添加原型动画(交互事件),如点击按钮后跳转到其他页面或显示弹窗等。
- 点击右上方“演示”按钮即可播放动画,预览交互效果。
六、交付与文件管理
- 设计稿完成后,可以点击右上方工具栏的“云端保存”按钮进行版本存储。
- 点击“历史版本”可以查看或添加文档历史版本,方便回溯。
- 点击“分享”按钮可以将文件分享给其他设计师或交付开发。
- 开发人员打开页面时,点击键盘ALT键即可查看文档标注,也可以切换至右侧代码栏查看代码详情。
- 点击左上方“文件”按钮即可导出设计,Pixso支持导出Sketch、xd等多种格式的文件。
相关文章