Axure RP 8 网站与APP原型设计第3章

第1章 Axure原型设计概述信息化高速发展的今天，用户从过去没有太多软件可以使用到现在可以定制自己个性化的软件，用户有更多自己的想法和需求，但是并不能清晰、完整地表达自己需求，而产品原型恰恰能快速地挖掘出用户的真实需求。

通过原型设计预先展示产品效果1.1 原型软件原型可以理解成软件的Demo（示范），它并不是一个可以最终使用的软件，而是通过某种物品（比如纸笔）或者某种工具（比如Axure）快速地勾勒出软件的大致结构，并添加一些交互效果，实现的模拟软件功能操作的范例。

原型大致可以分为3类：草图原型、低保真原型以及高保真原型。

1.1.1 草图原型草图原型●缺点：产品经理或者设计师们在白板上制作的草图，他人难以理解其设计意图，因此与其他成员在沟通上存在障碍。

●优点：可以简单、快捷地描述出产品大概需求，记录瞬间的灵感。

这样的原型适用于小项目、工期短、用户需求少的产品。

1.1.2 低保真原型低保真原型●缺点：美观上和交互效果上比较欠缺。

●优点：能够快速构建产品大致结构，提供基本交互效果，是一个团队成员间有效的沟通方式。

1.1.3 高保真原型高保真原型●缺点：需要投入大量的精力和时间。

●优点：可以模拟出真实软件的界面以及交互效果。

1.2 Axure RP 9 软件安装与汉化Axure RP 9软件图标从官网上下载Axure RP 9软件安装包，进行软件的安装。

（1）双击AxureRP-Setup.exe安装软件开始安装Axure RP 9原型设计工具，安装窗口出现欢迎语：Welcome to the Axure RP 9 Setup Wizard。

Axure RP 9开始安装（2）勾选“I accept the terms in the License Agreement”复选框，同意Axure安装协议，单击“Next”按钮继续安装。

同意安装协议（3）选择软件存放路径，可以使用默认的安装路径也可自定义安装路径，之后单击“Next”按钮进行下一步。

《Axure RP 9网站与App原型设计（全彩慕课版）》教学大纲课程介绍：Axure是一个专业的快速原型设计软件，它可以让产品经理、程序员、设计师根据需求设计功能和界面，快速创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理，是交互设计师、产品经理必会的一款原型设计工具。

Axure经过多年的发展，已经是非常成熟的、广受欢迎的原型设计工具，市场占有率不断提高，已成为网页设计、App设计等领域的关键技术之一。

本课程分为3篇，共12章。

第一篇为原型设计及Axure基础，介绍了Axure原型设计概述、用页面区域管理页面、用Axure元件库搭积木、用Axure动态面板制作动态效果、使用Axure变量制作丰富的交互效果以及用Axure母版减少重复工作；第二篇为Axure高级交互效果，介绍了用Axure链接行为制作交互效果、用Axure元件行为制作交互效果以及用中继器模拟数据库操作；第三篇为综合实战应用，介绍了支付宝App低保真原型设计、携程旅游网站高保真原型设计，并介绍了项目共享协作及协作利器蓝湖。

通过学习Axure基础和项目综合案例，学生可以全面、深入、透彻地理解Axure原型设计工具的使用方法，提高产品设计能力和项目实战能力。

