《webUI设计》典型工作任务描述表.docx
《《webUI设计》典型工作任务描述表.docx》由会员分享，可在线阅读，更多相关《《webUI设计》典型工作任务描述表.docx（17页珍藏版）》请在冰豆网上搜索。
《webUI设计》典型工作任务描述表
（二）一体化课程描述
课程名称1
WEBUI设计
教学安排
第1学期
课时时间
建议160学时
典型工作任务描述
在网站设计公司中，根据网站设计项目的策划要求，需要网页设计师设计网页界面，包括文字、图片、动画、声音等内容的可以在网上传输的界面，将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来，并根据设计需要或客户需求修改网页界面。
所修改的网页界面用于网页排版、测试及发布。
此项工作完成的过程是：
网页设计师从公司项目主管处接网站设计策划任务后，进行用户调研，确定网页的内容，包括确定网站的名称、表现的主要内容、用户的意图；设计网页栏目及组织结构；准备素材：
收集与整理相关资料；界面设计：
根据网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付用户审核，用于网页排版、测试及发布。
必要时根据设计需要或用户需求修改网页界面。
网页界面设计制作或修改完毕后，签字并交付项目主管验收。
完成工作后将资料整理、归类与存档，并提供给项目主管备档。
一体化课程学习目标
学生学习完本课程后，应当：
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、能按照公司管理规定节约使用各类耗材。
学习任务的工作过程描述、学习目标与学习内容汇总表
课程名称：
WEBUI设计
课程负责人：
开发团队：
序号
学习任务
工作过程描述
学习目标
学习内容
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．完成工作后将资料整理、归类与存档，并提供给项目主管备档。
六、学习任务设计方案
专业名称
网站开发与维护
一体化课程1
WEBUI设计
学习任务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．在初步设计草图的基础上，将设计网页架构用网页美化工具表现出来，并利用口头和文字两种方式表述方案设计思路。
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．需求分析情况
16
项目方案的策划
自我学习
分析问题
表达
1．按照个人网页设计分析具体需求，与用户的进一步沟通，填补缺失信息。
2．合理的安排个人网页的栏目及组织结构。
3．根据收集的资料，进行初步设计。
1．组织学生讨论，扮演用户沟通活动
2．指导学生制定初步设计方案
个人网页设计网页栏目及组织结构的方法与技巧。
1．参考书
2．参考网页模版
3．网页设计软件操作技术手册
1.项目内容及框架结构的合理性。
2.承担工作表现
3．协作精神
4．表达能力
8
项目方案设计与制作
软件操作逻辑思维
自我学习分析问题
根据个人网站的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构并进行美化网页界面过程
1．指导学生将方案完整地用网页美化工具制作表现出来。
2．对学生提交的网页界面的效果提出修改意见。
1．网页架构进行美化网页界面的制作，交付用户审核的技巧
2．根据设计需要或用户需求修改网页界面的方法
1．参考书
2．网络信息
学习主动性
协作精神
完成网页界面设计效果情况
28
方案演示与评价
总结
表达
1．小组互评、讨论
2．总结个人网页设计流程，制作成PPT进行演示、解说。
总结性评价
1．网页界面设计修改完毕后，签字并交付项目主管验收。
2．完成工作后将资料整理、归类与存档，并提供给项目主管备档用
评价表
参考书籍
工作过程
工作结果
工作方法
8
专业名称
一体化课程N
学习任务
个人网页界面设计
学时
建议1个学习任务
控制20-40学时
工作情境描述
某人想要申报个人网站，现需要设计个人网站主页进行上传使用，就找到了一家网页设计公司为他设计个人的网页主页。
学习任务描述
--针对本学习任务描述其学习和工作的过程，要参考课标中“典型工作任务描述”，要与课标中的典型工作任务相对应。
与其他学习任务的关系
--因为所有学习任务的学习目标相加，等于或大于该一体化课程的学习总目标，所以要集体分析每个学习任务的学习目标，分析它们之间的关系。
--分析本学习任务与前后学习任务之间的关系。
学生基础
--除了关注学生的知识和技能基础等专业能力外，也要关注学生原有的方法能力和社会能力。
学习目标
--参考课标中“一体化课程学习目标”，与一体化课程的学习目标相对应，并结合本学习任务细化学习目标。
学习内容
--参考课标中“工作与学习内容”，除了关注专业知识和技能，还要注意学生社会能力与方法能力的内容。
教学条件
--包含工具、量具、教具、材料、设备、资料、场地等。
此教学条件确定后，在教学实施过程中，学校需要提供给学生的物质条件。
教学组织形式
--在参考课标中“劳动组织方式”的同时，结合教学规律要求和多种教学方法，请老师们灵活组织教学，此处“教无定法”。
教学流程与活动
--按照工作过程六步骤执行：
获取信息
制定计划
做出决策
实施计划
检查控制
评价反馈
--或者按照教学活动1-N执行：
教学活动1
教学活动2
教学活动3
教学活动4
教学活动N
评价内容与标准
--回归学习任务的目标，与学习任务的目标相对应，相一致，20-40个课时的学习任务，评价做5-6个指标，指标不要只集中在知识点和技能点，要综合考虑学生专业能力、方法能力和社会能力的综合评价。
类似“综合职业能力”所确定的“工作态度、方法能力、专业能力、工作规范、社会能力”等几个角度去设置评价指标。
教学活动策划表
教学活动
关键能力
学生学习活动
教师活动
学习内容
资源
评价点
学时
地点
获取信息
制定计划
做出决策
实施计划
检查控制
评价反馈
升级会员 