AxureRP9互联网产品原型设计教学教案.docx

《AxureRP9互联网产品原型设计教学教案.docx》由会员分享，可在线阅读，更多相关《AxureRP9互联网产品原型设计教学教案.docx（29页珍藏版）》请在优知文库上搜索。

1、项目1了解互联网产品原型设计（任务1、任务2）一、教学设计授豫内容任务1了解原型设计的作用任务2拿思罐导图的修制学时1次2学时授课教师授源财t授课地点课程类型口理出口实践0理实一体教学目标知识目标1 .原型设计的必92 .思维导图软件4E性和作用r绍能力目标1.掌握思箫导图的绘制素质目标培养学生团结协作的精神课堂思政1.通过评解区组设计的概念及作用培格学生的现他意识2.通过讲解思斑7#图的绘制激发学生精益求怙的工匠精神知识点1.原型设计的概念2 .原型设计的参与者3 .原型设计的必要性和作用1.思维导图软件介绍技能点1.安装并使用XmindZENa*BA思维导图与原型设计的关系教学难点原型设计

2、中的用户体验教学贵源教材及蠹考费科集体及平台教学方法教法:i膝法、任务瞅动法、演徜i，学法:案例教学法,小姐讨论法。、教学实旅（包括但不仅限以下内容）（一）本次爆内容知次导Ba二）放学内容（注明疆些是知识点、技能点，并展示其去述方式（包括但不仅限F陈述、案例、微课、抖音、视频、故事名吉、数据等）任务I了解原型设计的作用知识点I原型设计的必要性道过蚪解原型谩计的套用盘，引出原夏敏计的必JMt.原型是帮助网拈设计完成最终标准化和系统化的最好手段.它展大的好处在于,可以有效地避免正要元素被包珞，也能助阻止作出不准确不合理的假设，【提示】：无论你是移动端Ul设计师还是PC端网页设计师，原型设计的很妥性

3、是显而多见的。原型设计让谩计师和开发者将基本的概念和构想形象化的呈现出来，让参与进来的每个人都可以查看使用，并给予反靖。而且，在最终版本定下来之前随时可以进行必要的调整。在项目开始之初,对每个元素进行调试并确保它的能鲂如同预期一样运作是相当重要的步骤.当完成可交互的高保真原型之后,设计师可以格它作为一个成型的界面来使用.通过测试模型中所行的功能，确认能否解决规划阶段所计划解决的问胭，如果没有使用产品原型，而是在完成项目整体的设计和开发之后is行测试，加么，修改和询整的成本就相当高昂了。【提示】：一个可用可交互的原型所带来的好处并不量一星半点，它还可以帮助开发和设计人员从不同的雉度上来规划和设计

4、产品。知识点2原型设计的作用J1.it方式：通过Mifc愚型谟计的工件海&和设计款件引出原熨设计的作用.个而保直原型能够像最终完成的产品那样运行，使用者可以对它迸行操作，原型则会给予相应的反馈，使用者在明白产品运作方式的同时，寻求解决特定问题的方案，原型经过可用性ifl试之后，能峡优化出更好的用户体脸，使弊在产品上线发布之前排除相当一部分的潜在何也和故障.1、让开发变的轻松产品原型可以使产品的开发变的更加容易.当一个联目完成满意的原型之后，能够消楚的让卷马者荷到顶Il发布之后的运作的流程。开发人员能够在此战础上开发出更加完善的代码方案.2、节省时间和金钱当一个公E想要推出一个新的ApP或拧发布

5、一个新的网站时,总会集合一批专业的人士来完成这个项目.随着时间的推移，花销会不断的增长，项目上的投入自然越来越大.有了膜型之后，团队成员能铐困生着原型进行快速高效的沟通，哪些地方要增删，什么细节要修改，这样的方式能够更加快速的推进项目进度。3、更易沟通与反馈有了原型之后,团队成员沟通的时候不需妾彼此发送大Ift的图片和PDF文档了.IU而代之的是添加评论和族接,或者是使用原型工具内建的反馈:只进行沟通，沟通更快了，悦里的修订也更快了，【提示】：版本修订货.原嗖设计过程中的左妥组成部分，它是最终产品能完关呈现的先决条件。原型能钻不断修正迸化，这使得它成为了产品研发中最有价值的部分。随着一次次的迭

