1、第1章Axure原型设计概述 课时 课时内容 Axure原型设计概述 教学目标 了解原型、Axure的软件界面及原型设计流程 教学重点 三类原型的优缺点、Axure软件界面、原型设计流程 教学难点 Axure软件界面、原型设计流程 教学设计 1 .教学思路:通过实例引出原型的概念;通过实机操作讲解Axure RP 9软件安装和软 件界面;通过多媒体演示原型设计流程。 2 .教学手段:多媒体+计算机 3 .教学资料:教材、多媒体课件、提供的原型实例 教学内容信息化高速开展的今天,用户从过去没有太多软件可以使用到现在可以定制自己个性化的软件, 用户有更多自己的想法和需求,
2、但是并不能清晰、完整地表达自己需求,而产品原型恰恰能快速地 挖掘出用户的真实需求。 |k/f .z:|QQ邮箱 kevln<747904126©qq >v I •dilQQCom E:ira!5 | 19H 凝族 曲收住 •mid) 星氐收 8WJ1 牛 厦银18 B3MS QQtC*»iT« ««»(1) *宏腐(1) IJ闾中心(3)闻it空X(257) 图) J iPhone版 早上好,kcvin. 注册英文杂箱怅号(M : chenOfoxmail ) K件:1封条俟修件 QQ邮箱4 0,你能发现更多 鞫稣田川他址信息 生日民01 Zl
3、ri 在今天(5月30日)过生日 发冷卡创造信片 艾K埠 在令美(5月30日)g日 发贺卡友的々片 □ iPadJK 量卡I峭口片 日为I记事本 加件MB 文件中I•站 他但网(257) 。Android板 叵]文,牛中转站 查白所有好友生日》 2015年4月8日奥新I ■灯行就I企业整■ I开放平・I优普・ H■动不II EBUtt* I加入我们 日他6 -■本质 | © 1998 - 2015 Tencent Inc. All Rights Reserved 通过原型设计预先展示产品效果 1.1 原型 软件原型可以理解成软件的Dem。(示范),它并不是一个可以最
4、终使用的软件,而是通过某种 物品(比方纸笔)或者某种工具(比方Axure)快速地勾勒出软件的大致结构,并添加一些交互效 果,实现的模拟软件功能操作的范例。原型大致可以分为3类:草图原型、低保真原型以及高保真 原型。 1.1.1 草图原型 9.帮助菜单 帮助菜单项选择项的功能如下。 (1)提供在线培训教学功能以及进入Axure论坛功能。 (2)获得软件使用授权的功能。 (3)软件检查更新功能以及提交软件意见和软件错误。 在线培训. • • 9)在线帮助...6) 进入Axure论坛...(F) 提交意见或软件错误…(B)翻开欢迎界面..・仙) 管理授权..• 9)检查更新. •
5、 .(C) 关于Axure RP... 感谢…⑴帮助菜单项选择项 工具栏区域 工具栏是使用频率最高的快捷工具,在原型设计过程中经常会用到快捷操作,理解工具栏的功 能并掌握它的使用,可以提高原型制作的效率。工具栏区域分为基本工具栏和样式工具栏,同时提 供自定义工具栏功能。 回回电 0. 刁 口此I匐基本工具栏Q 100% , I? & ^10° 0° Qo连推插入,IS.8 南县组合 Offi-居中 右创IS郃 中部。-RS 共享 灵 Box 1- Arial - Normal - 13 - A g I U :样式====—六:口」飙:1■139 X 134 Y 661 W4177 H
6、 <§>工具栏区域 1.基本工具栏 (1)剪切、复制、粘贴快捷工具 剪切、复制、粘贴快捷工具按钮如下图。 X Cut© Copy □ Paste 剪切、复制、粘贴快捷工具按钮 剪切:剪切功能,单击该快捷工具按钮可以剪切选中的元件,快捷键是Ctrl+X组合键。 复制:复制功能,单击该快捷按钮可以复制选中的元件,快捷键是Ctrl+C组合键。 剪贴板:粘贴功能,可以粘贴复制的元件。单击该快捷按钮,可以把复制的元件粘贴到工作区 域,它的快捷键是Ctrl+V组合键。 撤销:撤销功能,单击该快捷工具可以撤销上一步的操作,快捷键是Ctrl+Z组合键。 重做:重做功能,单击该快捷工具可以
7、重做上一步的操作,快捷键是CW+Y组合键。 (2)选择模式、连接操作 元件的选择模式、连接方式快捷工具按钮如下图。 r--n L-r I-I Q四回凫 选择模式、连接 选择模式:包括相交选中选择和包含选中选择,相交选中选择所选择的区域只要和元件有接触、 有相交,该元件就会呈现为选中状态;而包含选中选择是只有所选择的区域把元件完全包含进来, 该元件才会呈现选中状态。 连接:是用来连接两个元件,使用连接线把两个元件连接起来,该操作常被用来绘制流程图。 (3)插入操作 插入操作包括对绘画、矩形、圆形、线段、文本、图片、形状等插入操作。 ,绘亘旧■旗(R) /恻罔T苏⑴ Q图片★
8、做► 插入操作(4)布局操作 布局操作是用来设置页面中元件的布局,包括设置元件置于顶层、置于底层、组合、取消组合、 比例缩放、对齐方式以及分布操作。 m 同田 q 100% - IE3 3 cBi Q° O Og |D| H 顶层 底层组合—组合左侧 居中 右侧顶部 中部 底部水平 垂百图1.32布局操作 顶层、底层:可以将工作区域中的元件置于顶层或置于底层。 组合、取消组合:可以将不同元件设置为一个组合,这样在移动的时候,可以把组合的元件一 起移动或者进行其他操作;同时也可以将一个组合拆散为单独的元件。 对齐方式:提供左对齐、居中对齐、右对齐、顶部对齐、中部对齐和底部对齐方式。
9、 • 左对齐:单击该按钮,元件以靠左对齐。 • 居中对齐:单击该按钮,元件以左右居中方式对齐。 • 右对齐:单击该按钮,元件以右对齐方式对齐。 • 顶部对齐:单击该按钮,元件之间以顶部对齐方式对齐。 • 中部对齐:单击该按钮,元件以垂直居中方式对齐。 • 底部对齐:单击该按钮,元件以底部对齐方式对齐。 分布:包括水平分布和垂直分布两种分布方式; • 水平分布:单击该按钮,可以让选中的元件横向均匀分布。 • 垂直分布:单击该按钮,可以让选中的元件纵向均匀分布。 (5)预览、共享、登录操作 工具栏还提供预览、共享、登录快捷操作按钮如下图。 期 共享 预览、共享、登录操作
10、 预览:通过原型预览的方式在浏览器中显示,不生本钱地原型文件。 共享:通过共享的方式创立团队工程,将其发布到Axure云上面,将工程共享起来。 登录:提供登录的快捷按钮。 2.样式工具栏 样式工具栏可以为文本内容或者元件边框设置样式,可以设置文本的颜色、字号、字体,也可 以给元件边框设置样式。 样式工具栏 Boxl选项可以设置不同的标题。 Arial选项是用来设置文字的字体。 Normal选项是用来设置字体的样式,针对字体可以进行设置字号、颜色、样式等等操作。 三―快捷操作可以设置文字的对齐方式,左对齐、居中对齐、右对齐、两侧对象、顶部对 齐、中部对齐、底部对齐。 出口快
11、捷操作可以填充背景颜色,单击填充颜色区域,可以选择不同颜色进行填充。 •快捷操作可以设置外部阴影,勾选阴影复选框,可以设置阴影的偏移位置,以及模糊程度, 并且可以设置阴影的颜色。 •快捷操作可以设置元件边框的颜色,包括单色、线性、径行不同类型。 三快捷操作可以设置元件的线条样式,单击后会弹出的对话框中选择线条样式,线条可以是实 心线,也可以是虚线。 二快捷操作可以设置水平线元件和垂直线元件的箭头样式。 3.自定义工具栏 工具栏提供许多的快捷按钮,但是有一些按钮是经常会用到的,有一些按钮可能很久都不会用 到一次,这时可以通过自定义工具栏,定义工具栏里显示什么快捷按钮。单击视图菜单的
12、工具栏选 项,选择自定义工具栏命令。 选择添加到自定义工具栏的项 恢复默认 文件 对齐 发布 v* Cut/Copy/Paste 切制 谢 ▼砥 裁更 V左侧对开 取消锁定y共享 模式 y点 3居中对开 V右贩侪 视图选项 HTML 蚌 酮 y顶部对开 腌 插入对象 ▼中部对齐 左例 账号 布局 y腱 上移一层 y底部对齐 右网 3用户账号 绘画 皎 分布 分布 y水平分布 y垂直分布 下移一层 图片 组合 目定义形状 y组合
13、 3航随合 □显示图标下方的文本|被「 自定义工具栏 自定义工具栏可以自定义文件、模式、插入对象、工具、缩放、布局、组合、对齐、分布、锁 定、视图选项、发布、账号等快捷工具按钮操作,可以根据自己的需要来定义这些快捷按钮。 1.3.3 页面与概要区域 页面与概要区域包含两局部内容,一局部用来显示软件页面的区域,从这里可以了解到软件的 大致结构,有哪些页面,以及页面之间的关系。页面区域采用树状结构来显示页面,以Pagel页为 树的根节点,可以通过对页面进行增加、移动、删除等操作来管理软件原型的页面;另一局部是概 要区域,它是用来管理页面上使用的元件,可以查看页面上使用了哪些元件
14、并管理元件,比方可以 管理动态面板,进行增加动态面板、移动动态面板以及删除动态面板等管理元件的操作。 疑要 页面概要Q国门 目 Page 1 国 Page 1口朝二 概要区域 页面区域元件与母版区域 1 .元件区域 元件区域为制作原型提供的一些基础元件,AxureRP9原型设计工具默认线框图元件库、流程 图元件库和图标元件库。 线框图元件组里提供39种线框图元件,分为4类:基本元件、表单元件菜单|表格和标记元件。 常用的有矩形、图片、占位符、文本标签、水平线、垂直线、热区、动态面板、文本框、下拉列表、 复选框、单项选择按钮元件。 Default基本元4*▼ 口 ■ O
15、 一 解] ^3 BR H2 H3 A. 空 ■ ■ 争现 5^2 水平线 基本元4*▼ 口 ■ O 一 解] ^3 BR H2 H3 A. 空 ■ ■ 争现 5^2 水平线 表单元件, 区 [•UHON BUTTONHI 占位符 主要技钮 的球钮f标安 垂吉或热区动硒板 内限期 中金器 国1醺国[3^?(•)文本框文本域下拉列表列表辖复考框单说钮 菜单।表格▼左霞”立 树表格水平菜单垂五卖单标记元件, 标记元件, 快照 ―► 水平笥头 垂亘箭
16、头 酶] &S2 鳏3 侬4 3W1E 线框图元件库 梯形、 流程图元件库里提供37种流程图元件,有矩形、菱形、文件、括弧、半圆形、三角形、 圆形、六边形、平行四边形、角色、数据库、快照等元件。 7U»Q + 国 : Flow0 Flow ▼ 口 a o Q o ◊ D □ [] Q 近角矩形组 斜角矩形 文件 文件组 △ n o o o 旅 0 O D 三角彩 «7^ 角色 子甘磔义 助 O D d a V O 令 X 0 多文档
17、 手动输A 数据存储 内部存储(RAM) 离我存储 排序 ㊉ Q a o r--n g Fil ■ 逻辑或 穿孔统带 穿孔卡片 图片 流程图元件库 图标元件库里提供了各种各样的图标元件,比方箭头图标、电池图标、日历图标等。 空Q —. + 3 : Icons Web应用▼ BB 通讯录通讯录-空 一I 水平箭头垂直箭头 血[di 银行主形图 @3① 甩--2格用量-3格 ■A 玲声龄声一空 地址卡地址卡-空校正 4穿 * 手语藏译辅助听力台星号 血IIIIIIIIII=
18、 条形图-空主形码功他 闪电辍 扩音器更心 8 电■-4€ 静音 a 书 S 口 电量-空 Z 静音-空 R 书签 a 出相车 E) 电・-满 诙 自行车 n 书签-空 Fttt| wi 计向器 @m 艾特吉第钳 ED 用量-”2 • • • •o oo oo oo B5: 轴 I * • • 1 I I 日历 D 电量-1/4 ・• ・ 生日三慈 包 0 日历-对号 BM 存档面枳图 a亚 汽车天梓 回口 电池用量-0格 床 ① 电量-3/4 百人 密牙.圆 首 日历-戒号 n
19、 日历•空 中 S5头样式 0 (O 用量-1格 * H 逑弃空 笆 日历-加号 图标元件库 2 .母版区域 母版区域用来设计一些共用、复用的区域,例如网站尾部版权区域,可能每个页面都会用到版 权信息;也可以用来设计导航菜单、特别是移动App的底部标签导航。在母版区域进行一次设计, 在其他页面可以直接引用该设计,从而到达共用、复用的效果。 工作区域 工作区域是用来绘制原型的画布,在该区域里可以完成原型的设计,就像画画时用的画纸,在 画纸上可以随意发挥,工作区域就是绘制原型的画纸。 原型设计-Axure RP 9 Team Edition :已授权 文
20、件(…厢相(…槐SH…收目(…布局(…发布(…IH3A (-赚号(…架助(… X Cut t) Copy Q Paste :□: L..J SB 国 Page 1 出版 T £母版i Q 100% □ D 岫尺寸 Auto 濠加自适应视图 默认 □ CJ *35 工作区域 国・ □ X 样式 13.6检视区域 检视区域用于设计页面或者元件的样式、交互效果及说明; 可以设计页面、元件的样式,比方页面在浏览器中的对齐方式是居中对齐还是居左对齐,页面 的背景色或者背景图片,还可以根据草图的效果对元件设置禁用、选中等属性,也可以给元件添加 样式,设置元件的位
21、置和大小,选择元件的字体、边框线、圆角半径、对齐方式。 可以添加页面交互效果,如添加页面载入时的触发事件、窗口尺寸改变时的触发事件、窗口滚 动时的触发事件以及更多其他的事件。 可以填写页面或者元件注释说明,也可以自定义注释的名称。 说明 样式交互说明 (矩形名称)tit 说明 tit 位量和尺寸<§> 220x 80y0 三 240w』100hHI 位量和尺寸<§> 220x 80y0 三 240w』100hHI Box 1* 点击上方 O 100% O 100% 丹版▼ Arial Bold Oblique 28 常用交互 单击时,翻
22、开链接 单击时,设置可见性 鼠标悬停交互样式百1 样式设置 交互设置 说明设置 1.4原型设计流程 1A1需求分析 一般情况下,需求分析主要由产品经理或者需求分析师来完成,但是设计师最好也参与到前期 需求分析的过程中,这样就可以与产品经理对需求产生一致的理解,达成一致的意见。 如何进行需求分析呢? (1) 通过用户调研的方式获取用户的需求,调研的方式有很多,如调查报告、访谈用户等。 (2) 通过竞品分析,分析竞品的界面样式、操作流程、主要任务流程以及用户的需求,但不能直接照搬竞品的设计,其核心竞争力与我们的产品可能不同,解决的用户需求也有可能不同, 所以不能直接抄袭。
23、3) 通过分析用户的反应和产品的数据,找到用户的需求和痛点,从而通过产品满足用户的需求。 页面架构设计 1 .使用思维导图软件理清逻辑关系 获取到用户需求之后,就可以开始分析用户的需求,使用思维导图软件来理清用户的需求以及 产品的各个功能模块、逻辑关系等内容。 作业群 作业群 科目同步练习 2 练习——、 科目考试练习 一' 最新试卷 真题 $-试卷~° 模拟题 - 期末考试题 我的卡券 设置 猿题库App思维导图 2 .流程图表达主要流程任务 分析用户的需求,分析出用户使用产品可以完成的主要流程任务,要完成此流程任务用户每 步需要怎样操作。从而通
24、过流程图分析出用户的主要流程任务,如图L50所示。 3 .产品信息架构设计 通过需求分析以及产品的思维导图、流程图设计,大致可以规划出产品的主要功能点,这些功能点就可以形成产品的初步信息架构,信息架构可以理解成盖房子的地基以及房子的框架。只有确 定了地基和框架,才可能继续搭建上层建筑。比方要制作猿题库App产品原型,确定了它的“练习” 功能、“试卷”功能、“发现”功能以及“我”功能就可以确定该产品的信息架构。 在Axure RP9里的页面区域可以对该信息架构进行管理,页面结构菜单采用树形菜单,层级分 明,结构清晰,还能自动生成框架结构图,使用非常方便。 原型设计-Axure R
25、P 9 Team Edition :已授权 视图(… 工程(… 布局(… 发布(… 团队(… 账号(… 帮助(…X Cut © Copy □ Paste X Cut © Copy □ Paste r--n r---1li □□a U II~I Q 100% 共享 8®库App X 100 200 300 400 登录 说明 S练习 页面尺寸 Auto 添加自造 rag 回发现 母版 8 CM Default 默认 页面网 21 图片 猿题库App信息架构设计 4.页 布局设计 产品信息架构确定之后
26、综合思维导图的及主要流程图,就可以开始页面的布局设计,包括以 下内容。 (1) 页面布局的总体结构,如页面是采用一列布局、两列布局还是多列布局以及页面采用 几行布局等。 (2) 页面的导航设计,网站的导航是采用水平导航、垂直导航或者是其他的一些导航方式? 移动App的导航栏是放置在顶部还是底部?采用几个导航标签?像猿题库App采用的是水平导航, 导航栏放置在页面底部,使用4个导航标签。 高中心中国移动3G%@ 中国移动3G%@ 个床①深夜课堂 房233开课名帅在线暖心陪演 T /■im?]He 阮,■时 未登录 刑今天未练习扛得住,世界就是你的C [能园 语文数学物理化学
27、 Z 闫 缄习试卷En 英语 I 6 生物 四只・ 发现我 En 英语 I 6 生物 四只・ 发现我 猿题库App标签导航 (3) 根据思维导图和流程图规划出来的内容,细分到具体页面结构来设计,需要对每一个 内容块的展示位置进行布局,比方猿题库App的练习模块是如何展示各个科目的。对页面内容结构 的设计取决于设计人员对内容编排的把握,不同的布局会产生不同的效果,可以参照已有成熟产品 的内容布局,因为已有产品经有足够的运营数据支持,具有较多的用户反应。 猿题库App布局 低保真原型设计 理解用户的主要需求,完成主要任务流程设计,通过思维导图软件确定产品的大致
28、内容,实现 页面架构设计,即页面总体布局、导航菜单以及各个模块的设计后,就可以针对各个页面进行内容 设计,也就是低保真原型设计。低保真原型设计就是需要遵循产品的总体结构,利用Axure原型设 计工具,进行设计所示。 后1上寺泛康祸除丫 草图原型 • 缺点:产品经理或者设计师们在白板上制作的草图,他人难以理解其设计意图,因此与其 他成员在沟通上存在障碍。 • 优点:可以简单、快捷地描述出产品大概需求,记录瞬间的灵感。这样的原型适用于小项 目、工期短、用户需求少的产品。 1.1.2 低保真原型kevin〈> 邮箱首页|设置-换缺 kevin〈> 邮箱首页|设置-换缺 反搐建议|都
29、助中心|退出 .邮件搜案 ■写信 一收信 〜通讯录 收件箱 星标由,件 群邮件 草琼而 已发送 已删除 垃圾箱 QQ邮件订阅 其他邮箱 漂流瓶 贺卡|明信片 日历|记事本 附件收藏 文件中转站 阅读空间(257) 夜深了,kevin 注册英文邮箝帐号(如:chen@foxmail ) 一 邮件:0封未漆部件 进入收件箱同读空间(257) 写信法入地囹 用地图告诉收件人具体的地理位置,让 你的地址信息著蜥可见。立即体龄 生日接限会的消息 郭宁好 在今天(4月20日)过生日 发贺卡创造信片 孙丽丽 符在五天后(4月25日)过生日 发贺卡创造信
30、片 宜百所有好友生日》 2015年4月8日更新|暧灯行动|企北由5箱I开放平台|体蛉室|邮箱助手|自助查询|团队博客|加入我们 标准版-基本版 101998- 2015 Tencent Inc All Rights Reserved 低保真原型 • 缺点:美观上和交互效果上比拟欠缺。 • 优点:能够快速构建产品大致结构,提供基本交互效果,是一个团队成员间有效的沟通方 式。 1.1.3 高保真原型 猿题库App低保真原型设计 1.1.4 原型评审 低保真原型设计之后,需要进行原型评审,各个部门会针对产品的需求对产品原型进行评审。 每个人都有不同的偏好和侧重点,开发人员可能更关注
31、于设计可行性,运营人员希望有足够的预留 推广区域,视觉设计师注重美观性,产品经理希望产品尽快上线,就需要设计师在原型评审前考虑 全面,设计方案有足够的说服力。 1.1.5 高保真原型设计 原型设计不仅可以制作低保真原型,同时也可以制作高保真原型,即把低保真原型经过视觉设 计师制图、切图,然后制作出高保真原型。这钟原型可以用于向领导汇报或者设计概念性产品。 未登录 昌今天未练习 扛得住,世界就是你的 去园如 谱文数学英语 物理化学生物 厂 国一' #. w嫁习试卷发现B 猿题库App高保真原型设计 小结 (1) 了解什么是软件原型以及软件原型的分类:草图原型、低保真原型
32、高保真 原型,理解它们的优缺点以及适用的场合。 (2)学会AxureRP9软件的安装。 (3)认识Axure的软件界面,了解软件界面上的6个区域以及它们的含义和功能。 (4)理解原型设计流程,掌握需求分析、页面架构设计、低保真原型设计、原型 评审以及高保真原型设计的概念和方法。 练习 (1)导入一个RP文件到工程里。 (2)通过设置将原型设计软件界面某些区域隐藏起来,比方把母版区域或者其他 区域隐藏起来。 (3)拖曳一个矩形元件到工作区域,将矩形元件背景色填充为灰色(#666666), 文本内容命名为“我是矩形元件",字号设置为红色字体,顶部对齐,边框颜色设置为 黄色(#FFF
33、FOO),边框线框加粗。 |k/f .SlQQ邮箱 kevin<747904126©qq >v £0金汉I■虻0。I退* 早上好,kevin0 注册英文箱俅号(M : chenOfoxniall ) 修件:1封壬漆 收件18(1)潭如(1) U间中©(3)间it空间(257) ttftWI(l) ■mt餐 至冏B BM12 ei» G®. QQ快佟订同 耳£TR 津流・⑴, 54? I明信片 日历I记事本 卅侬皿 文件31•站 2015年4月8日更新 景灯1行就|企业EI8 I开放*台I体验区I/二电吃王I台助池询 团GF客 忙入我打 位MS -
34、STI£ I © 1998 - 2015 Tencent Inc. All Rights Reserved 智能织别tett信息 《匕工力需.写信卬漆? 保7MMe M»eW(257) 高保真原型 • 缺点:需要投入大量的精力和时间。 • 优点:可以模拟出真实软件的界面以及交互效果。 1.2 Axure RP 9软件安装与汉化X Axure RP9软件图标 从官网上下载Axure RP 9软件安装包,进行软件的安装。 (1)双击AxureRP-Setup.exe安装软件开始安装Axure RP 9原型设计工具,安装窗口出现欢迎 语:Welcome to the Axure
35、 RP 9 Setup Wizard o Axure RP9开始安装 (2)勾选“I accept the terms in the License Agreement”复选框,同意 Axure 安装协议,单击“Next” 按钮继续安装。 (3) 钮进行下 同意安装协议选择软件存放路径,可以使用默认的安装路径也可自定义安装路径,之后单击“Next”按 一步。 选择安装路径(4) (4) 持续单击“Next”按钮,直至出现下列图所示的界面。 Axwre RP 9 SetupCompleted the Axure RP 9 Setup Wizard Click the F
36、inish button to exit the Setup Wizard. [7 Launch Axure RP 9Back | Finish | 完成安装(5)单击“Finish”按钮,翻开Axure RP 9原型设计工具。 Untitled - Axure RP 9 Team Edition : Unlicensed 11gli …T«a» Accou…Kelp File Edit Vi ev Proje …Arran … X Cwt6 Copy 0 Paste同回电 Sotocton Mode ConrwctQ 100% Pr«vt«w StureLog In
37、BorderPAGES PAGES OUTLINE 100 200 300 400 500 600 700 _ STYLE INTERACTIONS NOTES PAGE DIMENSIONS [=)P”e 1 Auto Add Adaptive Views UBRARIES MASTERS 8- Default PAGE AUGN FILL □I Color N Image Default Common ▼ Box 1 Box 2 Box 3 o Ellipse kn»g« PUc«ho*d“ Axure RP 9 界面
38、 (6) 在网络下载Axure RP 9软件汉化包,软件汉化包会说明如何进行汉化操作, 汉化后界面 如下图。 无标题-Axure RP 9 Team Edition :未授权 编通(…祝圉(… 工程(… 布局(… 发布(•••团队(…张垮(…帮明(… 编通(…祝圉(… 工程(… 布局(… 发布(•••团队(…张垮(…帮明(… X Cut 0 Copy D Part® X Cut 0 Copy D Part® 回回电 Q 100% m: Page 1 X 中|o 100 200 300 400 500 600 700 五百尺寸 目 Page 1
39、 Auto 添加自适应视图 默认 图片 ■H 占位箝 §: Axure RP 9汉化界面Axure RP 9软件特色 (1)Axure RP 9软件重新设计 (2)Axure RP 9细节更完善 (3)Axure RP 9管理更方便 (4)Axure RP 9 兼容性(5) Axure RP 9团队工程 1.3 认识Axure软件界面 运行Axure软件,开始认识Axure软件界面,软件界面大致可以分为6个区域,分别为菜单栏 区域、工具栏区域、页面与概要区域、元件与母版区域、工作区域和检视区域。 软件界面 微课
40、视频 菜单栏区域. 菜单栏区域包括文件、编辑、视图、工程、布局、发布、团队、账号、帮助9个菜单小, 软件的一些常规操作和功能。;। 文件(…编辑(…视图(…工程(…布局(…发布(…团队(…账号(…帮助(…।菜单栏区域 菜单栏区域 菜单栏应用详解 L文件菜单 该菜单可完成的操作如下。 (1)可以新建工程、翻开工程、保存工程以及新建元件库,该操作可以使用快捷键或者工具栏 快速操作按钮完成。 (2)可以导入RP文件,可以翻开团队工程、新建团队工程、获取团队工程。 (3)可以进行打印纸张尺寸设置、打印page 1页面、导出page 1图片。 (4)可以进行备份经常用到的操作,
41、可以设置定时备份软件原型,防止制作过程中软件原型丧失。 新建(N)Ctrl+N 新建元件库(N) 翻开...(0)Ctrl+0 翻开最近编辑的文件(R)> 保存(S)Ctrl+S 另存为...(A) Ctrl+Shift+S 从RP文件导入. • .(D 新建团队工程.•・(T) 新建团队元件库.. .(丫) 获取并翻开团队工程(G) 纸张尺寸与设置. • .(Z)打印...(P)Ctrl+P 打印Page 1... 导出Page 1为图片... 导出所有页面为图片...(E) 自动备份设置...(B) 从爸份中恢复…(C)偏好设置(F)F9 退出(X)Alt+F4文
42、件菜单项选择项 2 .编辑菜单 该菜单可以完成撤销、重做、剪切、复制、粘贴等操作,由于这些操作可以使用快捷键来完成, 所以很少会使用此菜单。 撤消(U) Ctrl+Z 剪切(T) Ctrl+X 复制(C) Ctrl+C 粘贴(P) Ctrl+V 查找(F) Ctrl+F 替换(E) Ctrl+H 全选(A) Ctrl+A 删除(D) 编辑菜单项选择项 3 .视图菜单 视图菜单中常用的选项组有工具栏、功能区和遮罩。工具栏选项组包括基本工具和样式工具。 用户可以通过勾选的方式控制工具栏区域内容的显示,同时软件提供自定义工具栏功能,工具栏内 容可以自行定义
43、 工具林(T)► 功能区(F)> 重置视图(R) 标尺・网格・辅助线► 遮怎(M)> y 显示说明与交互的标记00 V 显示位置尺寸提示(L) V 显示背景(B) V基本工具(M) 自定义基本工具列表(C) V样式工具(S) 视图菜单项选择项 工具栏选项 功能区菜单包括7个区域:页面区域、元件区域、母版区域、交互区域、说明区域、样式区域、 概要区域。通过勾选的方式可以控制该区域的显示与隐藏效果;Axure还提供开关左侧功能栏和开 关右侧功能栏的功能。 在遮罩菜单中,用户能够通过勾选的方式来控制是否为隐藏对象、母版、动态面板、中继器、 文
44、本链接或热区添加遮罩效果。 开关左制功能栏(L)Ctrl+Alt+[开关右制功能栏(R)Ctrl+Alt+] V隐藏对象(H) V母版⑴ V动态面板(D) V中维器(E) V文本链接(T) V热区9) 遮罩选项 V页面V元件 V母版V交互 V说明V样式 V概要功能区选项 4 .工程菜单 工程菜单可以对元件、页面的样式进行编辑,设置自定义元件字段说明和页面字段说明,添加 全局变量,并且自适应视图可以设置页面自适应,根据不同的页面大小显示不同的内容。 元件样式管理器…小) 页面样式管理器…任) 说明字段设置…任)全局变里• ..,) 自适应视图・・.(A)工程菜
45、单项选择项 5 .布局菜单 布局菜单是用来处理元件和元件之间的组合关系、对齐方式、分布方式,并包含转换为母版或 动态面板等功能,该操作可以通过工具栏区域的快捷操作来完成,很少会进入到布局菜单里来操作 元件。 组合⑹ Ctrl+G 置于顶层(T) Ctrl+Shift+] 置于底层(K) Ctrl+Shift+[ 上移一层(F) Ctrl+] 下移一层(B) Ctrl+[ 对弁⑴ 分布(D) ► 锁定(K) 转换为母版W) 转换为动态面板(D) 重置全部连接线00 布局菜单项选择项 6 .发布菜单 发布菜单的功能如下。 (1)可以进行
46、原型预览,对预览方式进行设置,选择翻开浏览器的方式以及对工具栏进行设置。 (2)可以将原型发布到Axure云上面进行托管。 (3)以生成HTML文件的方式进行原型发布。 (4)生成需求规格说明书的Word文档。 (5)预览和生成原型文件。 预览⑻预览选项. . ・Ctrl+Shi ft+Alt+P 发布到Axure云...(A)/ 生成HTML文件...(H)Ctrl+Shi £t+0 重新生成当前页面的HTML文件(R) Ctrl+Shi ft+I 生成Word说明书...)Ctrl+Shi ft+D 更多生成器和断蚩文件W) 发布菜单项选择项 7 .团队菜单 团队菜单可用于创立团队工程和获取团队工程,对团队工程工程进行团队协作管理,包括从团 队目录获取全部变更、提交所有变更到团队目录、迁出全部、签入全部、撤销所有迁出等。 从当前文件创立团队工程… 获取并翻开团队工程(灯 团队菜单项选择项 8 .账号菜单 账户菜单项选择项进行账户登录和代理服务器设置。 登录您的账号(工)Ctrl+F12管理服务器..・册) 代理设置(P)账户菜单项选择项
©2010-2025 宁波自信网络信息技术有限公司 版权所有
客服电话:4009-655-100 投诉/维权电话:18658249818