UI界面制作课程教学大纲

1、 UI界面制作教学大纲课程性质专业限选课课程编号xx436307课程名称UI界面制作适用专业软件工程先修课程程序设计基础、面向对象技术、Windows编程、HTML/XML基础总学时 32 其中理论 16 学时，实验 16学时学分数2一、课程简介本课程是软件工程专业的一门专业限选课。本课程在第五学期课程中讲解，它是一门面向应用的、具有很强的实践性与综合性的课程。UI界面制作涉及面很广，针对软件工程学生主要是软件开发，UI界面制作是软件产品中的一个分支，是软件开发工作中的重要一环。一个设计美观、布局合理、符合用户心理预期的软件界面能够大大提升用户的使用体验；通过理论教学与实践，使学生获得商品化软

2、件界面开发和设计的初步能力，掌握人机界面的基本概念、基本原理及其设计原则；了解人机界面设计的发展动向；如何用规范的方法进行软件界面的设计和评估，并掌握在设计过程中应遵循的流程、准则、标准和规范。这门课程在高年级学生开设，有一定的软件开发基础，掌握了一门或多门软件开发语言，先修课程为程序设计基础、面向对象技术、Windows编程、HTML/XML基础。二、课程教学目标通过本课程UI界面制作的学习，学生应实现如下目标：1.掌握软件界面的设计风格；2.掌握软件界面的形式与标准、windows软件界面设计、Internet网页界面设计、图标设计等；3.熟悉软件界面设计评价与可用性测试；以及新交互技术及

3、发展趋势。4.并掌握在设计过程中应遵循的流程、准则、标准和规范。通过学习本课程，学生应该要能制作出符合用户需求的软件界面，并结合本课程前所学的软件开发技术，能完成一个功能完善、用户界面优美的完整的应用系统。三、课程教学基本要求在学习本课程前，要先学习软件开发基础，掌握一门以上面象对象编程的语言，并掌握好相应的图像处理技术及样式技术；在教学过程当中，学习新的内容之前要先预习将要学习的内容，并完成好布置的作业，通过教材及查阅各种资料对所学内容进一步巩固，课程教学结束后，能够利用所学的知识制作出符合用户需求的软件界面。四、课程教学模块（或教学内容）与学时分配序号教学内容知识点学时1界面设计概述了解：

4、UI界面的特性，UI界面的应用领域，人机交互与UI界面设计的含义及目标用户群体理解：UI界面的研究方法，界面的简洁与清晰掌握：用户界面设计的基本概念，用户界面设计的原则，设计的规范性，设计的可用性和易用性，设计的一致性，设计的容错性22用户界面设计与软件工程了解：在软件工程过程中，用户界面设计参与的环节，软件界面常见的交互方式理解：软件界面用户分析，软件界面分析掌握： 软件界面原型开发工具，软件界面开发的过程，包括需求分析、原型设计、功能设计、外观设计、图形界面测试等23表单和菜单界面设计了解： 菜单界面的特点，菜单设计的原则理解： 菜单界面的式样掌握：利用VS.NET进行窗体应用程序的设计过

5、程 24命令语言、GUI界面设计了解：语言设计的基本目标及准则理解：命令菜单的基本形式掌握：命令语言的形式，包括简单命令表、命令加变量、命令加选项和变量、 命令的层次式结构，命令命名和缩简符规则，包括专一性和普遍性、缩减策略、使用缩减 名的准则25帮助和出错界面设计了解： 帮助处理系统的类型及设计基本原则、帮助信息分类，向导设计规则，错误处理的相关问题掌握：掌握出错信息的设计技术，包括系统信息的针对性、建设性的指导和积极 的语气、以用户为中心的用语、适宜的格式、非拟人式用语，学会编写用户手册，掌握联机资料的制作方法，包括联机手册，关键词表和快捷键表，上下文相 关的帮助，联机辅导，演示和动画26

6、网页界面设计了解： 网页设计的内容及其特点，网页界面设计要素，学会如何设计网站理解：网页界面设计中颜色选择的意义，布局的作用掌握：网页的设计原则，网页的布局技术， Bootstrap前端框架，利用Bootstrap来设计网页界面27移动设备界面设计了解：移动设备界面特点，未来移动界面设计发展趋势理解：移动设备界面设计的问题掌握：移动设备界面设计开发方法，移动设备应用开发技术28软件界面测试与评估了解：人机界面测试与评估的内容和要求，验收测试的方法 理解：界面评估指标及方法掌握：如何进行界面的可用性测试，经验评估方法，包括观察、咨询、实验方法，并学会设计调查表2序号实验项目名称内容摘要实验学时实

7、验类型开出要求1软件界面认知实验通过收集各种类型的界面，并对其进行分析，从感性上理解软件界面的概念，指导学生从网上或者生活中收集不同类型的界面，并带入到课堂中讨论，应用到以后的界面设计中去。2验证性必做2软件系统显示界面设计实验教师设定几个可供参考的系统界面，软件启动界面、CD播放器界面等，学生可以使用任何开发软件，也可以采用图形设计软件设计界面或在此基础上进行改进2验证性必做3菜单界面设计-简单记事本设计制作一个仿windows记事本，实现有关菜单设计和状态栏的设计（状态栏显示光标光标位置）。2验证性必做4数据输入界面设计设计显示学生信息的数据输入表格界面，对所有的文本框实现数据检验及错误提

8、示。设计显示运动会信息的注册数据输入表格界面，对标有*的文本框实现数据检验及错误提示。2验证性必做5图形用户界面的设计利用常用的设计工具（C#）完成一个通用图形用户界面设计要遵循界面设计的一般原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会使用图标、按钮、屏幕布局、菜单和对话框的设计2验证性必做6帮助和出错界面设计利用HTML Help Workshop工具制作软件说明书、产品介绍说明、学习教程、电子图书、个人资料管理等其中一项2验证性必做7个人求职网站设计本网站主要介绍个人的一些基本情况及求职意向。包括个人简介、兴趣爱好、技能专长、自我推荐、求职意向、给我留言等。利用Bootst

9、rap来设计4验证性必做五、教学方法与策略主要使用多媒体教室进行理论讲解和案例演示，然后在计算机实验室指导学生进行相关实验并撰写实验报告。六、学生学习成效考核方式考核环节构成（均为100分制）评分依据占总成绩的比重考勤旷1-2次，扣5分一次，3次及以上10分一次20%课堂表现上课讲话，做与课堂无关的事扣分，认真听讲，积极回答问题加分10%实验根据完成的实验个数及完成的质量给分20%项目考核设计一个UI软件界面作品，从软件的系统功能、界面主题、界面色彩、界面结构以及所采用的界面设计技术等方面来评价作品，至少6个界面。并钻撰写界面设计分析报告。50%七、选用教材孙悦红等编著，面向用户的软件界面设计，清华大学出版社, 2011年。八、参考资料1、吕云翔等编著，UI设计与应用，清华大学出版社, 2017年。 2、陈启安主编，软件人机界