摹客教程

摹客教程

摹客,让设计更快更简单

状态图

状态图,即在一个页面中上传多个副本,保留不同的状态。摹客iDoc状态图还支持自动轮播、拖拽调整顺序、合并或分离等等……小摹先来给大家展示一下:

状态图开头

 

 

状态图上传

状态图支持Sketch、PS插件上传,下面以PS插件上传为例:

  • 在PS中上传状态图,选中单个画板(注意:过程中若选中多画板或选中图层,则不能上传)。
  • 点击“上传状态图”按钮,完成首次画板状态的上传。
  • 修改画板的内容后,再次选中本画板,点击“上传状态图”按钮。
  • 此时,若想替换之前上传的页面,则选中“覆盖已有状态”选项,并选择需要覆盖的页面;
  • 若想上传一个新页面,则选中“添加新状态”选项,并输入页面名称,iDoc画板中就会呈现出所有上传的状态图。(多状态图上传重复以上操作)。

PS状态图缩减

 

 

查看所要覆盖的状态图细节

当选择“覆盖已有状态”时,下方会显示之前已上传的状态图。双击下方的缩略图,可查看之前的状态图细节,再选择所要覆盖的状态图。

状态图覆盖查看

 

 

状态图轮播

查看各个状态图可通过点击下方的圆点进行切换。也可将鼠标放在页面上,点击页面中心的播放按钮,此时状态图就会自动轮播。

状态图轮播

 

在左下方设置面板中,可选择不同的轮播效果及轮播时间。

屏幕快照 2018-12-28 下午7.10.52

 

状态图的合并与分离

鼠标放在状态图下方的切换按钮,会有不同状态的文件名提示。按住Ctrl键选中多个页面,右键选择“合并为状态图”,即可将多个状态图合并;若想将状态图分离成多个页面,拖拽页面下方任意一个按钮,即可将状态图分离。状态图可以很随意的多选合并(1+多, 多+多, 多+1, 1+ 多+ 多等等)。

状态图合并与分离

 

 

相关阅读: