使用指南

分区

分区作为一种新的 图层类型,支持创建/编辑/分享/复制等操作。可以让您在同一设计画布中,创建不同类型的分区并标记不同状态,其可兼容不同类型文件的图层类型,帮助设计师高效归纳分类,以及分模块交付。

分区操作界面

分区的特点

  • 始终保持父级身份:分区图层始终为最高层级,为其他图层的父级。

分区的特点操作界面

  • 无限嵌套:支持分区图层无限嵌套,可支持在分区中创建其他分区,并可直接点击选中所需分区,无需透选。

分区的特点操作界面

  • 标记状态:支持标记 [设计中] 或 [待开发] 两种状态,分工协作更加高效.

分区的特点操作界面

  • 编辑操作:支持设置部分属性一键换装(背景/边框等),也可进行布局调整和部分操作(编组/设置为封面等)。

创建分区

Pixso支持您使用以下三种方法创建分区,进一步进行文件管理及交付。

  • 功能按钮:点击顶部栏 [+] 按钮,选择 [分区]。左键点击或长按拖拽创建分区。

创建分区操作界面

  • 右键创建:设计画布中,选中两个或者两个以上的图层时,右键菜单,选择 [创建为新分区] 创建分区。

创建分区操作界面

快捷键:Win [Shift+S]    Mac [⬆️+S]

标记分区状态

分区支持标注 [待开发]/[设计中] 两种状态,设计研发交付沟通更加便捷。设计研发进入研发模式后,可以同步更新查看[待开发] 分区的内容,快速进入工作状态,继续开发进程。同时这也是与画板最大的区别之一,画板无法标记状态。

👏以下是标记分区状态的步骤:

  1. 选中分区后,点击左上角icon标记状态

标记分区状态操作界面

2.标记成功后点击分区左上角的 [待开发]/[设计中] 进入子菜单可进行更改状态等操作

标记分区状态操作界面

3.点击右侧面板的“标注”,进入研发模式即可看到左侧面板筛选不同状态分区,分工协作更加高效

标记分区状态操作界面         标记分区状态操作界面

分享分区

Pixso支持您使用以下三种方法复制分享分区链接给您的好友,权限和设计文件保持一致,打开链接默认 定位 选中的分区,分模块交付更加便捷。

  • 选中分区后,点击右上角的分享按钮——复制链接

分享分区操作界面

  • 选中分区后,右键菜单——复制/粘贴为——复制链接

分享分区操作界面

  • 分区标记状态后,点击选中分区,点击左上角 [待开发]/[设计中] 后——复制链接

分享分区操作界面

编辑分区

分区与画板一致的是,支持进行多项自定义编辑功能,设计场景多样化,满足多项设计需求。

👏选中目标分区后可使用以下步骤分别体验分区的自定义编辑进行设计:

横竖向切换

点击右侧面板的 [竖向]/[横向] 按钮,分区方向切换。

横竖向切换操作界面

❗❗❗ 需要注意的是,分区改变方向后,分区中内的内容不改变位置,如果分区内容位置超出分区范围,该部分内容将会脱离分区图层。

换选图层属性

点击右侧面板的分区下拉框,点击[画板],分区图层属性切换为画板。

换选图层属性操作界面

❗❗❗需要注意的是,换选图层属性仅支持分区单层嵌套情况下转换为画板,且转换后分区状态会被清除。支持将组合图层属性转换为分区,但分区无法转换为组合,可通过 Ctrl+Z 撤回转换。

换选图层属性操作界面

填充、描边

点击右侧面板的 [填充]、[描边] 板块,调整分区的颜色,描边样式等,自定义分区样式。

填充、描边操作界面

导出

👉支持直接导出图片/切图/代码。

  1. 点击导出,导出图片。
  2. 打开右侧面板的 [标注] ,点击查看切图/代码。

导出操作界面      导出操作界面