《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．完成工作后将资料整理、归类与存档，并提供给项目主管备档。

可修改
学习任务设计方案举例（以企业网站举例）
专业名称
计算机应用
模块名称
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

教学活动策划表
教学活动
关键能力
学生学习活动
教师活动
学习内容
资源
评价点
学时
地点
获取信息

制定计划

做出决策

实施计划

检查控制

评价反馈