6、代，产品本身会越来越优秀,而版本修订的过程也越来越快速而筑单。知识点3原型设计的要点衰是方入：通过展示工及内产Jfc案例引出原熨设计的要点.在设计原型的时候，为了更好地表现网站内容并留住更变的浏览者，设计师需要注:以下几点。1、规避设计时自己个人的喜好.自己喜欢的东西并不一定谁都喜欢.例如网页的色彩应用,设计师个人喜欢大红大绿.并用在设计的作品中充斥督这样的颜色，那么一定会丢失掉很多潜在客户,原因很简单，就是跳跋的色彩让浏览者失去对网站的伯任.现在的大部分用户都喜欢简单的醐色，简约而不简单。设计师可以通过先浏览其他设计师的作品，然后再进行设计的方法来实现更符合大众的设计方案，当然浏览别人的作品

7、不等于要抄袭.是让设计师在别人作品的基础上再提高.以留住更多的浏览者.抄袭的作品会让浏览者对网站失去信任感.2、考虑不同层次的浏览者设计师必须要让很多不同层次的浏览者在网页上达成一致的意见，也就是常说的“老少皆宜”，因为抓住了所有浏览者共同的心理特征，吸引了更多新的浏览者，才能说明设计是成功的.通过奖勘剌激浏览的方法尽可能少用,坦然利益是最大的驱动力,但是河络的现状让网民的警惕性非常高，-不小心就会适得其反，想要抓住人们的浏览习惯共实根简总，只要想想周阳的人都关注的共同东西就明白了。3、充分分析竞争时手，平时多看看竞争对手的网站项目，总结出他们的优缺点，避开对手的优势项目，以他们的不足为突破口

8、，这样才会吸引更多的浏览者注意.也就是说.要把竞争对手的劣势转换为自己的优势,然后突出展现给浏览拧看.这一点在网站项口建设中更易实施.任务2掌握思维导图的绘制思维导图,又称脑图、树状图，是一种图像式思考的辅助工具，它简单却又很有效，是种将思维形象化的方法，通过放肘状的发散形式，将思路变得更为条理和深入。知识点1思维导图的基本类型首通址展承不同臭型的思维导由，引出思维导图冬JI的基本臭型.思维导图的基本类型有圆圈图、气泡图、树状图、桥型图、括号图和流程图5种,还有很多类里是由基本结构延伸得到的。例如气泡图可以延伸为双气泡图。1)HHffl阳圈图是由不同的是圆阍大小组合而成的,位于中间部门的自然是

9、中心主题-殷会偏大一点，四周的圆圈是分支主时,大小稍微小点，可以培养想象力以及联想力，如图1-14所7Jo2)气泡图气泡图包括胞气泡图和双气泡图.景气泡图就是有很多阳圈困境中心主题所建立的：双气泡图是有两个气泡思维导图组建而成的，中间的部分是两个思维导图所重合的部位，也就是总结的内容时两个关世词所都具备的特性,双气泡图3）树状图树状图就如同一颗大树一样，该种类的思维导图主要适用于对知识点的归纳中，这样在后期使用的时候可以一目了然的清晰的展示在面板中.4）桥形图桥里图是一种类比图，整个造型和桥梁的水平地方与凸起地方很像,但是两者又是以有6）括号图括号图与树状图的功能相似，最常使用的地方也是对知识

