Axure-RP-8-交互原型设计案例教程第5章.pptx
《Axure-RP-8-交互原型设计案例教程第5章.pptx》由会员分享,可在线阅读,更多相关《Axure-RP-8-交互原型设计案例教程第5章.pptx(28页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第5章 应用样式A x u r e R P 8 交 互 原 型设 计 案 例 教 程(微 课 版)微课版在Axure RP 中,打开元件样式编辑器有3 种方法。1.使用【元件样式编辑器】命令执行【项目】【元件样式编辑器】命令会打开【元件样式编辑器】对话框,默认状态下,Axure RP 提供了6 个标题元件样式和一个文本段落样式,如图5-1 所示。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.1 元件样式5.1.1 打开元件样式编辑器Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.1 元件样式5.1.1 打开元件样式编辑器图 5-1【元件样式编辑器】
2、对话框2.使用样式工具栏的按钮在样式工具栏中单击左侧的【管理元件样式】按钮,也可以打开【元件样式编辑器】对话框,如图5-2 所示。3.使用【样式】子面板还可以在页面上选择一个元件,然后单击【样式】子面板中的【管理元件样式】按钮打开【元件样式编辑器】对话框。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.1 元件样式5.1.1 打开元件样式编辑器图 5-2 工具栏的【管理元件样式】按钮打开【元件样式编辑器】对话框之后,可以新建、复制、删除和移动元件样式。1.新建元件样式2.重命名元件样式3.复制元件样式4.删除元件样式5.移动元件样式的顺序Axure RP 8 交互原型设计
3、案例教程(微课版)第5章应用样式5.1 元件样式5.1.2 元件样式的基本操作有两种方法可以应用元件样式。(1)通过【样式工具栏】在页面中选择元件后,单击【样式工具栏】左侧的元件样式列表按钮,从弹出的样式列表中选择要应用的元件样式。(2)通过【样式】子面板选择页面中的元件后,在程序界面右侧的【检视】【样式】子面板中也可以找到元件样式列表按钮。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.1 元件样式5.1.3 应用元件样式对当前的元件重新设置样式参数时,在【样式】子面板中的样式列表按钮处会自动显示“升级”字样的链接设置,如图5-3 所示。Axure RP 8 交互原型设
4、计案例教程(微课版)第5章应用样式5.1 元件样式5.1.4 更新元件样式图 5-3 出现“升级”链接【页面】面板是Axure RP 中专门用于管理页面的地方。默认状态下,Axure RP 启动后会在【页面】面板中自动创建包含一个主页和三个子页的文件。执行【视图】【面板】【页面】命令可以控制【页面】面板的显示和隐藏。在【页面】面板中,可以添加、删除和移动页面以及存放页面的文件夹,下面就来学习【页面】面板是如何管理页面的。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.2 页面样式5.2.1【页面】面板的基本操作1.添加页面/文件夹有两种方法可以添加页面/文件夹:单击【添加
5、页面】按钮/【添加文件夹】按钮或者右击页面,在弹出的快捷菜单中,执行【添加】中的相应子菜单命令。通过右击页面弹出的快捷菜单中,“页面之前”是指添加的页面在当前页面的前面,使用该命令添加的页面与原页面是一个级别的,如图5-4 所示。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.2 页面样式5.2.1【页面】面板的基本操作图 5-4 页面之前添加新页面同样道理,使用“页面之后”(【Ctrl+Return】)添加的页面就是在当前页之后,所添加的页面与原页面也是一个级别的。如果执行【添加】【子页面】命令,则创建的页面将成为当前页的一个子页面,如图5-5 所示。Axure RP
6、8 交互原型设计案例教程(微课版)第5章应用样式5.2 页面样式5.2.1【页面】面板的基本操作图 5-5 创建子页面2.删除页面/文件夹可按【Delete】键或右击鼠标,从弹出的快捷菜单中执行【删除】命令来删除选择的页面或文件夹。3.移动页面/文件夹有两种方法可以移动页面/文件夹:使用鼠标直接拖动或右击页面/文件夹,从弹出的快捷菜单中执行相应的移动页面/文件夹命令,如图5-6 所示。Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.2 页面样式5.2.1【页面】面板的基本操作Axure RP 8 交互原型设计案例教程(微课版)第5章应用样式5.2 页面样式5.2.1【页面
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Axure RP 交互 原型 设计 案例 教程
限制150内