教学目标：原型设计及Axure基础：➢了解原型、Axure的软件界面及原型设计流程➢掌握页面区域、页面区域功能，学会规划软件栏目结构➢掌握线框图、流程图元件的含义和使用，学会载入元件库和自定义元件库➢掌握动态面板、动态面板常用功能，学会制作淘宝登录页签的切换效果➢理解全局变量、局部变量，掌握变量值在页面间传递，学会制作简易计算器➢掌握母版功能、3种拖放行为，学会蓝月亮导航菜单母版设计Axure高级交互效果：➢掌握Axure的链接行为，理解自适应视图功能➢掌握Axure的元件行为，学会使用元件行为制作交互效果➢了解中继器，掌握Axure中继器模拟数据库操作综合实战应用：➢通过支付宝App低保真原型设计，学习元件的使用及母版、海报轮播效果、上下滑动效果的制作➢通过携程旅游网站高保真原型设计，学习元件的使用及母版、倒计时交互效果、海报轮播效果、搜索区域导航悬浮效果、图片放大缩小效果的制作➢掌握建立、获取和编辑共享项目的方法，了解蓝湖的使用课时安排：第1章2课时第2章4课时第3章6课时第4章6课时第5章4课时第6章4课时第7章4课时第8章6课时第9章4课时第10章6课时第11章6课时第12章2课时教学内容：原型设计及Axure基础：第1章Axure原型设计概述1.原型的概念及三类常见的原型2.Axure RP 9 软件安装和汉化3.Axure RP 9软件特色4.Axure软件界面5.原型设计流程第2章用页面区域管理页面1.页面区域的定义、意义及使用页面区域的注意事项2.页面区域功能的使用方法3.实战——“蓝月亮”栏目规划第3章用Axure元件库搭积木1.绘制线框图所用的元件2.绘制流程图所用的元件3.图标元件库4.载入元件库和自定义元件库5.实战——制作“个人简历表”第4章用Axure动态面板制作动态效果1.动态面板的使用2.动态面板的常用功能3.实战——淘宝登录页签的切换效果第5章使用Axure变量制作丰富的交互效果1.全局变量和局部变量的使用2.变量值在页面间传递3.实战——制作简易计算器第6章用Axure母版减少重复工作1.母版的使用方法和制作母版的两种方式2.母版的3种拖放行为3.实战——蓝月亮导航菜单母版设计Axure高级交互效果：第7章用Axure链接行为制作交互效果1.打开链接和关闭窗口行为2.在内部框架中打开链接行为3.滚动到元件（锚点链接）行为4.设置自适应视图第8章用Axure元件行为制作交互效果1.显示/隐藏行为2.设置文本和设置图片行为3.设置选中行为4.设置列表选中项行为5.启用/禁用行为6.移动/旋转和置于顶层/底层行为7.获取焦点和展开/收起树节点行为第9章用中继器模拟数据库操作1.认识中继器2.中继器绑定数据3.中继器布局设计4.中继器数据绑定5.新增数据弹出框设计6.中继器新增数据操作7.中继器删除数据操作综合实战应用：第10章支付宝App低保真原型设计1.底部标签导航母版设计2.“支付宝”九宫格导航布局设计3.海报轮播效果制作4.“余额宝”界面布局设计5.“余额宝”界面上下滑动设计6.“支付宝”与“余额宝” 切换显示效果第11章携程旅游网站高保真原型设计1.网站注册表单的布局设计2.网站注册表单校验3.倒计时交互设计4.网站登录布局与交互设计5.导航菜单母版设计6.首页海报轮播效果制作7.首页搜索区域导航悬浮效果设计8.首页图片放大、缩小效果制作第12章项目共享协作及协作利器蓝湖1.项目如何共享协作2.获取共享项目3.编辑共享项目4.协作利器蓝湖。

AxureRP8教程–查看原型人人都是产品经理Axure小白的福利又来了，本教程主要讲述查看原型的一系列基础操作以及相关设置。

希望大家边学边操作，学习效果更佳哦。

Axure RP 8 教程–查看原型1.快速预览查看原型快速原型的快捷键为“F5”。

或者，单击快捷键功能中的预览图标进行预览。

导航菜单“发布”-“预览选项”中进行预览设置。

2.生成HTML查看原型。

生成原型的快捷键为“F8”。

或者，单击快捷键功能中生成图标。

还可以通过导航菜单“发布”-“生成原型文件”中进行生成。

3.生成部分原型界面发布原型时，如果不需要将所有页面生成或者发布，可以在生成HTML的设置中打开“页面”的设置，取消“生成所有页面”的勾选，则可以设置生成指定的页面。

注意，子级页面无法单独发布，勾选子级页面时会自动勾选父级页面。

如果需要单独发布子级页面，需要在页面管理面板将子级页面的级别调整到一级页面。

4.为原型添加标志在生成HTML的设置中有“标志”的设置，可以为原型添加图片标识或者文字标题。

原型发布后会显示在工具栏的页面面板中。

5.发布原型到AxShare发布原型到AxShare是将做好的原型发布到Axure官方提供的空间中，通过自动生成的网址进行访问。

发布到AxShare的快捷键为“F6”。

发布到AxShare需要注册相关账号，网址为：http：///6.移动设备设置制作移动设备原型需要遵循规范将原型制作成标准尺寸。

移动设备原型尺寸计算工具：http：///share/yxcc/ （个别移动设备可能会有出入）。

除了制作标准原型尺寸，还需要在生成的HTML文件配置中，进行“移动设备”的设置，让生成的HTMl文件“包含视图接口标记”才可以正常显示。

7.web字体设置当原型使用一些特殊字体时，在没有安装该字体的设备上将无法正常显示。

web字体可以较好的解决这个问题。

方法一需要网络以及在线CSS文件支持，以FontAwesome字体为例。

AxureRP8互联⽹产品原型设计练习题及答案第1章⼀、选择题1.下列选项中那个软件不属于产品原型的体现⽅法（）。

A.WordB.VisioC.AxureD.Excel2.下列选项中不属于原型设计作⽤的是（）。

A.让开发变的轻松B.节省时间和⾦钱C.更易沟通与反馈D.能完成产品的上传3.可以把设计⽤户体验的⼯作分解成（）个层⾯，⽤来帮助设计师更好地解决问题。

A. 5B. 4C. 3D. 64.对于⼀个刚刚进⼊⽹站的⽤户，为了确保能够找到他们感兴趣的内容，通常不需要了解下⾯的那个内容。

A.他们⾝在何处B.他们要寻找的内容在哪⾥C.怎么样才能得到这些内容D.他们怎么进⼊⽹站⼆、填空题1.2.3.4.5.三、操作题安装Axure RP软件，并启动软件。

