1、创建工程首先,打开wireframesketcher软件,点击“菜单栏”上的“File选项”,在弹出来的下拉列表中点击“New”→“Wireframe Project”,如下图所示。
2、进入到“Wireframe Project”界面,填写工程名,选择工程模板,这里有Mobile的web的和E旌忭檀挢xample的,每项中又有子项,这里我们选择Mobile下的Android,然后点击“Finish”按钮,如下图所示。
3、工程创建,默认的Android模板创建的出如下效果。
4、我们可以直接将右侧的图形直接拖动到中间的手机图形上,如下图所示,这里根据需要就可以创建出你想要的ui界面。
5、现在我们来看一下右侧的"Palette"面板中有Library和Assets,Library文件夹下有Containers、Input、Text、Layout、Media、Annotaions文件夹,其中分别放置对应的组件,下方具体显示组件图形。
6、点击Assets文件夹,可以看到里面的是Android5,里面包含各种Android组件,下方具体显示,如下图所示。
7、导出工程点击“File选项”在弹出来的下拉列表中选择“Export”,如下图所示。
8、在弹出来的导出窗口中,选择导出的形式,Wireframing文件下有三种导出形式,分别是HTML、Image和PDF格式。这里我们选择pdf。
9、进入到PDF导出窗口中,填写导出的目录,然后点击“Finish”按钮即可实现导出。