webUI设计典型工作任务描述表格

1、模块功能目的描述模块名称WEB UI设计教学安排第2, 3学期课时时间建议260学时典型工作任务描述在设计公司中，根据设计项目的策划要求，需要网页设计师设计网页界面，包括丈字、图片、动画、声音等容的可以在网上传输的界面，将 霓划案中的容、的主题模式，以及结合自己的认识通过艺术的手法表现出来，并根据设计需要或客户需求修改网页界面。所修改的网页界面用于 网页排版、测试及发布。此项工作完成的过程是：网页设计师从公司项目主管处接设计罠划任务后，进行用户调研，确定网页的容，包括确定的名称、表现的主要容、用户的意图：设计网贝 栏目及组织结构；准备素材：收集与整理相关资料：界面设计：根扌居的访问者对象、要提

2、供的信息以及制作目标设计出一个最适合的网页架构进 行美化网页界面，交付用户审核，用于网贝排版、测试及发布。必要时根据设计需要或用户需求修改网页界面。网页界面设计制作或修改完毕后， 签字并交付项目主管验收。完成工作后将许料整理、归类与存档，并提供给项目主管备档。模块学习目标学生学习完本课程后，应当：1、能在接到网页设计的任务后，与客户（教师）进行有效沟通，写出该项目的用户需求、设计网页栏目及纽织结构。2、能按照用户要求确定的名称、表现的主要容、用户的意图来设计网页界面。3、能根据任务要求，收集与整理相关资料。4、能熟练应用网页美化工具制作网页界面。5、能合理运用网页设计色彩搭配，能表现主题，特色

3、鲜明。6、能根据的访问者对象、要提供的信息以及制作目标设计出一个最适合的网页架构进行美化网页界面，交付给老师。7、能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户要求。8、能将置终网页设计资料整理、归类与存档，并提交老师评价。工作与学习容工作对象：1、网页设计师从公司项目主管处接设计 疑划任务后，进行用户调研，确定网页的容。2、设计网页栏目及组织结构。3、准备素材：收集与整理相关资料4、界面设计：根据的访问者对象、要提 供的信息以及制作目标设计出一个最适合的 网页架构进行美化网页界面，交付用户审核。5、必要时根抵设计需要或用户需求修改 网页界面。6、网页界面设计或修改完毕E,签字并

4、 交付项目主管验收。7、完成工作后将资料整理、归类与存档， 并提供给项目主管备档。工具、材料、设备及资料：工具：计算机绘图软件 材料：草稿纸、笔 设备：电脑、打印机等 资料：任务单、公司规幸制度 等工作方法：查阅资料的方法 使用工具的方法 设计思路的方法 界面布局的方法 资料整理归类的方法 劳动组织方式：1. 一般以个人形式设计 制作网页界面2. 从项目主管处领取工 作任务单。3. 与用户有效沟通，完成 工作任务。4. 与同事沟通，有效完成 工作任务。5. 从物料库领取所需用 的材料。工作要求：1、网页设计师接到设计的任务后，进行用户调研，确定网页的 容。2、设计网页栏目及组织结构。3、能根据

5、用户要求收集结与整理资料。4、能应用网页美化工具制作网页架构并进行美化网页界面。5、能读懂网页设计中的术语。6、能按照用户要求设计制作网页界面，并按时、按质、按量完 成设计制作任务。7、能按公司管理制度将完成后的网页设计界面交付主管部门审 核。8、必要时根据设计需要或用户需求修改网页界面。9、能将最终图纸进料整理、归类与存档，并提供给项目主管备 档。10、能严格执行辅助设备的操作规，并做好设备的保养工作。11、能按照公司管理规定节约使用各类耗材。学习任务的工作过程描述、学习目标与学习容汇总表模块名称：WEB UI设计课程负责人：开发团队:序号学习任务工作过程描述学习目标学习容1企业网页界面设计

6、网页设计师从公司项目主管处接 到个人设计策划任务后，1 进行用户调研，确定个人网页的容， 包括确定个人的名称、表现的主要容、 用户的意图；2. 设计个人网页栏目及组织结构；3. 准备素材：收集与整理相关资料：4界面设计：根据个人的访问者对象、 要提供的信息以及制作目标设计出一 个罠适合的个人网页架构并进行美化 网页界面，交付用户审核，用于网页排 版、测试及发布。5. 必要时根据设计需要或用户需求修 改个人网页界面。6. 网页界面设计制作或修改完毕后，签 字并交付项目主管验收。7. 完成工作后将资料整理、归类与存 档，并提供给项目主管备档。1. 能在接到企业网页站设计的任务后，与教师 进行有效沟

7、通，写出该项目的用户需求、设计 网页栏目及组织结构。2. 能按照用户要求确定个人的名称、表现的主 要容、用户的意图来设计网页界面。3. 能根据任务要求，收集与整理相关资料。4. 能基本熟悉网页美化工具制作网页界面。5. 能合理运用网页设计邑彩搭配，表现主题， 特色鲜明。6. 能根据个人的访问者对象、要提供的信息以 及制作目标设计出一个最适合的网页架构并进 行美化网页界面，交付给老师。7. 能根据老师审核后的意见和建议，进行网页 界面修改，最终符合用户要求。8. 能将最终网页设计资料整理、归类与存档， 并提交老师评价。9. 能设计比较复杂的网页界面。1. 网页界面设计的方法及流程2. 对于个人网

8、页的设计如何进行用户调研 的方法与技巧，确定网页的容。3. 个人网页设计网页栏目及组织结构的方 法与技巧。4. 收集与整理个人网页界面设计资料的方 法5. 网页设计常用工具的使用方法6. 根据个人的访问者对象、要提供的信息 以及制作目标设计出一个最适合的网页架 构进行美化网页界面的制作过程，交付用 户审核的技巧。7. 必要时根据设计需要或用户需求修改网 页界面的方法。8. 网页界面设计修改完毕后，签字并交付 项目主管验收。9. 完成工作后将资料整理、归类与存档， 并提供给项目主管备档。序号学习任务工作过程描述学习目标学习容2电商网页界面设计网页设计师从公司项目主管处接到某旅游设计疑划任务后，1

9、. 进行用户调研，确定网页的容，包括 确定的名称、表现的主要容、用户的意 图；2. 设计菜旅游网页设计栏目及组织结 构；3. 准备素材：收集与整理旅游网页设计 资料；4界面设计：根据旅游的访问者对象、 要提供的信息以及制作目标设计出一 个最适合的网页架构进行美化网页界 面，交付用户审核，用于网页排版、测 试及发布。5. 必要时根据设计需要或用户需求修 改网页界面。6. 网页界面设计制作或修改完毕后，签 字并交付项目主管验收。7. 完成工作后将资料整理、归类与存 档，并提供给项目主管备档。1. 能在接到网页设计的任务后，与教师进行有 效沟通，写出该项目的用户需求、设计网页栏 目及组织结构。2.

10、能按照用户要求确定的名称、表现的主要容、 用户的意图来设计网页界面。3. 能根据任务要求，牧集与整理相关资料。4. 能熟练应用网页美化工具制作网页界面。5. 能更合理运用网页设计色彩搭配，能表现主 题，特色鲜明。6. 能根据的访问者对象、要提供的信息以及制 作目标设计出一个罠适合的网页架枸进行美化 网页界面，交付给老师。7. 能根据老师审核后的意见和建议，进行网页 界面修改，最终符合用户要求。8. 能将最终网页设计资料整理、归类与存档， 并提交老师评价。9能设计更为复杂的网页界面（例如：门户界面设计等）。1.网页设计中的述语2进行用户调研方法与技巧，确定网页的 容。3. 设计旅游网页栏目及组织

