开启左侧

Axure RP 7.0从入门到精通教程(三)学习Axure部件及母版的使用

[复制链接]
29194 15
点击观看《Axure RP 7.0从入门到精通教程(三)》视频教程


1、增加一个“button shape”(形状按钮)并设置鼠标经过时的样式

增加一个“button shape”(形状按钮)并设置鼠标经过时的样式

增加一个“button shape”(形状按钮)并设置鼠标经过时的样式


分解步骤:
①从部件空格将“button shape”拖放到设计区域
②打开“interaction style”,在属性标签选择“mouseover”
③选择“bold”(加粗)以及填充颜色(选择灰色)



2、复制和分布形状按钮

复制和分布形状按钮

复制和分布形状按钮


分解步骤:
①按住CTRL键(Mac使用CMD键)拖动形状按钮进行复制,重复操作三次
②按住左键并拖动选择所有形状按钮
③选中所有形状按钮,并选择工具栏上的“Align Middle”和“Distribute Horizontally”,使它们居中对齐,并横向分布
④使每个形状按钮的文字与网站地图页面名称一一对应



3、将形状按钮转换为母版

将形状按钮转换为母版

将形状按钮转换为母版


分解步骤:
①选中全部形状按钮
②右击四个被选中的形状按钮并右击选择“convert to master”
③将母版命名为“Navigation Header”
④选择“Lock to Master Location”
⑤点击“Continue”完成创建母版



4、将母版放在各个页面上

4、将母版放在各个页面上

4、将母版放在各个页面上


分解步骤:
①在网站地图双击“Page 1”
②将刚才设计的母版拖动到Page 1设计区域
③重复第二步操作,将母版拖放到“Page 2”和“Page 3”



5、在母版中为形状按钮增加超链接

在母版中为形状按钮增加超链接

在母版中为形状按钮增加超链接


分解步骤:
①双击“Navigation Header”打开母版
②在打开的母版中选择“Home”按钮
③在交互面板中选择“Create Link...”创建链接
④在下拉列表中选择“Home”
⑤重复上面的操作,为每个按钮添加对应的页面链接


  生成HTML原型后,当鼠标经过或悬停时颜色是否有变化?另外,添加链接是原型设计中最见的操作,必须掌握。

举报

回复

15 个评论

songzong    发表于 2014-10-29 10:07:00  | 显示全部楼层
真的很不错,学习了
sgmyd    发表于 2014-11-15 10:53:56  | 显示全部楼层
对初学者来说,真是好东西!
cloud1985228    发表于 2014-12-21 18:16:31  | 显示全部楼层
母版有点抽象
manxiaodong    发表于 2015-3-10 15:03:14  | 显示全部楼层
1024
daiweina    发表于 2015-6-25 10:53:17  | 显示全部楼层
很值得学习,
daiweina    发表于 2015-6-25 16:15:15  | 显示全部楼层
对初学者来说,真是好东西!
konrad    发表于 2015-7-21 11:31:50  | 显示全部楼层
很不错 谢谢了
weegcs2006    发表于 2015-7-23 10:07:48  | 显示全部楼层
金币金币啊,缺金币
415401620    发表于 2015-9-4 17:54:23  | 显示全部楼层
辛辛苦苦赚金币....
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点

更多

社区学堂

更多

客服中心

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表