1.下列选项中不属于Axure RP 8内建元件的是（）。

A.按钮B.图⽚C.导航D.下拉式菜单2.下列选项中不属于原型设计作⽤的是（）。

A.让开发变的轻松B.节省时间和⾦钱C.更易沟通与反馈D.能完成产品的上传3.Axure RP 8的菜单按照功能划分为（）菜单。

A. 5B.8C. 3D. 64.下⾯选项中能够进⼊Axure RP 8的教学频道，跟着⽹站视频学习软件的使⽤。

A.进⼊Axure 论坛B.检查更新C.查找在线帮助D.在线培训教学⼆、填空题1.2.3.4.5.三、操作题启动Axure RP软件，并操作软件界⾯并⾃定义⼯作⾯板。

第3章⼀、选择题1.下⾯选项中不属于Axure RP 8新建⽂件页⾯边距的是（）。

A.上D.左、右2.为了保证⽤户不会因为电脑死机或软件崩溃等问题未存盘，⽽造成不必要的损失，Axure RP 8为⽤户提供了（）的功能。

A.⾃动备份B.找回C.保存D.⾃动保存3.下列各式中不属于Axure RP 8的存储格式的是（）。

A.RPB.RPPRJC.RPLIBD.PSD4.默认情况下，⼀个新的⽂件包含（）个页⾯。

A. 3B. 2C. 4D. 6⼆、填空题1.2.3.4.5.三、操作题启动Axure RP软件，并操作软件界⾯并⾃定义⼯作⾯板。

AxureRP8实战手册新手必须掌握的基础操作：本篇包含56种常见的基础操作，初学者应在掌握本篇内容后再进行实战案例篇的学习，以免产生学习障碍。

同时，建议具备一定基础的读者学习本篇中相对生疏的内容，并加以掌握。

一 Axure8.0基础教程（1-10）***********************************本文目录*********************************** 第1章使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏************************************正文************************************ 第1章使用元件基础1. 添加元件到画布在左侧元件库中选择要使用的元件，按住鼠标左键不放，拖动到画布适合的位置上松开。

（图1-1）基础2. 添加元件名称在检视面板的元件名称文本框中输入元件的自定义名称，建议采用英文命名。

建议格式：PasswordInput01或Password01名称含义：序号01的密码输入框格式说明：“Password”表示主要用途；“Input”表示元件类型，一般情况下可省略，当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用；“01”表示出现多个同名元件时的编号；单词首字母大写的书写格式便于阅读。

（图1-2）基础3. 设置元件位置/尺寸元件的位置与尺寸可以通过鼠标拖拽调整，也可以在快捷功能或元件样式中进行输入调整。

（图1-3）x：指元件在画布中的x轴坐标值。

y：指元件在画布中的y轴坐标值。

w：指元件的宽度值。

h：指元件的高度值。

在输入数值调整元件尺寸时，可以在样式中设置，让元件【保持宽高比例】。

AxureRP8互联网产品原型设计——习题及答案第1章一、选择题1.下列选项中那个软件不属于产品原型的体现方法（）。

A.WordB.VisioC.AxureD.Excel2.下列选项中不属于原型设计作用的是（）。

A.让开发变的轻松B.节省时间和金钱C.更易沟通与反馈D.能完成产品的上传3.可以把设计用户体验的工作分解成（）个层面，用来帮助设计师更好地解决问题。

A. 5B. 4C. 3D. 64.对于一个刚刚进入网站的用户，为了确保能够找到他们感兴趣的内容，通常不需要了解下面的那个内容。

A.他们身在何处B.他们要寻找的内容在哪里C.怎么样才能得到这些内容D.他们怎么进入网站二、填空题1.在设计原型的时候，为了更好地表现网站内容并留住更多的浏览者，设计师需2.3.4.5.为了使这些用户的用户体验保持一致，在设计页面的时候也要充分考虑人体器三、操作题安装Axure RP软件，并启动软件。

第2章一、选择题1.下列选项中不属于Axure RP 8内建元件的是（）。

A.按钮B.图片C.导航D.下拉式菜单2.下列选项中不属于原型设计作用的是（）。

A.让开发变的轻松B.节省时间和金钱C.更易沟通与反馈D.能完成产品的上传3.Axure RP 8的菜单按照功能划分为（）菜单。

A. 5B.8C. 3D. 64.下面选项中能够进入Axure RP 8的教学频道，跟着网站视频学习软件的使用。

A.进入Axure 论坛B.检查更新C.查找在线帮助D.在线培训教学二、填空题1.2.3.4.5.初的界面布局。

三、操作题启动Axure RP软件，并操作软件界面并自定义工作面板。

第3章一、选择题1.下面选项中不属于Axure RP 8新建文件页面边距的是（）。

A.上B.下C.中D.左、右2.为了保证用户不会因为电脑死机或软件崩溃等问题未存盘，而造成不必要的损失，Axure RP 8为用户提供了（）的功能。

A.自动备份B.找回C.保存D.自动保存3.下列各式中不属于Axure RP 8的存储格式的是（）。