11、结构的技巧。4. 收集与整理旅游网页设计资料的方法5. 网页设计常用工具（图像）6. 根据旅游的访问者对象、要提供的信息 以及制作目标设计出一个最适合的网页架 构进行美化网页界面的制作过程，交付用 户审核的技巧。7. 必要时根据设计需要或用户需求修改网 页界面的方法。8. 网页界面设计修改完毕后，签字并交付 项目主管验收。9. 完成工作后将资料整理、归类与存档，并提供给项目主管备档。序号学习任务工作过程描述学习目标学习容3门户网页界面设计网页设计师从公司项目主管处接 到政府类的设计霓划任务后，1. 进行用户调研，确定网页的容，包括 确定的名称、表现的主要容、用户的意 图：2. 设计网页栏目及组

12、织结构：3. 准备素材：收集与整理相关资料：4界面设计：根据的访问者对象、要提 供的信息以及制作目标设计出一个最 适合的网页架构进行美化网页界面，交 付用户审核，用于网页排版、测试及发 布。5. 必要时根据设计需要或用户需求修 改网页界面。6. 网页界面设计制作或修改完毕后，签 字并交付项目主管验收。7. 完成工作后将资料整理、归类与存 档，并提供给项目主管备档。1.能在接到网页设计的任务后，与教师进行有 效沟通，写出该项目的用户需求、设计网页栏 目及组织结构。2 能按照用户要求确定的名称、表现的主要容、 用户的意图来设计网页界面。3. 能根据任务要求，收集与整理相关资料。4. 能灵活运用网页

13、美化工具制作网页界面。5. 能合理运用网页设计邑彩搭配，表现主题， 特色鲜明。6. 能根据的访问者对象、要提供的信息以及制 作目标设计出一个最适合的网页架构进行美化 网页界面，交付给老师。7. 能根据老师审核后的意见和建议，进行网页 界面修改，最终符合用户要求。8. 能将最终网页设计资料整理、归类与存档， 并提交老师评价。1. 进行用户调研的技巧，确定网页的容。2. 设计网页栏目及组织结构的技巧。3. 收集与整理相关资料的方法与技巧。4. 网页设计常用工具的应用方法与技巧。5. 根据的访问者对象、要提供的信息以及 制作目标设计出一个最适合的网页架构进 行美化网页界面的制作过程，交付用户审 核的

14、技巧。6. 必要时根据设计需要或用户需求修改网 页界面的方法。7. 网页界面设计修改完毕后，签字并交付 项目主管验收。8. 完成工作后将资料整理、归类与存档， 并提供给项目主管备档。学习任务设计方案举例（以企业举例）专业名畚计算机应用模块名称WEB UI设计学习任务1企业界面设计学时60工作请境描述某公司现需要设计企业主页，完成网页设计后要发布到Web服务器上，让其他用户浏览，现请你为菜企业设计网页主页。学习任务描述学生以个人独立工作的形式，接受网页界面设计任务，通过教师指导或 借助参考书、网络信息等资料，对企业界面设计项目的罠划和设计，使 用网页设计工具制作根据的访问者对象、要提供的信息以及

15、制作目标设 计出一个最适合的网页架构进行美化网页界面，交付给老师。发现问题、 分析问题，根据建议和再次自审改进，并对已完成的任务进行记录，存 档。与其他学习任务 的关系使学生了解网页界面设计的方法，为以后的项目设计打下一定的基础学生基础1. 学生要有一定计算机软件操作基础2. 对PHOTOSHOP等计算机设计软件操作有初步的认识。3. 有较强的自学能力。4. 有一定的审美能力。学习目标1. 能在接到企业设计的任务后，与教师进行有效沟通，写出该项目的用 户需求，设计网页栏目及组织结构。2. 能按照用户要求确定个人的名称.表现的主要容、用户的意图来设计 网页界面。3. 能根据任务要求，收集与整理相

