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

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

选择好页面后,为关注频道添加的单击交互就完成了,关注文本的右上角会出现一个闪电图标,表示这个文本是有交互动作的,如图5-94所示。

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

重复上面的步骤,我们为其他频道的文本都添加单击交互。然后,再增加景点详情页,增加用户中心等页面内容,就完成了一个APP的线框图原型,如图5-95所示。

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

把RP文件再次发布生成HTML文件后,我们就可以在浏览器上查看原型的整体效果。单击页首的导航,就会跳转到各个频道页,单击景点标题,就会打开景点详情页等,和真实的APP操作是一样的,如图5-96所示。

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

从上面可以看到,线框图原型的制作速度是比较快的,它能让产品经理快速生成软件原型,和用户确认需求,提高需求沟通效率。

2 制作网站的高保真原型

接下来我们制作一个高保真原型,电脑版的公司网站原型。高保真原型的制作方法和线框图原型是一样的,只是图片、图标、交互等细节会做得更细致,和真实网站的显示是一样的效果。

第一步 新建文件

单击文件菜单的新建,生成一个新的RP文件,第一个页面中,我们在样式设置里,选择页面尺寸是Web,宽度改为1200,这表示网站的页面宽度是1200像素,这是一个常用的网页宽度,如图5-97所示,把页面名称改为首页。

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

上一页23456下一页

栏目热文

文档排行

本站推荐

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