如何进行线框图的创建

时间:2024-10-12 20:02:42

1、打开电脑上安装的"Balsamiq Wireframes"工具软件。

如何进行线框图的创建

2、进入到软件操作的主界面,在"工具栏"会列出一些"线框图"组件。

如何进行线框图的创建

3、以创建"多面板Tab Bar窗口"为例,选择"Containers"菜单,再选择"Tab Bar"选项。

如何进行线框图的创建

4、用"鼠标左键"拖动"Tab Bar"图标组件到下面的"窗口编辑区"中。

如何进行线框图的创建

5、再用"鼠标左键双击窗口编辑区”中的Tab Bar组件,打开"面板选项标签争犸禀淫"内容设置项,默认为"One,Two,Three,Four"文本内容。

如何进行线框图的创建

6、按顺序依次修改默认的面板选项对应的"标签内容",如设置文本内容为"面板一,面板二,面板三,面板四",再按"回车键"确认生效。

如何进行线框图的创建

7、查看创建的"多面板Tab Bar窗口"窗口的"线框图"效果。

如何进行线框图的创建

8、最后选择"File"->"Export"->"Current Wireframe to PNG"菜单,可将创建的"线框图"以PNG图片格式导出到电脑上。

如何进行线框图的创建
© 手抄报圈