- 1、本文档共30页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Axure RP 核心训练
1小时完成 6步教程
Juno_M 翻译,感谢阅读
原文地址:/learn 1
目录
1 开始_______________________________________________________________________3
2 页面操作 ___________________________________________________________________6
3 部件与母版 _________________________________________________________________9
4 创建交互动作_______________________________________________________________12
5 动态面板介绍_______________________________________________________________16
6 条件,值,以及变量 _________________________________________________________19
原文地址:/learn Juno_M 翻译,感谢阅读 2
核心训练#1:开始
创建一个新文件
1:新建一个蓝色的按钮
拖拽一个圆角矩形 编辑内容为“下一页” 设置颜色填充为蓝色
将圆角矩形部件从部件窗口 选中圆角矩形部件,将部件 选中圆角矩形部件,在工具栏
中拖拽到设计区域 文本内容编辑为“下一页” 中的将填充颜色设置为蓝色
2:添加链接
点击“创建链接…” 选择 Page 1 页面 点击预览
选中圆角矩形部件,点击交 在链接属性对话框中,选择 点击工具栏中的预览按钮, 互选项卡中的“创建链接” 测试你所创建的链接
选项
Page 1
原文地址:/learn Juno_M 翻译,感谢阅读 3
3:发布到 Axure Share 云服务器
点击 AxShare 图标 创建一个账号 点击发布
点击工具栏中 AxShare 图标 键入已创建的账户邮箱和密 点击发布按钮,获取分享内
码,并勾选同意条款 容的网址
4:生成本地原型文件
点击发布图标 点击生成原型文件 点击生成
点击工具栏中发布图标 选择“生成原型文件…” 点击生成按钮
注:使用 Chrome 浏览器查看本地
文件需要安装相关插件
原文地址:/learn Juno_M 翻译,感谢阅读 4
良好的开端!
你已经完成 Axure RP 原型制作学习的第一步
现在你可以……
-从部件窗口中添加部件
-使用工具栏中对部件样式进行调整
-在交互选项卡中添加链接
-生成一个交互原型
原文地址:/learn Juno_M 翻译,感谢阅读 5
核心训练#2:页面操作
创建一个新文件
1:制定站点地图
将“Page 3”页面
上移
右键删除“Page 2”
页面
新增一个页面 重命名页面
点击并拖动“Page 3”页面至 在站点地图中右键选择 Page 2 页 选择“Page 3”页面并右键点
重命名“New Page 1”为
“Page 2”页面的右上方 面,并选择 [删除] 击,选择 [新增 子页面]
“Last Page”。
两次单击“Page 2”页面,将其
重命名为“Page 3”
2:显示网格与创建辅助线
打开 Last
Page 页面
切换网格
创建辅助
线
选择预设
辅助线
点击确定
双击站点地图中的“Last 在设计区域右键点击,选 在设计区域再次右键点 选择“960 网格:12 点击“确定”按钮,创建
Page”。 择 [网格和辅助线 显 击,选择 [网格和辅助 列”选项 辅助线
这样会在设计区域打开一 示网格] 线 创建辅助线]
个新的标签页。
原文地址:/learn Juno_M 翻译,感谢阅读 6
3:添加单个页面辅助线
从标尺处拖拽页面辅助
线
拖拽一个图片部件 调整图片部件大小
点击并拖拽设计区域顶端的标尺,创建一 从部件面板中拖拽一个图片部件,将其左 通过拖拽图片右侧的大小控制点,将图片
条 Y 坐标为 35 的页面辅助线。 边对齐到 X 坐标 90 的辅助线,顶部对齐 右边对齐到 X 坐标 230 的辅助线
按住 Ctrl 键(Mac 系统中的 Cmd 键 )同 到 Y 坐标 35 的辅助线
时拖拽将会生成一条全局辅助线。
4:页面居中
选择页面样式选项卡 页面居中对齐
在页面属性窗口中选择页面样式选项卡 在页面对齐方式中选择中心对齐按钮,使
页面在生成的原型中居中对齐
原文地址:/learn Juno_M 翻译,感谢阅读 7
5:变更所有页面背景色
打开页面样式编辑器 选择颜色 点击确定按钮
通过点击页面样式编辑按钮 在页面样式编辑器中,选择 点击确定按钮
文档评论(0)