摹客 Mockplus

摹客 Mockplus

让设计更快更简单

界面

大纲树

大纲树在界面右下角的组件大纲面板上,它是当前页面中所有组件所构成的列表,而列表的顺序从上到下则代表了组件的层级从顶部到底部。

交互面板

交互面板是用来设置组件与组件之间的交互属性。它位于界面的右侧,可以通过选项卡切换到交互面板。

属性面板

在界面的最右边,是组件的属性面板。组件拖拽到工作区之后,为了使组件更加符合我们设计的要求,可以在属性面板中可以对组件进行个性化属性设置。

组件面板

组件面板中陈列了Mockplus的所有组件,在设计时,从这里将所需组件拖拽到工作区中,即可开始设计。

项目树

项目树包含了很多节点,其中第一个节点(根节点)表示项目名称,其它节点表示所有的页面和分组。从这些节点我们可以清晰地看出项目中页面或分组的层次结构。项目树上方的工具栏中包含了对项目的常用操作。

主工具栏

顶部的主工具栏中包含了Mockplus的主菜单(最左侧)和常用的快捷按钮。

工作区

界面的中间部分,就是你设计时的工作区。

界面简述

Mockplus的界面非常简洁,我们来分区域看看: