欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure设计的原型怎么一键生成网站结构图?

程序员文章站 2022-03-09 15:16:43
Axure设计的原型怎么一键生成网站结构图?...

教大家怎么把利用axure设计的各网站(产品)页面,生成网站(产品)结构图。这个对于了解网站整体结构很有帮助。比如,我们设计了如下的网站页面。需要把它生成对应结构的网站结构图。

1、在“主页”上面新建一个和“主页”平级的页面,命名为“网站结构图”。然后选中该页面,右键选择“图标类型”中的“流程图”。

Axure设计的原型怎么一键生成网站结构图?

2、我们会看到,“网站结构图”页面前面的图标变成了结构图的标记。

Axure设计的原型怎么一键生成网站结构图?

3、双击打开“网站结构图”页面

Axure设计的原型怎么一键生成网站结构图?

4、选中主页(选中设计的页面中的最高层级的那个页面),点击右键,点击“生成流程图”,会弹出第四步中的选择框

Axure设计的原型怎么一键生成网站结构图?

5、选择生成流程图的图标类型,有我们选“纵向”,点击“确定”

Axure设计的原型怎么一键生成网站结构图?

6、我们看到在“网站结构图”页面中,生成了对应结构的网站结构图

Axure设计的原型怎么一键生成网站结构图?

注意事项:

在生成基于html浏览的原型图后,点击网站结构图上任意个方块,可以链接到对应的页面中。

相关标签: 原型 Axure