UI界面制作课程教学大纲.docx

UI界面制作教学大纲课程性质专业限选课课程编号xx436307课程名称UI界面制作适用专业软件工程先修课程程序设计基础、面向对象技术、W面dows编程、HTML/XML基础总学时32 其中理论16学时，实脸16学时学分数2一、课程简介本课程是软件工程专业的一门专业限选课。本课程在第五学期课程中讲解，它是一门 面向应用的、具有很强的实践性与综合性的课程。UI界面制作涉及面很广，针对软件 工程学生主要是软件开发，ui界面制作是软件产品中的一个分支，是软件开发工作中 的重要一环。一个设计美观、布局合理、符合用户心理预期的软件界面能够大大提升用 户的使用体验；通过理论教学与实践，使学生获得商品化软件界面开发和设计的初步能 力，掌握人机界面的基本概念、基本原理及其设计原那么；了解人机界面设计的开展动向； 如何用规范的方法进行软件界面的设计和评估，并掌握在设计过程中应遵循的流程、准 贝h标准和规范。这门课程在高年级学生开设，有一定的软件开发基础，掌握了一门或 多门软件开发语言，先修课程为程序设计基础、面向对象技术、Windows编程、HTML/XML 基础。二、课程教学目标通过本课程UI界面制作的学习，学生应实现如下目标：1 .掌握软件界面的设计风格；2 .掌握软件界面的形式与标准、windows软件界面设计、Internet网页界面设计、 图标设计等；3 .熟悉软件界面设计评价与可用性测试；以及新交互技术及开展趋势。4 .并掌握在设计过程中应遵循的流程、准那么、标准和规范。通过学习本课程，学生应该要能制作出符合用户需求的软件界面，并结合本课程前 所学的软件开发技术，能完成一个功能完善、用户界面优美的完整的应用系统。三、课程教学基本要求在学习本课程前，要先学习软件开发基础，掌握一门以上面象对象编程的语 言，并掌握好相应的图像处理技术及样式技术；在教学过程当中，学习新的内容之前要先预习将要学习的内容，并完成好布置的作业，通过教材及查阅各种资料对所学内容进 一步巩固，课程教学结束后，能够利用所学的知识制作出符合用户需求的软件界面。四、课程教学模块（或教学内容）与学时分配序号教学内容知识点学时1界面设计概 述了解：UI界面的特性，UI界面的应用领域，人 机交互与UI界面设计的含义及目标用户群体 理解：U1界面的研究方法，界面的简洁与清晰 掌握：用户界面设计的基本概念，用户界面设 计的原那么，设计的规范性，设计的可用性和易 用性，设计的一致性，设计的容错性22用户界面设 计与软件工 程了解：在软件工程过程中，用户界面设计参与 的环节，软件界面常见的交互方式理解：软件界面用户分析，软件界面分析 掌握：软件界面原型开发工具，软件界面开发 的过程，包括需求分析、原型设计、功能设计、 外观设计、图形界面测试等23表单和菜单界面设计了解：菜单界面的特点，菜单设计的原那么理解：菜单界面的式样掌握：利用VS. NET进行窗体应用程序的设计过程24命令语言、GUI界面设计了解：语言设计的基本目标及准那么理解：命令菜单的基本形式掌握：命令语言的形式，包括简单命令表、命 令加变量、命令加选项和变量、命令的层次式 结构，命令命名和缩简符规那么，包括专一性和2普遍性、缩减策略、使用缩减名的准那么5帮助和出错界面设计了解：帮助处理系统的类型及设计基本原那么、 帮助信息分类，向导设计规那么，错误处理的相 关问题掌握：掌握出错信息的设计技术，包括系统信 息的针对性、建设性的指导和积极的语气、以 用户为中心的用语、适宜的格式、非拟人式用 语，学会编写用户手册，掌握联机资料的制作 方法，包括联机手册，关键词表和快捷键表， 上下文相关的帮助，联机辅导，演示和动画26网页界面设计了解：网页设计的内容及其特点，网页界面设 计要素，学会如何设计网站理解：网页界面设计中颜色选择的意义，布局 的作用掌握：网页的设计原那么，网页的布局技术， Bootstrap前端框架，利用Bootstrap来设计 网页界面27移动设备界 面设计了解：移动设备界面特点，未来移动界面设计开展趋势理解：移动设备界面设计的问题掌握：移动设备界面设计开发方法，移动设备应用开发技术28软件界面测试与评估了解：人机界面测试与评估的内容和要求，验 收测试的方法理解：界面评估指标及方法掌握：如何进行界面的可用性测试，经验评估 方法，包括观察、咨询、实验方法，并学会设 计调查表2序 号实验工程名称内容摘要验时 一实学实验类型开出要求1软件界面认知 实验通过收集各种类型的界 面，并对其进行分析，从 感性上理解软件界面的 概念，指导学生从网上或 者生活中收集不同类型 的界面，并带入到课堂中 讨论，应用到以后的界面 设计中去。2验证性必做2软件系统显示 界面设计实验教师设定几个可供参考 的系统界面，软件启动界 面、CD播放器界面等，学 生可以使用任何开发软 件，也可以采用图形设计 软件设计界面或在此基 础上进行改进2验证性必做3菜单界面设计 一简单记事本 设计制作一个仿windows记事 本，实现有关菜单设计和 状态栏的设计（状态栏显 示光标光标位置）。2验证性必做4数据输入界面 设计设计显示学生信息的数 据输入表格界面，对所有 的文本框实现数据检验 及错误提示。设计显示运 动会信息的注册数据输 入表格界面，对标有*的 文本框实现数据检验及 错误提示。2验证性必做5图形用户界面 的设计利用常用的设计工具 （C#）完成一个通用图形 用户界面设计要遵循界 面设计的一般原那么（一致 性、快捷方式、提供错误 处理），注意颜色的使用， 学会使用图标、按钮、屏 幕布局、菜单和对话框的 设计2验证性必做6帮助和出错界 面设计利用 HTML Help Workshop 工具制作软件说明书、产 品介绍说明、学习教程、 电子图书、个人资料管理 等其中一项2验证性必做7个人求职网站 设计本网站主要介绍个人的 一些基本情况及求职意 向。包括个人简介、兴趣 爱好、技能专长、自我推 荐、求职意向、给我留言 等。利用Bootstrap来设 计4验证性必做五、教学方法与策略主要使用多媒体教室进行理论讲解和案例演示，然后在计算机实验室指导学生进行 相关实验并撰写实验报告。六、学生学习成效考核方式七、选用教材考核环节构成（均为100分制）评分依据占总成绩 的比重考勤旷1-2次，扣5分一次，3次及以上10分一次20%课堂表现上课讲话，做与课堂无关的事扣分，认真听讲，积极 回答下列问题加分10%实验根据完成的实验个数及完成的质量给分20%工程考核设计一个UI软件界面作品，从软件的系统功能、界面 主题、界面色彩、界面结构以及所采用的界面设计技 术等方面来评价作品，至少6个界面。并钻撰写界面 设计分析报告。50%孙悦红等编著，面向用户的软件界面设计，清华大学出版社，2011年。 八、参考资料1、吕云翔等编著，UI设计与应用，清华大学出版社，2017年。2、陈启安主编，软件人机界面设计，高等教育出版社，2011年。3、陈大炜编著，用户界面设计指南，机械工业出版社，2008年。4、周苏编著，人机界面设计，科学出版社，2007年。5、Ben Shneiderman编著,张国印，李健利等译，用户界面设计-有效的人机交互 策略（第四版），电子工业出版社，2008年。