《web-UI设计》典型工作任务描述表.doc

模块功能目的描述模块名称WEB UI设计教学安排第2，3学期课时时间建议 260学时典型工作任务描述在网站设计公司中，根据网站设计项目的策划要求，需要网页设计师设计网页界面，包括文字、图片、动画、声音等内容的可以在网上传输的界面，将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来，并根据设计需要或客户需求修改网页界面。所修改的网页界面用于网页排版、测试及发布。此项工作完成的过程是：网页设计师从公司项目主管处接网站设计策划任务后，进行用户调研，确定网页的内容，包括确定网站的名称、表现的主要内容、用户的意图；设计网页栏目及组织结构；准备素材：收集与整理相关资料；界面设计：根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付用户审核，用于网页排版、测试及发布。必要时根据设计需要或用户需求修改网页界面。网页界面设计制作或修改完毕后，签字并交付项目主管验收。完成工作后将资料整理、归类与存档，并提供给项目主管备档。 模块学习目标学生学习完本课程后，应当：1、能在接到网页设计的任务后，与客户（教师）进行有效沟通，写出该项目的用户需求、设计网页栏目及组织结构。2、能按照用户要求确定网站的名称、表现的主要内容、用户的意图来设计网页界面。3、能根据任务要求，收集与整理相关资料。4、能熟练应用网页美化工具制作网页界面。5、能合理运用网页设计色彩搭配，能表现主题，特色鲜明。6、能根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付给老师。7、能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8、能将最终网页设计资料整理、归类与存档，并提交老师评价。工作与学习内容工作对象：1、网页设计师从公司项目主管处接网站设计策划任务后，进行用户调研，确定网页的内容。2、设计网页栏目及组织结构。3、准备素材：收集与整理相关资料4、界面设计：根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付用户审核。5、必要时根据设计需要或用户需求修改网页界面。6、网页界面设计或修改完毕后，签字并交付项目主管验收。7、完成工作后将资料整理、归类与存档，并提供给项目主管备档。工具、材料、设备及资料：工具：计算机绘图软件材料：草稿纸、笔设备：电脑、打印机等资料：任务单、公司规章制度等工作方法：查阅资料的方法使用工具的方法设计思路的方法界面布局的方法资料整理归类的方法劳动组织方式：1.一般以个人形式设计制作网页界面2.从项目主管处领取工作任务单。3.与用户有效沟通，完成工作任务。4.与同事沟通，有效完成工作任务。5.从物料库领取所需用的材料。工作要求：1、网页设计师接到网站设计的任务后，进行用户调研，确定网页的内容。2、设计网页栏目及组织结构。3、能根据用户要求收集结与整理资料。4、能应用网页美化工具制作网页架构并进行美化网页界面。5、能读懂网页设计中的术语。6、能按照用户要求设计制作网页界面，并按时、按质、按量完成设计制作任务。7、能按公司管理制度将完成后的网页设计界面交付主管部门审核。8、必要时根据设计需要或用户需求修改网页界面。9、能将最终图纸资料整理、归类与存档，并提供给项目主管备档。10、能严格执行辅助设备的操作规范，并做好设备的保养工作。11、能按照公司管理规定节约使用各类耗材。学习任务的工作过程描述、学习目标与学习内容汇总表模块名称： WEB UI设计课程负责人： 开发团队： 序号学习任务工作过程描述学习目标学习内容1企业网页界面设计网页设计师从公司项目主管处接到个人网站设计策划任务后，1.进行用户调研，确定个人网页的内容，包括确定个人网站的名称、表现的主要内容、用户的意图；2.设计个人网页栏目及组织结构；3.准备素材：收集与整理相关资料；4.界面设计：根据个人网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的个人网页架构并进行美化网页界面，交付用户审核，用于网页排版、测试及发布。5.必要时根据设计需要或用户需求修改个人网页界面。6.网页界面设计制作或修改完毕后，签字并交付项目主管验收。7.完成工作后将资料整理、归类与存档，并提供给项目主管备档。1能在接到企业网页站设计的任务后，与教师进行有效沟通，写出该项目的用户需求、设计网页栏目及组织结构。2能按照用户要求确定个人网站的名称、表现的主要内容、用户的意图来设计网页界面。3能根据任务要求，收集与整理相关资料。4能基本熟悉网页美化工具制作网页界面。5能合理运用网页设计色彩搭配，表现主题，特色鲜明。6能根据个人网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构并进行美化网页界面，交付给老师。7能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8能将最终网页设计资料整理、归类与存档，并提交老师评价。9.能设计比较复杂的网页界面。1网页界面设计的方法及流程2.对于个人网页的设计如何进行用户调研的方法与技巧，确定网页的内容。3个人网页设计网页栏目及组织结构的方法与技巧。4收集与整理个人网页界面设计资料的方法5网页设计常用工具的使用方法6根据个人网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面的制作过程，交付用户审核的技巧。7必要时根据设计需要或用户需求修改网页界面的方法。8网页界面设计修改完毕后，签字并交付项目主管验收。9完成工作后将资料整理、归类与存档，并提供给项目主管备档。2电商网页界面设计网页设计师从公司项目主管处接到某旅游网站设计策划任务后，1.进行用户调研，确定网页的内容，包括确定网站的名称、表现的主要内容、用户的意图；2.设计某旅游网页设计栏目及组织结构；3.准备素材：收集与整理旅游网页设计资料；4.界面设计：根据旅游网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付用户审核，用于网页排版、测试及发布。5.必要时根据设计需要或用户需求修改网页界面。6.网页界面设计制作或修改完毕后，签字并交付项目主管验收。7.完成工作后将资料整理、归类与存档，并提供给项目主管备档。1能在接到网页设计的任务后，与教师进行有效沟通，写出该项目的用户需求、设计网页栏目及组织结构。2能按照用户要求确定网站的名称、表现的主要内容、用户的意图来设计网页界面。3能根据任务要求，收集与整理相关资料。4能熟练应用网页美化工具制作网页界面。5能更合理运用网页设计色彩搭配，能表现主题，特色鲜明。6能根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付给老师。7能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8能将最终网页设计资料整理、归类与存档，并提交老师评价。9.能设计更为复杂的网页界面（例如：门户界面设计等）。1网页设计中的述语2.进行用户调研方法与技巧，确定网页的内容。3设计旅游网页栏目及组织结构的技巧。4收集与整理旅游网页设计资料的方法5网页设计常用工具（图像）6根据旅游网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面的制作过程，交付用户审核的技巧。7必要时根据设计需要或用户需求修改网页界面的方法。8网页界面设计修改完毕后，签字并交付项目主管验收。9完成工作后将资料整理、归类与存档，并提供给项目主管备档。3门户网页界面设计网页设计师从公司项目主管处接到政府类的网站设计策划任务后，1.进行用户调研，确定网页的内容，包括确定网站的名称、表现的主要内容、用户的意图；2.设计网页栏目及组织结构；3.准备素材：收集与整理相关资料；4.界面设计：根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付用户审核，用于网页排版、测试及发布。5.必要时根据设计需要或用户需求修改网页界面。6.网页界面设计制作或修改完毕后，签字并交付项目主管验收。7.完成工作后将资料整理、归类与存档，并提供给项目主管备档。1能在接到网页设计的任务后，与教师进行有效沟通，写出该项目的用户需求、设计网页栏目及组织结构。2能按照用户要求确定网站的名称、表现的主要内容、用户的意图来设计网页界面。3能根据任务要求，收集与整理相关资料。4能灵活运用网页美化工具制作网页界面。5能合理运用网页设计色彩搭配，表现主题，特色鲜明。6能根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付给老师。7能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8能将最终网页设计资料整理、归类与存档，并提交老师评价。1进行用户调研的技巧，确定网页的内容。2设计网页栏目及组织结构的技巧。3收集与整理相关资料的方法与技巧。4网页设计常用工具的应用方法与技巧。5根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面的制作过程，交付用户审核的技巧。6必要时根据设计需要或用户需求修改网页界面的方法。7网页界面设计修改完毕后，签字并交付项目主管验收。8完成工作后将资料整理、归类与存档，并提供给项目主管备档。12学习任务设计方案举例（以企业网站举例）专业名称计算机应用模块名称WEB UI设计学习任务1企业网站界面设计学时60工作情境描述某公司现需要设计企业网站主页，完成网页设计后要发布到Web服务器上，让其他用户浏览，现请你为某企业设计网页主页。学习任务描述学生以个人独立工作的形式，接受网页界面设计任务，通过教师指导或借助参考书、网络信息等资料，对企业网站界面设计项目的策划和设计，使用网页设计工具制作根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付给老师。发现问题、分析问题，根据建议和再次自审改进，并对已完成的任务进行记录，存档。与其他学习任务的关系使学生了解网页界面设计的方法，为以后的项目设计打下一定的基础 学生基础1学生要有一定计算机软件操作基础2对PHOTOSHOP等计算机设计软件操作有初步的认识。3有较强的自学能力。4有一定的审美能力。学习目标1能在接到企业网站设计的任务后，与教师进行有效沟通，写出该项目的用户需求，设计网页栏目及组织结构。2能按照用户要求确定个人网站的名称、表现的主要内容、用户的意图来设计网页界面。3能根据任务要求，收集与整理相关资料。4能基本熟悉网页美化工具制作网页界面。5能合理运用网页设计色彩搭配，表现主题，特色鲜明。6能根据个人网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构并进行美化网页界面，交付给老师。7能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8能将最终网页设计资料整理、归类与存档，并提交老师评价。9能设计比较复杂的网页界面。（例如：企业类的其他网页界面设计等）学习内容1网页界面设计的方法及流程2对于企业网站网页的设计如何进行用户调研的方法与技巧，确定网页的内容。3企业网站网页设计网页栏目及组织结构的方法与技巧。4收集与整理个人网页界面设计资料的方法5网页设计常用工具的使用方法6根据企业网站网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面的制作过程，交付用户审核的技巧。7必要时根据设计需要或用户需求修改网页界面的方法。8网页界面设计修改完毕后，签字并交付项目主管验收。9完成工作后将资料整理、归类与存档，并提供给项目主管备档。教学条件工具、材料、设备及资料：工具：计算机绘图软件材料：草稿纸、笔设备：电脑、投影仪等资料：任务单、参考书、网络等教学组织形式1学生以个人独立工作的形式，接受个人网页界面设计任务。2从项目主管处（老师）领取工作任务。3分组形式采集信息资料4各项目组与用户（老师）有效沟通，有效完成工作任务。5与同事（同学）相互学习、沟通，有效完成工作任务。6从资料库领取材料。教学流程与活动(详细见下表)一、明确工作任务某公司现需要设计企业网站主页，完成网页设计后要发布到Web服务器上，让其他用户浏览，现请你为某企业设计网页主页。二、项目信息采集各项目组与用户进行沟通，收集企业网站网页设计的相关信息及用户要求，并做好记录，对企业网站网页设计进行分析，编写网页栏目及组织结构的规划草图。三、项目方案的策划1按照企业网站网页设计分析具体需求，与用户的进一步沟通，填补缺失信息。2合理的安排企业网站网页的栏目及组织结构。3根据收集的资料，进行初步设计。四、项目方案设计与制作1在初步设计草图的基础上，将设计网页架构用PS工具表现出来，并利用口头和文字两种方式表述方案设计思路。2合理运用网页设计色彩搭配，表现主题，特色鲜明。3根据企业网站网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构并进行实现美化网页界面五、方案演示与评价1开展介绍网页设计整体思路和展示网页界面设计效果，进行角色扮演。2利用评价表格进行自评或互评。3评价过程和成果展示。评价内容与标准1与用户交流。2工作态度情况3信息收集及记录情况；4需求分析情况5项目策划情况；6项目内容及框架结构的合理性。7栏目设置合理、功能完善情况8网页美化工具应用情况9完成网页界面设计效果情况；10整理资料工作情况；11展示与汇报情况；12认知工作过程中各环节的工作方法。教学活动策划表教学活动关键能力学生学习活动教师活动学习内容资源评价点学时地点项目信息采集资料查阅软件使用相互沟通1查阅网页设计的程序及设计主意事项和网页设计概念。2与用户进行交流沟通，根据用户提供的信息，进行需求分析。3收集设计的相关信息及用户要求的资料。1下达项目任务书2讲解项目信息采集的注意事项3指导学生收集设计相关信息及用户要求4讲解网页美化工具的应用5组织扮演用户沟通活动1网页界面设计的方法及流程2对于网页的设计如何进行用户调研的方法与技巧，确定网页的内容。3收集与整理网页界面设计资料的方法4网页设计常用工具的使用方法1网络信息2参考网页模版3辅助教材4计算机与用户交流。2工作态度情况3信息收集及记录情况；4需求分析情况项目方案的策划自我学习分析问题表达1按照网页设计分析具体需求，与用户的进一步沟通，填补缺失信息。2合理的安排网页的栏目及组织结构。3根据收集的资料，进行初步设计。1组织学生讨论，扮演用户沟通活动2指导学生制定初步设计方案网页设计网页栏目及组织结构的方法与技巧。1参考书2参考网页模版3网页设计软件操作技术手册1. 项目内容及框架结构的合理性。 2. 承担工作表现3协作精神4表达能力项目方案设计与制作软件操作逻辑思维自我学习分析问题根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构并进行美化网页界面过程1指导学生将方案完整地用网页美化工具制作表现出来。2对学生提交的网页界面的效果提出修改意见。1网页架构进行美化网页界面的制作，交付用户审核的技巧2根据设计需要或用户需求修改网页界面的方法1参考书2网络信息学习主动性协作精神完成网页界面设计效果情况28方案演示与评价总结表达1小组互评、讨论2总结网页设计流程，制作成PPT进行演示、解说。总结性评价1网页界面设计修改完毕后，签字并交付项目主管验收。2完成工作后将资料整理、归类与存档，并提供给项目主管备档用评价表参考书籍工作过程工作结果工作方法8教学活动策划表教学活动关键能力学生学习活动教师活动学习内容资源评价点学时地点获取信息制定计划做出决策实施计划检查控制评价反馈