《UI界面设计》64学时教案（学习情境撰写法） .docVIP

XXXXXXXX学院教学文档 UI界面设计教案V1.0 PAGE 1 《UI界面设计》教案 课程名称： UI界面设计 英文名称： Web interface design 课程代码： 课程类型： 专业技能 学 分： 4 学 时： 64 编 制： 校 核： 审 查： 批 准： 时 间：  目 录 TOC \o 1-3 \h \z \u 一、课程性质 2 二、课程目标 2 （一）典型工作任务 2 （二）专业能力与知识目标 3 （三）学习情境 3 （四）专业素质目标 7 （五）综合能力和职业素养培养目标 7 三、教学内容及过程 7 学习情境1 7 学习情境2 9 学习情境3 10  一、课程性质 本课程是为本院软件类专业、网络类专业、数字艺术类专业和电子商务类专业的学生所开设的一门专门技术课程，本课程的目的是让学生在已学完计算机基础、计算机网络、等课程的基础上进一步掌握UI界面设计的基本技能。 对于软件类专业和网络类专业，为今后设计界面与奠定基础。对数字艺术类专业，为网站艺术设计奠定基础。对电子商务类专业，为网络营销奠定基础。对今后从事界面设计的学生，为深入掌握界面美化奠定基础。 职业面向：UI界面设计师、界面设计员 职业拓展：界面设计师岗位、网站美工岗位 职业迁移：平面设计 二、课程目标 通过本课程的学习，使学生具备初步独立设计制作界面的能力，能够使用Photoshop设计和制作UI界面的方法与技巧。具有良好的团队合作精神、获取知识能力、界面设计创意思维能力、色彩感悟能力等素质。 （一）典型工作任务 根据《计算机多媒体专业（界面设计与互联网编辑方向）培养方案》和职业岗位工作任务分析，确定《UI界面设计》典型工作任务，如表1所示。 表1 典型工作任务 课程名称（学习领域）：UI界面设计 教学时间安排：64课时 对典型工作任务的描述 UI界面设计员根据栏目策划任务书，运用电脑办公条件，在规定时间内以经济的方式按照专业要求完成界面栏目策划、界面设计制作的静态UI界面设计工作。界面维护和修改工作，以个人独立工作；界面改版或中小型新网站建设的静态界面设计工作以小组形式或独立工作，大中型新网站建设一般以小组形式工作，使用photoshop等图像工具软件，对文字、图像等素材进行编辑、设计与制作，并符合规范，对已完成的工作进行记录存档。 学习目标 学生在教师指导下，制定UI界面设计工作计划，并实施和检查反馈。在UI界面设计过程中，使用工具、设备、文字、图象素材等符合规定。在规定时间内完成UI界面设计项目。对已完成的任务进行记录、存档和评价反馈。学习完本课程后，学生应当能够进行UI界面设计，包括：1.UI界面中的色彩设计的能力；2.规划网站版式结构的能力；3.UI界面中文字的编排设计的能力；4.photoshop 基本操作。 （二）专业能力与知识目标 根据表1典型工作任务，确定专业能力与知识目标见下表2所示。 表2　专业能力与知识目标 编号 专业知识目标 1 色彩基础知识；设计配色方案的方法 2 版式在UI界面设计中的作用；构成在版式中的应用；版式设计的造型元素；版式设计的视觉因素；版式构成的类型 3 文字在UI界面设计中的作用；字体及字体编排；文字的编排设计 4 图像大小的编辑；图像的合成与分离（抠图）；图像的特殊效果处理 5 整体视觉效果的调整；形式美法则的运用 编号 专业能力目标 1 UI界面中的色彩设计的能力 2 版式设计的能力 3 文字图像处理的能力 4 信息查询类与交流平台类界面策划能力、色彩组织能力 （三）学习情境 按照习得能力难易程度，结合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下表的《UI界面设计》学习情境。 学习情境的设计 学习领域 UI界面设计 总课时：64 学习情境1：认识UI界面设计 课时：4 学习目标： 1．能力目标： （1）