产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-27 08:51

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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