选择好页面后,为关注频道添加的单击交互就完成了,关注文本的右上角会出现一个闪电图标,表示这个文本是有交互动作的,如图5-94所示。
重复上面的步骤,我们为其他频道的文本都添加单击交互。然后,再增加景点详情页,增加用户中心等页面内容,就完成了一个APP的线框图原型,如图5-95所示。
把RP文件再次发布生成HTML文件后,我们就可以在浏览器上查看原型的整体效果。单击页首的导航,就会跳转到各个频道页,单击景点标题,就会打开景点详情页等,和真实的APP操作是一样的,如图5-96所示。
从上面可以看到,线框图原型的制作速度是比较快的,它能让产品经理快速生成软件原型,和用户确认需求,提高需求沟通效率。
2 制作网站的高保真原型接下来我们制作一个高保真原型,电脑版的公司网站原型。高保真原型的制作方法和线框图原型是一样的,只是图片、图标、交互等细节会做得更细致,和真实网站的显示是一样的效果。
第一步 新建文件单击文件菜单的新建,生成一个新的RP文件,第一个页面中,我们在样式设置里,选择页面尺寸是Web,宽度改为1200,这表示网站的页面宽度是1200像素,这是一个常用的网页宽度,如图5-97所示,把页面名称改为首页。