10、点的归纳中，利用大括号对不向的主题进行诃解使用.6）流程图流程图也是刖维导图的一种.只是在绘制中流程图是讲述的某件事情或拧是解抉何也的方法，不问与思维导图是围境中心主腮诳行搭建的，流程图通过流程图的先后顺序分析事物的发展状况以及内在逻辑，括号图前程图知识点2思维导图软件介绍目前流行的思维导图制作软件有很多，比较著名的有MindMeislerxXMind和MindManagcr.接下来分别介绢一下这3款软件.A*:通常及承思修导员文件引出，用思险导用找仲介健.1) MindMcistcrMindMeister软件是一款典型的思维以图软件，功能非常完善，由艺图软件公司研发。作为一款在线头脑风暴应用

11、程序MindMeiSleI以外作为设计理念，出推导图实时更新。可跖地点、多设备共享思维和创造的特点在团队共创方面表现突出。用户可以在浏览器地址栏中输入hups:WWW.procc$SOUindMoister在线界面2) XMindXMind是一款易用性很强的软件，通过XMind可以随时开展头脑风暴,帮助人外快速理清思路.XMind绘制的思维导图、鱼付图、二维图、树形图、逻辑图、组织结构图等以结构化的方式来展示具体的内容谀计师在用XMind绘制图形的时快,可以时刻保持头脑JfiVfi,随时把握计划或任务的全局，它可以相助人们在学习和工作中提高效率。用户可以XMind和XMindZen两个版本中选

12、择使FH，两者没有本质的区别，XMindZen是一个在XMind基础上理新设计的版本,不但具名XMind全面的思维导图功能,同时还有重新设计的界面和交互方式.XMrd.ZEN20XMindKJ：作界而课堂操作一安装并使用XoindZEN步骤(H打开浏览器,在浏览器地址栏中输入Mtps:/也F3)MindManagerMindMan卑Cr是-敢国际化商业思维导图软件.是创造、管理和交流思想的工具,可港加图像、视领、超族接和附件，是业内专业的思维导图工具.MindManager提供了友好、直观的用户界面，可快速协助用户记录灵整和翎法，有序地把用户的思维、资源和管理项目、项目进程如织为一个整体,极大

13、地提高了用户的工作效率。MindWanager的工作界面Mindmanager与同类思维导图软件最大的优势是软件向MicrosoftOffice无缝架成，能够快速将数据导入或导出到MicrosoflWord.PowerPoint.Excel.Oullook.Project和ViS沁中.使之在职场中有极高的使用人群.也越来越多受到职场人士再睐.(=)教学拓展(修习、思考、奥研、网读、实践等)1 .完成教材课后测试2 .针对本次课技能点布置下次课实训任务一一完成创意家居App修昂吗的思维导图（三）教学反思(教学小结与管断改进)项目2了解AXUreRP9（任务1、任务2）一、教学设计授豫内容任务1了

14、解AXUre的主要功能任务2热怂AXUre的工作界面学时1次2学时授课做酊授课班授课地点课程类型口理论口实践0埋实一体教学目标知织目标1 .了解AXureRP9的主要功2 .熟:悉AXUreKP9的J1.作界曲Ifif能力目标1.掌握AXUreRP9的基本操作素项目标培养学生团结协作的精神课堂思政I.通过了解AXUrC的主要功旎培养学生的规范意识2.通过讲解Axure的工作界面激发学生精益求精的工匠精神知火点1.下载、安奘、汉化和启动RXUreRP92 .理解AxureRP9的主要功能3 .熟悉AXUreRP9的工作界面4,使用版UreRP9的帮助资源技能点1 .安装与汉化AXUrCRP92 .自定义AxureRP9基本工具列表教学点熟悉AxureRP9的工作界面教学魔点理解AXUreRP9的主要功能教学资源财及*资科媒体及平台教学方法做法:汕技法、任务费动法、演示法，学法:案例教学法、小组讨论法.三、教学实*（包括但不仅用以下内容）二）本次课内容知织导图6P)江网BM/tswT*E152-11华谊快提键152-12输入文字执行“文件偏好设Sr命令,弹出“偏好设置”对话框一切换到“裔布”选项卡,可以选择取消“启动单键快捷键”选项。关闭该功能后，选中元件时键入文木，即可在该元件上快速添加文本，“偏好设置,好话枢取