Axure RP 9原型设计实战案例教程（App与Web）教案 第一章 初识Axure RP9

《AxureRP9原型设计实战案例教程（APP与Web）》课程教案课题：初识AxureRP9教学目的：了解什么是软件原型以及软件原型的分类：草图原型、低保真原型、高保真原型，理解它们的优缺点以及适用的场合。学会AxureRP9软件的安装。认识Axure的软件界面，了解软件界面上的6个区域以及它们的含义和功能。理解原型设计流程，掌握需求分析、页面架构设计、低保真原型设计、原型评审以及高保真原型设计的概念和方法。了解什么是页面区域。页面区域是由功能菜单和页面两部分组成，可以通过页面区域管理软件的页面关系。通过功能菜单和右键菜单选项来管理页面，包括新增页面、移动页面、删除页面以及搜索页面等操作等。学会如何规划软件栏目结构。课型：新授课课时：本章安排2个课时。教学重点：重点：理解原型设计流程，掌握需求分析、页面架构设计、低保真原型设计、原型评审以及高保真原型设计的概念和方法。教学难点：难点：通过功能菜单和右键菜单选项来管理页面，包括新增页面、移动页面、删除页面以及搜索页面等操作等。教学过程：教学形式：讲授课，教学组织采用课堂整体讲授和分组演示。教学媒体：采用启发式教学、案例教学等教学方法。教学手段采用多媒体课件、视频等媒体技术。板书设计：本课标题初识AxureRP9课次1授课方式理论课□讨论课□习题课□其他□课时安排2学分共2分授课对象普通高等院校学生任课教师教材及参考资料1.《AxureRP9原型设计实战案例教程（APP与Web）》；电子工业出版社。2.本教材配套视频教程及学习检查等资源。3.与本课程相关的其他资源。教学基本内容教学方法及教学手段课程引入AxureRP9是一款专业的原型设计工具，广泛应用于产品经理、交互设计师和UI设计师的工作中。它能够帮助用户快速创建高保真度的交互原型，用于产品设计、需求沟通和用户测试。参考以下形式：1.衔接导入2.悬念导入3.情景导入4.激疑导入5.演示导入6.实例导入7.其他形式一、原型软件原型可以理解成软件的Demo（示范），它并不是一个可以最终使用的软件，而是通过某种物品（比如纸笔）或者某种工具（比如Axure）快速地勾勒出软件的大致结构，并添加一些交互效果，实现的模拟软件功能操作的范例。1.1草图原型缺点：产品经理或者设计师们在白板上制作的草图，他人难以理解其设计意图，因此与其他成员在沟通上存在障碍。优点：可以简单、快捷地描述出产品大概需求，记录瞬间的灵感。这样的原型适用于小项目、工期短、用户需求少的产品。1.2低保真原型缺点：美观上和交互效果上比较欠缺。优点：能够快速构建产品大致结构，提供基本交互效果，是一个团队成员间有效的沟通方式。1.3高保真原型缺点：需要投入大量的精力和时间。优点：可以模拟出真实软件的界面以及交互效果。二、AxureRP9软件安装与汉化（1）安装步骤：下载安装包，运行AxureRP-Setup.exe，同意许可协议，选择安装路径，完成安装并启动。（2）汉化操作：下载适配汉化包，按照汉化说明替换相关文件，完成界面汉化（可选，根据使用习惯选择）。（3）运行环境要求：兼容Windows主流操作系统，满足基础硬件配置即可正常运行。实战——登录页的低保真原型制作三、认识Axure软件界面运行Axure软件，开始认识Axure软件界面，软件界面大致可以分为6个区域，分别为菜单栏区域、工具栏区域、页面与概要区域、元件与母版区域、工作区域和检视区域。3.1菜单栏区域菜单栏区域包括文件、编辑、视图、项目、布局、发布、团队、账号、帮助9个菜单项，提供软件的一些常规操作和功能。3.2工具栏区域工具栏是使用频率最高的快捷工具，在原型设计过程中经常会用到快捷操作，理解工具栏的功能并掌握它的使用，可以提高原型制作的效率。工具栏区域分为基本工具栏和样式工具栏，同时提供自定义工具栏功能。3.3页面与概要区域页面与概要区域包含两部分内容，一部分用来显示软件页面的区域，从这里可以了解到软件的大致结构，有哪些页面，以及页面之间的关系。页面区域采用树状结构来显示页面，以Page1页为树的根节点，可以通过对页面进行增加、移动、删除等操作来管理软件原型的页面；另一部分是概要区域，它是用来管理页面上使用的元件，可以查看页面上使用了哪些元件并管理元件，比如可以管理动态面板，进行增加动态面板、移动动态面板以及删除动态面板等管理元件的操作。3.4元件与母版区域元件区域为制作原型提供的一些基础元件，AxureRP9原型设计工具默认线框图元件库、流程图元件库和图标元件库。母版区域用来设计一些共用、复用的区域，例如网站尾部版权区域，可能每个页面都会用到版权信息；也可以用来设计导航菜单、特别是移动App的底部标签导航。在母版区域进行一次设计，在其他页面可以直接引用该设计，从而达到共用、复用的效果。3.5工作区域工作区域是用来绘制原型的画布，在该区域里可以完成原型的设计，就像画画时用的画纸，在画纸上可以随意发挥，工作区域就是绘制原型的画纸。3.6检视区域检视区域用于设计页面或者元件的样式、交互效果及说明。四、原型设计流程4.1需求分析一般情况下，需求分析主要由产品经理或者需求分析师来完成，但是设计师最好也参与到前期需求分析的过程中，这样就可以与产品经理对需求产生一致的理解，达成一致的意见。4.2页面架构设计（1）使用思维导图软件理清逻辑关系（2）流程图表达主要流程任务（3）产品信息架构设计（4）页面布局设计4.3低保真原型设计理解用户的主要需求，完成主要任务流程设计，通过思维导图软件确定产品的大致内容，实现页面架构设计，即页面总体布局、导航菜单以及各个模块的设计后，就可以针对各个页面进行内容设计，也就是低保真原型设计。4.4原型评审低保真原型设计之后，需要进行原型评审，各个部门会针对产品的需求对产品原型进行评审。4.5高保真原型设计原型设计不仅可以制作低保真原型，同时也可以制作高保真原型，即把低保真原型经过视觉设计师制图、切图，然后制作出高保真原型。实战——“蓝月亮”栏目规划结合前两节学习的内容，做一个“蓝月亮”栏目的规划，通过本节内容的练习学会规划软件的页面结构，并且进一步加深对页面区域使用的理解。1．教学以学生学习教材的基本内容为主，系统全面地学习税收制度的构成要素的基本内容。2．整个教学过程中，各教学点可根据实际情况，进行拓展知识的讲解。本章小结：AxureRP9是一款兼具易用性与专业性的原型设计工具，其核心价值在于将产品设计思维与工具操作深度融合。本章通过软件安装、界面认知、流程学习和基