产品邦

 找回密码
 立即注册
开启左侧

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

[复制链接]
Vegeta 发表于 2014-8-12 17:14:41 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
点击观看《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原型后,当鼠标经过或悬停时颜色是否有变化?另外,添加链接是原型设计中最见的操作,必须掌握。

songzong 发表于 2014-10-29 10:07:00 | 显示全部楼层
真的很不错,学习了
sgmyd 发表于 2014-11-15 10:53:56 | 显示全部楼层
对初学者来说,真是好东西!
cloud1985228 发表于 2014-12-21 18:16:31 | 显示全部楼层
母版有点抽象
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 | 显示全部楼层
辛辛苦苦赚金币....
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2019-1-18 15:12

Powered by 产品邦

© 2012-2019 产品邦-产品经理论坛

快速回复 返回顶部 返回列表