16、关资料。4. 能基本熟悉网页美化工具制作网页界面。5. 能合理运用网页设计色彩搭配，表现主题，特邑鲜明。6. 能根据个人的访问者对象、要提供的信息以及制作目标设计出一个最 适合的网页架构并进行美化网页界面，交付给老师。7. 能根据老师审核后的意见和建议，进行网页界面修改，最终符合用户 要求。8. 能将适终网页设计资料整理、归类与存档，并提交老师评价。9. 能设计比较复杂的网页界面。（例如：企业类的其他网页界面设计等）学习容1. 网页界面设计的方法及流程2. 对于企业网页的设计如何进行用户调研的方法与技巧，确定网页的容。3. 企业网页设计网页栏目及组织结构的方法与技巧。4. 收集与整理个人网页界

17、面设计资料的方法5. 网页设计常用工具的使用方法6. 根据企业的访问者对象、要提供的信息以及制作目标设计出一个就适 合的网页架构进行美化网页界面的制作过程，交付用户审核的技巧。7. 必要时根据设计需要或用户需求修改网页界面的方法。8. 网页界面设计修改完毕后，签字并交付项目主管验收。9. 完成工作后将资料整理、归类与存档，并提供给项目主管备档。教学条件工具、材料、设备及资料：工具：计算机绘图软件材料：草稿纸、笔设备：电脑、投影仪等资料：任务单、参考书、网络等教学纽织形式1. 学生以个人独立工作的形式，接受个人网页界面设计任务。2. 从项目主管处（老师）领取工作任务。3. 分组形式釆集信息许料4

18、. 各项目组与用户（老师）有效沟通，有效完成工作任务。5. 与同事（同学）相互学习、沟通，有效完成工作任务。6. 从资料库领取材料。教学流程与活动 （详细见下表）一、明确工作任务菜公司现需要设计企业主页，完成网页设计后要发布到Web服务器 上，让其他用户浏览，现请你为某企业设计网页主页。二、项目信息采集各项目组与用户进行沟通，收集企业网页设计的相关信息及用户要 求，并做好记录.对企业网页设计进行分析，编写网页栏目及组织结构 的规划草图。三、项目方案的罠划1. 按照企业网页设计分析具体需求，与用户的进一步沟通，填补缺失信 息。2. 合理的安排企业网页的栏目及组织结构。3. 根据收集的资料，进行初

19、步设计。四、项目方案设计与制作1. 在初步设计草图的基础上，将设计网页架构用PS工具表现出来，并 利用口头和文字两种方式表述方案设计思路。2. 合理运用网页设计邑彩搭配，表現主题，特色鲜明。3. 根据企业的访问者对象、要提供的信息以及制作目标设计出一个就适 合的网页架构并进行实现美化网页界面五、方案演示与评价1. 开展介绍网页设计整体思路和展示网页界面设计效果，进行角邑扮演。2. 利用评价表格进行自评或互评。3. 评价过程和成果展示。评价容与标准1. 与用户交流。2. 工作态度情况3. 信息收集及记录情况;4. 需求分析情况5. 项目策划情况;6. 项目容及框架结构的合理性。7. 栏目设置合理

20、、功能完情况8. 网页美化工具应用情况9. 完成网页界面设计效果情况；10. 整理资料工作情况；11. 展示与汇报情况；12. 认知工作过程中各环节的工作方法。教学活动策划表教学活动关键能力学生学习活动教师活动学习容资源评价点学时地点项目信 息采集资料查阅 软件使用 相互沟通1. 查阅网页设计的程序及 设计主意事项和网页设计 概念。2. 与用户进行交流沟通， 根抿用户提供的信息，进行 需求分析。3. 收集设计的相关信息及 用户要求的资料。1.下达项目任务书2 讲解项目信息釆集 的注意事项3.指导学生收集设计 相关信息及用户要求4 讲解网页美化工具 的应用5.组织扮演用户沟通 活动1. 网页界面设计的方法及流 程2. 对于网页的设计如何进行 用户调研的方法与技巧确定 网页的容。3. 收集与整理网页界面设计 资料的方法4. 网页设计常用工具的使用 方法1. 网络信息2. 参考网页 模版3. 辅助教材4. 计算机与用户交流。2. 工作态度情 况3. 信息收集及 记录情况；4. 需求