Axure RP 核心训练（翻译）.pdf
( 4.5 )《Axure RP 核心训练（翻译）.pdf》由会员分享，可在线阅读，更多相关《Axure RP 核心训练（翻译）.pdf（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、 原文地址： 1 Axure RP 核心训练 1 小时完成 6 步教程 Juno_M 翻译，感谢阅读 原文地址： Juno_M 翻译，感谢阅读 2 目录 1 开始 _ 3 2 页面操作 _ 6 3 部件与母版 _ 9 4 创建交互动作 _ 12 5 动态面板介绍 _ 16 6 条件，值，以及变量 _ 19 原文地址： Juno_M 翻译，感谢阅读 3 核心训练#1：开始 创建一个新文件 1：新建一个蓝色的按钮 拖拽一个圆角矩形 编辑内容为“下一页” 设置颜色填充为蓝色 将圆角矩形部件从部件窗口 中拖拽到设计区域 选中圆角矩形部件，将部件 文本内容编辑为“下一页” 选中圆角矩形部件，在工具栏 中
2、的将填充颜色设置为蓝色 2：添加链接 点击“创建链接” 选择 Page 1 页面 点击预览 选中圆角矩形部件，点击交 互选项卡中的“创建链接” 选项 在链接属性对话框中，选择 Page 1 点击工具栏中的预览按钮， 测试你所创建的链接 原文地址： Juno_M 翻译，感谢阅读 4 3：发布到 Axure Share 云服务器 点击 AxShare 图标 创建一个账号 点击发布 点击工具栏中 AxShare 图标 键入已创建的账户邮箱和密 码，并勾选同意条款 点击发布按钮，获取分享内 容的网址 4：生成本地原型文件 点击发布图标 点击生成原型文件 点击生成 点击工具栏中发布图标 选择“生成原型文
3、件” 点击生成按钮 注： 使用 Chrome 浏览器查看本地 文件需要安装相关插件 原文地址： Juno_M 翻译，感谢阅读 5 良好的开端！ 你已经完成 Axure RP 原型制作学习的第一步 现在你可以 -从部件窗口中添加部件 -使用工具栏中对部件样式进行调整 -在交互选项卡中添加链接 -生成一个交互原型 原文地址： Juno_M 翻译，感谢阅读 6 核心训练#2：页面操作 创建一个新文件 1：制定站点地图 将“Page 3”页面 上移 右键删除“Page 2” 页面 新增一个页面 重命名页面 点击并拖动“Page 3”页面至 “Page 2”页面的右上方 在站点地图中右键选择 Page
4、2 页 面，并选择 删除 选择“Page 3”页面并右键点 击，选择 新增 子页面 重命名“New Page 1”为 “Last Page”。 两次单击“Page 2”页面，将其 重命名为“Page 3” 2：显示网格与创建辅助线 打开 Last Page 页面 切换网格 创建辅助 线 选择预设 辅助线 点击确定 双击站点地图中的“Last Page”。 这样会在设计区域打开一 个新的标签页。 在设计区域右键点击，选 择 网格和辅助线 显 示网格 在设计区域再次右键点 击，选择 网格和辅助 线 创建辅助线 选择“960 网格：12 列”选项 点击“确定”按钮，创建 辅助线 原文地址： Juno
5、_M 翻译，感谢阅读 7 3：添加单个页面辅助线 从标尺处拖拽页面辅助 线 拖拽一个图片部件 调整图片部件大小 点击并拖拽设计区域顶端的标尺，创建一 条 Y 坐标为 35 的页面辅助线。 按住 Ctrl 键（Mac 系统中的 Cmd 键）同 时拖拽将会生成一条全局辅助线。 从部件面板中拖拽一个图片部件，将其左 边对齐到 X 坐标 90 的辅助线，顶部对齐 到 Y 坐标 35 的辅助线 通过拖拽图片右侧的大小控制点，将图片 右边对齐到 X 坐标 230 的辅助线 4：页面居中 选择页面样式选项卡 在页面属性窗口中选择页面样式选项卡 页面居中对齐 在页面对齐方式中选择中心对齐按钮， 使 页面在生成
6、的原型中居中对齐 原文地址： Juno_M 翻译，感谢阅读 8 5：变更所有页面背景色 打开页面样式编辑器 通过点击页面样式编辑按钮 来变更所有页面样式 选择颜色 在页面样式编辑器中，选择 背景色 点击确定按钮 点击确定按钮更换背景色 预览原型 预览原型。 站点地图的变更可以在原型中的站点地图得到体现。 请注意随着我们更改了页面编辑器中 的默认值，所有页面的背景色也发生了变化。图片部件在 Last Page 页面中显示。 做的很好！ 你已经能像一个专业人士一样管理页面了 现在你可以 -在站点地图中新增，删除，移动页面 -使用网格和辅助线来设计部件布局 -在页面样式标签中调整页面的版式 -使用页
7、面样式编辑器来变更所有页面的样式 原文地址： Juno_M 翻译，感谢阅读 9 核心训练#3：部件与母版 创建一个新文件 1：新建一个蓝色的圆角矩形并设置鼠标悬停样式 添加一个圆角矩形 打开设置交互样式对话框 设置粗体和填充颜色 将圆角矩形部件从部件窗口 中拖拽到设计区域 在属性选项卡中选择鼠标悬 停 勾选粗体和填充颜色，选择灰 色为填充颜色，点击确定 2：复制和排列圆角矩形 拖拽复制 选中所有部件 居中并横向分布 编辑圆角矩形上 的文本 按住 Ctrl 键同时拖拽复制部件。 如果使 用 Mac 机， 按住 Option 键同时拖拽复 制部件，重复三次，共生成 4 个部件 按住鼠标左键同时拖拽
8、，选择 所有圆角矩形 选中所有圆角矩形后，点击工具 栏中的上下居中按钮，再点击横 向分布按钮 将每个按钮的名称修改为图片 中所示的名称，他们将匹配站 点地图中的页面 原文地址： Juno_M 翻译，感谢阅读 10 3：将圆角矩形转换为母版 选中圆角 矩形 转换为母 版 命名母版 选择行为 点击继续 点击并拖拽，选择所有四 个圆角矩形 右键点击四个选中的圆角 矩形，并选择转换为母 版 将母版命名为 “NavigationHeader” 选择“锁定到模板中的位 置”单选按钮 点击继续按钮来创建母版 4：将母版放置到每一个页面上 打开 Page 1 页面 将母版拖拽到页面 重复 双击站点地图中的“P
9、age 1”页面，将其在设计区域中 打开 从母版窗口内拖拽该母版，在 “Page 1”的设计区域内释 放 打开“Page 2”页面和 “Page 3” 页面，将母版放 置到这两个页面上 原文地址： Juno_M 翻译，感谢阅读 11 5：给母版中的圆角矩形添加链接 双击打开 母版 选择 Home 圆 角矩形 点击创建 链接 选择 Home 页 面 重复 通过双击，打开 “NavigationHeader” 母版 选择母版中的 Home 圆 角矩形 在交互选项卡中点击创建 链接 在下拉列表中选择 Home 页面 重复 2-4 步，将每一个 圆角矩形链接到对应的页 面 预览原型 预览原型。将鼠标移
10、动到圆角矩形部件上，将能够看到鼠标悬停的样式。点击圆角矩形将会跳转到对 应的页面。请注意在母版中添加一次链接，效果将会应用到所有的页面。 太棒了！ 母版编辑一次，所有地方都会发生变化 现在你可以 -编辑部件鼠标悬停时的样式 -将部件转换为母版 -将母版放置在任何位置，或固定在页面某处 原文地址： Juno_M 翻译，感谢阅读 12 核心训练#4：创建交互动作 创建一个新文件 1：添加一个圆角矩形和两个文本框 添加一个圆 角矩形，两 个文本框 编辑圆角矩 形上显示的 文字 命名圆角矩 形 编辑提示文 本 命名文本框 拖拽一个圆角矩形部件和 两个文本框至设计区域 将圆角矩形上显示的文字 编辑为“S
11、wap Focus” 选中圆角矩形，在部件交 互和注释窗口中，将其名 称设置为“Button1” 选中第一个文本框，在属 性选项卡中，将提示文字 编辑为“Text Field 1” 将文本框的命名为 “TextField1” 2：将第二个文本框禁用 编辑提示文字 将第二个文本框禁用 命名文本框 将第二个文本框部件提示文 字编辑为“Text Field 2” 在属性选项卡中，勾选“禁 用” 选中第二个文本框，将其命 名为“TextField2” 原文地址： Juno_M 翻译，感谢阅读 13 3：将第一个文本框设置为不可点击 选中圆角矩 形 编辑鼠标点 击事件 添加禁用动 作 指定 TextFi
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- Axure RP 核心训练（翻译） 核心 训练 翻译
淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
限制150内