任务2 “官堰村振兴网”原型设计.pptx

任务情景任务内容任务描述

任务情景小郭已经完成需求分析文档的编写工作。在开发工作中，最直观最有指导意义的莫过于原型设计图了，那么，如何完成原型设计工作呢？这项任务交给小郭来完成！任务思考：小郭通过与项目组成员沟通，并在老师指导下进一步掌握了原型设计工作的要领。让我们跟随着小郭同学一起完成“官堰村振兴网”原型设计工作吧。

任务内容理解原型特点认识UI设计的职能完成“官堰村振兴网”原型设计工作如右图所示，本任务需完成的首页界面设计

前导学习素材准备实施准备

前导学习通过本次任务，我们需要掌握理解原型设计要领和掌握原型设计工具基本操作。

前导学习跟随小郭完成本任务，需要掌握的技术如下：1、原型的特点(表现形式,清晰度,交互性,周期性)2、UI设计职能(设计图形,设计交互功能,测试问卷)3、UI设计分类(移动端、PC端、游戏端和其它端UI设计)4、原型设计与UI设计的区别(对象不同,定位不同,作用不同)以上内容请参考教材“任务2“官堰村振兴网”原型设计”——前导知识”部分进行学习并完成练习

素材准备步骤1：完成需求分析文档的编写工作步骤2：设计原型设计图步骤3：掌握了原型设计工作的要领

交互功能界面设计主功能模块设计实施过程子界面模型设计

小茹通过思考，对已有功能的分解，重点设计：交互功能界面设计主功能模块设计子界面模块设计思考

交互功能界面设计步骤1：小郭分析交互功能分为：注册、登录、修改密码三个子模块，并且三个子模块之间可以实现跳转。小郭打开原型设计工具，进行交互功能界面设计。请参考教材“图2-1-2~图2-1-4”完成练习

主功能模块设计步骤1：小郭分析主功能模块包括首页、文化振兴、产业振兴、生态振兴。根据分析结果，小郭打开原型设计工具，首先进行首页界面设计，请参考教材“图2-1-5”完成练习。步骤2：首页的设计很快完成了，其他主功能页面都藏在二级菜单里，继续完成接下来的工作。

子界面模型设计步骤1：确定了5个子页面，参考教材“古人古事（图2-1-9）、教育发展（图2-1-10）、农业民情（图2-1-11）、五味子（图2-1-12）、生态展示（图2-1-13）”完成练习。

子界面模型设计步骤2：完成了所有原型界面的设计任务，后续就要进行开发任务了。经过小郭和其他项目成员沟通后，每一个任务交给专人去完成。

知识总结技能总结任务总结职素总结互相评价

任务总结总结类别总结内容知识原型的特点：表现形式,清晰度,交互性,周期性UI设计职能：设计图形,设计交互功能,测试问卷UI设计分类：移动端、PC端、游戏端和其它端UI设计原型设计与UI设计的区别：对象不同,定位不同,作用不同技能理解原型设计要领掌握原型设计工具基本操作职素沟通协作认真思考勤学苦练互相评价基础知识完成互相评价页面效果完成互相评价职素认知完成互相评价

任务评价任务名称：“官堰村振兴网”原型设计任务承接人：交付日期：项目要求评价标准成绩原型工具安装使用（30分）1.熟练原型工具使用（10分）2.掌握原型工具中各种功能组件的运用（20分）原型设计过程（60分）1.交互功能界面模块设计（10分）2.主功能模块设计（20分）3.子界面模块设计（30分）界面设计全面（10分）1.界面功能布局全面（10分）总分评价人评价级别（√）备注个人□优秀□良好□合格□不合格老师□优秀□良好□合格□不合格