Axure RP9 网站与App原型设计实战案例教程PPT完整全套教学课件.pptx

第一章 从0认识Axure9.0第一节 原型设计入门 原型的定义原型的重要性原型的特征原型的保真程度C ONTENTS 原型的定义/ 01 原型的定义4在产品经理的日常工作中，原型设计是必不可少的工作之一。原型设计可以用于产品设计方案，也是用于开发、测试中项目组成员工作交付的重要文件。原型是用线条、图形描绘出的产品框架，也称线框图。原型是页面级别的信息架构、文案设计、页面之间的产品流程，是产品功能与内容的展示页，阅读者可通过原型快速了解产品经理的设计思路，了解产品经理最终想把产品表现成什么样子，实现了哪些功能。如图所示，最简单的原型包含了原型的形态展示，通过图表、文字、布局来展示产品经理希望表达的产品形态。 原型的重要性/ 02 原型的重要性6抽象转具象原型设计在整个产品方案输出流程中处于最重要的位置，起着承上启下的作用。原型设计之前的需求或功能信息都是相对抽象的。原型设计的过程就是将抽象信息转化为具象信息的过程。完成产品原型之后，产品需求文档即对原型设计中的版块、界面、元素及它们之间的执行逻辑进行的描述和说明。避免疏漏原型最大的好处在于它可以有效地避免重要元素被忽略，也能够预防设计人员做出不准确、不合理的假设。多维度优化设计一个可用、可交互的原型可以帮助开发和设计人员从不同的维度上来规划和设计产品，是帮助网站与APP设计最终完成标准化和系统化的最好手段。 原型的特征/ 03 原型的特征8原型应该尽可能模拟最终产品，尽量在体验上和最终产品保持一致。但是，原型背后的逻辑不要依赖交互形式，以减少制作原型的成本，加快开发速度。产品经理在使用Axure设计原型时，要选择适合自己工作需要的原型保真程度。 原型保真程度/ 04 原型保真程度10原型保真程度是设计的原型对于最终上线的品的仿真程度。按保真程度，原型可分为低保真原型、高保真原型。下面我们分别介绍一下它们的优缺点。 低保真原型11低保真原型对原型进行简单的模拟，大多使用黑、白、灰三种颜色，简单地表达产品的页面形态和功能架构，页面之间的关联使用连接线连接，以表达清楚产品流程。低保真原型的优点。①快速产出：实现成本较低，可以快速产出页面形态，表达清楚产品思路。②快速迭代：在开发过程中，遇到问题需要修改原型时，可快速修改，修改成本低。低保真原型的缺点。交互细节表达不清楚，只能依赖于文字或文档。产品流程依赖于连接线，容易造成误解，复杂的页面流程无法清晰表达页面之间的关系。 低保真原型展示12以黑、白、灰三种颜色进行色彩设计，应用简单的线框图与默认样式表达产品形态，并且使用连接线表达了页面之间的逻辑关系，这种原型称为低保真原型。 高保真原型13高保真原型是还原程度比较高的原型设计，布局更加合理，应用简单的色彩搭配、图片、图标来表达产品设计思路，按钮具有鼠标悬浮、按下、选中效果，转场动画还原度更高。高保真原型可以在以下五个维度进行考虑和评估。完整性：主要指业务和功能方面的；准确性：数据量，文案描述；操作性：原型的跳转和亮点；易用性：看起来清晰，操作的链条简单；美观性：界面布局，版式，颜色搭配。 01完整性准确性操作性易用性美观保真原型 高保真原型示例 T hanks. 第一章 从0认识Axure9.0第二节 Axure基础设置 Axure RP基础介绍Axure RP 9.0下载、安装、汉化Axure RP 9.0注册、登录、授权第一次接触Axure RP 9.0预览生成HTML文件发布到Axure Share自适应视图设置母版C ONTENTS Axure RP基本介绍/ 01 Axure RP基本介绍20Axure RP是一种专业的快速原型设计工具。Axure代表美国Axure Software Solution公司，RP则是Rapid Prototyping（快速原型）的缩写。Axure RP已经被广大公司认可，成为最普及的原型设计工具。Axure RP的使用者主要是商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。另外，程序架构师、程序开发工程师在工作中也常常使用Axure RP。Axure RP的当前最新版本为9.0，与8.0版本相比，软件的成熟度更高，且交互设计的效果更好。 Axure RP 9.0下载、安装、汉化/ 02 Axure RP 9.0下载、安装、汉化221.Axure RP 9.0的下载在浏览器中，输入网址“https://www.A”，单击图所示“DOWNLOAD”按钮，进入下载页面。在“DOWNLOAD”页面中，选择“MAC”或“PC”版本进行下载，如图所示。 Axure RP 9.0注册、登录、授权/ 03 Axure RP 9.0注册、登录、授权241.Axure RP 9.0的注册和