axure制作网站原型步骤,axure制作web原型实例

首页 > 教育 > 作者:YD1662024-05-17 19:06:31

第七步 制作下方的模块导航

APP的下方是固定悬浮的模块导航,我们按页首的方法,制作一个模块导航面板,设置为固定在浏览器的下方居中,如图5-86所示。

axure制作网站原型步骤,axure制作web原型实例(13)

关注频道页的线框图原型设计就这样完成了,如图5-87所示。

axure制作网站原型步骤,axure制作web原型实例(14)

第八步 发布RP文件

虽然只完成了一个页面的原型设计,我们也可以在浏览器看看效果。在Axure RP主菜单上单击“发布”菜单的“生成HTML文件”菜单项,在弹出的窗口中点击“发布”按钮,就可以发布项目了,Axure会把RP文件生成HTML文件,并自动在浏览器打开页面,如图5-88所示。

axure制作网站原型步骤,axure制作web原型实例(15)

在浏览器上查看原型,和查看正式网页是一样的。关注频道页的页首和页脚导航都是悬浮的,列表的内容可以上下滚动查看,和真实APP使用效果一样。

第九步 添加新页

单击页面栏的 号图标就可以添加一个新页,添加后把新页名称改为和内容相关的名称,如图5-89所示。

axure制作网站原型步骤,axure制作web原型实例(16)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.