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

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

第二步 制作页首

APP的页首是一个频道导航,我们使用一个矩形做页首的底图,加上一个占位符做LOGO,加上几个文本标签做不同的频道,就可以做出一个页首的效果,如图5-78所示。

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

第三步 制作动态面板

因为页首是悬浮在手机屏幕的上方,所以我们要把这部分内容转为动态面板。选中页首的所有内容,单击右键,在弹出菜单中选择“转换为动态面板” ,如图5-79所示,并起名:页首面板。每生成一个动态面板我们都要起一个唯一的名称,方便后面的交互引用。

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

页首要做成悬浮效果,我们把动态面板设置成固定到浏览器,选中页首面板,右击,弹出的功能菜单里有“固定到浏览器”菜单项,如图5-80所示。

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

单击固定到浏览器菜单项后,弹出固定设置窗口,固定的位置是:水平居中,垂直方向在顶部,如图5-81所示。固定位置也就是悬浮在浏览器上的位置,设置好固定位置后,在生成的HTML页中我们就可以看到页首的悬浮效果,在当前的RP文件中是看不到悬浮效果的。

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

上一页12345下一页

栏目热文

文档排行

本站推荐

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