《UI设计》教学大纲课程基本信息课程编号4MSET12100UI设计课程中文名称培养方案2022版课程英文名称User Interface Design版本25学分32开课学期总学时0理论学时32实验学时上机学时|0适用专业视觉传达设计口通识教育课专业基础课口学科教育课程课程类别口专业必修课团专业选修课口实践教学环节口必修通识教育课程口学科基础课程课程模块团专业教育课程口实践教课程学团选修《图形创意设计》，《标志设计》，《版式设计》，《数字媒体技《文字设计》，先修课程术》，《形式基础（二维+色彩）》课程负责马晓凤职称讲师课程组成员山川、彭小丹人执笔人审核人彭小丹修订时间马晓凤2023-07二、课程性质本课程是视觉传达专业的专业课程。在互联网高速发展的今天，各种界面充斥着人们的生活，移动设备作为当今世界人们的主要沟通工具在生活中起着必不可少作用。UI设计应运而生。本课程主要培养学生能够独立完成移动设备的各种软件的界面设计的能力。增加学生的就业技能，使学生以后在工作岗位更好的服务社会。掌握UI设计的思维方式及一般方法；培养学生运用所学知识完成软件的界面设计的能力。三、课程目标本课程的主要教学环节是理论教学和教师一对一辅导实践教学。课程教学的主要目标：（1）学生应掌握界面设计的形式美法则（融入中国传统审美方法）；（2）学生应掌握界面设计的思维方式：掌握界面设计色彩运用法则（融入中国传统色彩的讲解）；(3）学生应掌握APP的设计流程及方法（融入习近平关于新时代科技创新的重要论述）；掌握APP的制作方法；（4）学生应了解界面设计与程序设计的相互关联；了解界面设计与交互设计的相互关联；了解APP的策划流程（融入马克思主义哲学中唯物辩证法）。具体教学目标如下：1：掌握APP界面的设计方法和制作方法，学生可以独立策划并设计制作完整的APP界面（对应毕业要求：3.1、4.1、5.3、8.3）2.培养学生界面设计思维能力、逻辑能力以及运用视觉知识分析问题和解决问题的能力，提高学生的审美素质和解决实际问题的能力。（对应毕业要求：3.3、8.2）四、课程支撑的毕业要求指标点及权重
《UI设计》教学大纲 一、课程基本信息 课程编号 4MSET121001 课程中文名称 UI设计 培养方案 版本 2022版 课程英文名称 User Interface Design 开课学期 5 学分 2 总学时 32 理论学时 32 实验学时 0 上机学时 0 适用专业 视觉传达设计 课程类别 □通识教育课 □专业基础课 □学科教育课程 □专业必修课 ☑专业选修课 □实践教学环节 课程模块 □通识教育课程 □学科基础课程 ☑专业教育课程 □实践教课程学 □必修 ☑选修 先修课程 《图形创意设计》，《标志设计》，《文字设计》，《版式设计》，《数字媒体技 术》，《形式基础（二维+色彩）》 课程负责 人 马晓凤 职称 讲师 课程组成员 山川、彭小丹 执笔人 马晓凤 审核人 彭小丹 修订时间 2023-07 二、课程性质 本课程是视觉传达专业的专业课程。在互联网高速发展的今天，各种界面充斥着人们的 生活，移动设备作为当今世界人们的主要沟通工具在生活中起着必不可少作用。UI 设计应 运而生。本课程主要培养学生能够独立完成移动设备的各种软件的界面设计的能力。增加学 生的就业技能，使学生以后在工作岗位更好的服务社会。掌握 UI 设计的思维方式及一般方 法；培养学生运用所学知识完成软件的界面设计的能力。 三、课程目标 本课程的主要教学环节是理论教学和教师一对一辅导实践教学。 课程教学的主要目标： （1） 学生应掌握界面设计的形式美法则（融入中国传统审美方法）； （2） 学生应掌握界面设计的思维方式；掌握界面设计色彩运用法则（融入中国传统色 彩的讲解）； （3） 学生应掌握 APP 的设计流程及方法（融入习近平关于新时代科技创新的重要论 述）；掌握 APP 的制作方法； （4） 学生应了解界面设计与程序设计的相互关联；了解界面设计与交互设计的相互关 联；了解 APP 的策划流程（融入马克思主义哲学中唯物辩证法）。 具体教学目标如下： 1．掌握 APP 界面的设计方法和制作方法，学生可以独立策划并设计制作完整的 APP 界 面（对应毕业要求： 3.1、4.1、5.3、8.3） 2．培养学生界面设计思维能力、逻辑能力以及运用视觉知识分析问题和解决问题的能 力，提高学生的审美素质和解决实际问题的能力。（对应毕业要求：3.3、8.2） 四、课程支撑的毕业要求指标点及权重
毕业要求指标毕业要求指标毕业要求指标毕业要求指标点3点4点5点8课程目标10. 4课程目标20. 20. 20. 20.2课程目标30. 40.60.50.6课程目标40. 20. 30. 2权重和1111五、教学方法1.讲授法。主要采取集中讲授和一对一辅导教学的教学方法，充分发挥并尊重学生的设计思维和个性，教师根据不同学生的不同特点因材施教。2.案例式教学。根据课程内容结合当前主流软件作为案例讲解，使学生更直观清晰的了解设计的思路和方法。3.直观演示法结合实习作业法。采用讲授与多媒体、移动设备相结合的方式，通过实际练习和直观APP演示讲解使学生能够理论联系实际，完成实际课题的设计。六、教学内容1.理论环节教学安排序知识单学时课程教学内容基本要求(能力）号元分配目标课程概述：UI设计的基本概UI设念，来源，目前在设计领域的发掌握UI设计的基本概念，了目标1计的基展情况。重点是UI的定义：难点1目标2解UI设计与交互设计的关系。本概念是理解交互设计与UI设计的关系。UI设计的专用色彩模式：UIUI设设计的用色原则：APP各界面之间掌握UI设计的用色原则，计的色的关系与特点。重点是UI设计的目标1掌握APP各界面之间版式设计的彩与版用色原则和版式特点：难点是APP目标2方法与原则。式各界面间的衔接与特点的统一性。APP图标的特点：APP图标设APP 的掌握APP图标的设计方法和原计的原则与方法：APP图标的制图标设作。重点是APP图标的设计与制10则：掌握APP图标的制作方法：理目标3计与制作；难点是APP图标的层级与系列解APP图标系列性。作性。APP的APP的设计方法：APP的制作掌握APP的设计方法及制作流设计方流程。重点是APP设计的思维方式目标3程；了解APP的交互与程序之间的法与制与制作流程；难点是APP设计与交目标4联系。作流程互和程序之间的联系。教师一对一根据学生的主题掌握APP的制作方法，并能制APP的进行辅导；重点是APP整体的布局目标319作出完整的APP界面样稿，整体版制作与统筹规划；难点是要求学生找目标4式图标色彩正确，实用性强。准APP的定位。七、教材与参考书目教材：新印象一一解构UI设计（第2版），王铎著，人民邮电出版社，2022年11月
毕业要求指标 点3 毕业要求指标 点4 毕业要求指标 点5 毕业要求指标 点8 课程目标1 0.4 课程目标2 0.2 0.2 0.2 0.2 课程目标3 0.4 0.6 0.5 0.6 课程目标4 0.2 0.3 0.2 权重和 1 1 1 1 五、教学方法 1.讲授法。主要采取集中讲授和一对一辅导教学的教学方法，充分发挥并尊重学生的设 计思维和个性，教师根据不同学生的不同特点因材施教。 2.案例式教学。根据课程内容结合当前主流软件作为案例讲解，使学生更直观清晰的了 解设计的思路和方法。 3.直观演示法结合实习作业法。采用讲授与多媒体、移动设备相结合的方式，通过实际 练习和直观 APP 演示讲解使学生能够理论联系实际，完成实际课题的设计。 六、教学内容 1.理论环节教学安排 序 号 知识单 元 教学内容 学时 分配 基本要求(能力) 课程 目标 1 UI 设 计的基 本概念 课程概述；UI设计的基本概 念，来源，目前在设计领域的发 展情况。重点是UI的定义；难点 是理解交互设计与UI设计的 关 系。 1 掌握UI设计的基本概念，了 解UI设计与交互设计的关系。 目标 1 目标 2 2 UI 设 计的色 彩与版 式 UI设计的专用色彩模式；UI 设计的用色原则；APP各界面之间 的关系与特点。重点是UI设计的 用色原则和版式特点；难点是APP 各界面间的衔接与特点的统一 性。 1 掌握 UI 设计的用色原则， 掌握 APP 各界面之间版式设计的 方法与原则。 目标 1 目标 2 3 APP 的 图标设 计与制 作 APP图标的特点；APP图标设 计的原则与方法；APP图标的制 作。重点是APP图标的设计与制 作；难点是APP图标的层级与系列 性。 10 掌握APP图标的设计方法和原 则；掌握APP图标的制作方法；理 解APP图标系列性。 目标 3 4 APP 的 设计方 法与制 作流程 APP的设计方法；APP的制作 流程。重点是APP设计的思维方式 与制作流程；难点是APP设计与交 互和程序之间的联系。 1 掌握APP的设计方法及制作流 程；了解APP的交互与程序之间的 联系。 目标 3 目标 4 5 APP 的 制作 教师一对一根据学生的主题 进行辅导；重点是APP整体的布局 与统筹规划；难点是要求学生找 准APP的定位。 19 掌握APP的制作方法，并能制 作出完整的APP界面样稿，整体版 式图标色彩正确，实用性强。 目标 3 目标 4 七、教材与参考书目 教材： 新印象——解构UI设计（第2版），王铎著，人民邮电出版社，2022年11月
参考书目[1]UI设计蓝湖火花集：交互+视觉+产品+体验（全彩），蓝湖产品设计协作，电子工业出版社，2019年07月[2]】UI设计，王月颖，科学出版社，2021年03月[3］UI设计，田雅岚、刘伟，清华大学出版社，2023年04月[4]UI设计一一Web网站与APP用户界面设计教程，吕云翔、杨婧，清华大学出版社2019年11月[5】UI设计基础案例教程，方旭华、陈超颖、王彩琴、陈苏闽，清华大学出版社，2021年04月八、考核办法课程目标权重和考核环节与成绩比例（%）平时（30%）考试（70%）课程目标10.30.711课程目标20. 30.70. 30. 71课程目标30.30.71课程目标4九、考核依据平时评价标准：课程目标评价标准权重中优秀良好及格不及课程目标1课程内容完课程内容完课程内容可课程内容可课程内容不0.3全掌握并能全掌握并能以掌握并能以掌握，能能掌握，课熟练运用，运用，课堂够完成课堂堂出勤与上运用，课堂课堂出勤与出勤与上课出勤与上课出勤，上课课状态差上课状态认状态认真状态认真状态良好真课程内容完课程内容可课程内容可课程内容不课程目标2课程内容完10.5全掌握并能全掌握并能以掌握并能以掌握，能能掌握，课熟练运用，运用，课堂运用，课堂够完成课堂堂出勤与上出勤，上课课堂出勤与出勤与上课出勤与上课课状态差上课状态认状态认真状态认真状态良好真课程内容完课程内容完课程内容可课程内容可课程内容不0.5课程目标3全掌握并能全掌握并能以掌握并能以掌握，能能掌握，课运用，课堂运用，课堂熟练运用，够完成课堂堂出勤与上出勤与上课出勤，上课课状态差课堂出勤与出勤与上课状态认真上课状态认状态认真状态良好真课程目标4课程内容完课程内容完课程内容可课程内容可课程内容不0.5以掌握，全掌握并能全掌握并能以掌握并能能能掌握，课熟练运用，运用，课堂运用，课堂够完成课堂堂出勤与上出勤与上课出勤，上课课堂出勤与出勤与上课课状态差上课状态认状态认真状态认真状态良好
参考书目 [1] UI设计蓝湖火花集：交互+视觉+产品+体验（全彩），蓝湖产品设计协作，电子工 业出版社，2019年07月 [2] UI设计，王月颖，科学出版社，2021年03月 [3] UI设计，田雅岚、刘伟， 清华大学出版社，2023年04月 [4] UI设计——Web网站与APP用户界面设计教程，吕云翔、杨婧，清华大学出版社， 2019年11月 [5] UI设计基础案例教程，方旭华、陈超颖、王彩琴、陈苏闽，清华大学出版社，2021 年04月 八、考核办法 课程目标 考核环节与成绩比例（%） 权重和 平时（30%） 考试（70%） 课程目标1 0.3 0.7 1 课程目标2 0.3 0.7 1 课程目标3 0.3 0.7 1 课程目标4 0.3 0.7 1 九、考核依据 平时评价标准： 课程目标 评价标准 权重 优秀 良好 中 及格 不及 课程目标1 课程内容完 全掌握并能 熟练运用， 课堂出勤与 上课状态认 真 课程内容完 全掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握，能 够完成课堂 出勤，上课 状态良好 课程内容不 能掌握，课 堂出勤与上 课状态差 0.3 课程目标2 课程内容完 全掌握并能 熟练运用， 课堂出勤与 上课状态认 真 课程内容完 全掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握，能 够完成课堂 出勤，上课 状态良好 课程内容不 能掌握，课 堂出勤与上 课状态差 0.5 课程目标3 课程内容完 全掌握并能 熟练运用， 课堂出勤与 上课状态认 真 课程内容完 全掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握，能 够完成课堂 出勤，上课 状态良好 课程内容不 能掌握，课 堂出勤与上 课状态差 0.5 课程目标4 课程内容完 全掌握并能 熟练运用， 课堂出勤与 上课状态认 课程内容完 全掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握并能 运用，课堂 出勤与上课 状态认真 课程内容可 以掌握，能 够完成课堂 出勤，上课 状态良好 课程内容不 能掌握，课 堂出勤与上 课状态差 0.5
真考试评价标准：课程目标评价标准权重优秀良好中及格不及图标设计符图标设计符图标设计符基本独立完未完成作0.3课程目标1合APP设计原合APP设计原成，图标设合APP设计原业。则，图形精则，图形精则，图形实计基本符合美实用，设美实用，有用，原创设APP设计原则计感强，原设计感，原计，界面图创性强，界创设计，界标有层次，面图标层次面图标有层基本整体。分明，整体次，基本整性突出。体。界面设计符界面设计符界面设计符基本独立完未完成作0.5课程目标21合APP设计原合APP设计原合APP设计原成，界面设业。则，版式精则，版式精则，版式实计基本符合美实用，设美实用，有用，原创设APP设计原则计感强，原设计感，原计，界面层创性强，界创设计，界级层次基本面层级层次面层级层次分明。分明，逻辑分明，逻辑性强。性强。APP制作流APP制作流APP制作流APP制作流未完成作课程目标30.5程熟练掌程熟练掌程能够掌程制作方法业。握，制作方握，制作方握，制作方较可以掌法得当。能法得当。能法较得当。握。能完成较快完成目完成目标任能完成目标目标任务。务。标任务。任务。基本独立完APP制作精APP制作完未完成作0.5课程目标4APP制作完美，创意独整，有创成，整体业。整，有实用特，实用性意，有实用价值。PPT制APP设计基本强。PPT制作价值。PPT制作完整，效符合APP设计作完整，效果好。精美，效果原则。实用好。果好。性较差
真 考试评价标准： 课程目标 评价标准 权重 优秀 良好 中 及格 不及 课程目标1 图标设计符 合APP设计原 则，图形精 美实用，设 计感强，原 创性强，界 面图标层次 分明，整体 性突出。 图标设计符 合APP设计原 则，图形精 美实用，有 设计感，原 创设计，界 面图标有层 次，基本整 体。 图标设计符 合APP设计原 则，图形实 用，原创设 计，界面图 标有层次， 基本整体。 基本独立完 成 ， 图标设 计基本符合 APP设计原则 未完成作 业。 0.3 课程目标2 界面设计符 合APP设计原 则，版式精 美实用，设 计感强，原 创性强，界 面层级层次 分明，逻辑 性强。 界面设计符 合APP设计原 则，版式精 美实用，有 设计感，原 创设计，界 面层级层次 分明，逻辑 性强。 界面设计符 合APP设计原 则，版式实 用，原创设 计，界面层 级层次基本 分明。 基本独立完 成 ， 界面设 计基本符合 APP设计原则 未完成作 业。 0.5 课程目标3 APP 制作流 程熟练掌 握，制作方 法得当。能 较快完成目 标任务。 APP 制作流 程熟练掌 握，制作方 法得当。能 完成目标任 务。 APP 制作流 程 能 够 掌 握，制作方 法较得当。 能完成目标 任务。 APP 制作流 程制作方法 较可以掌 握。能完成 目标任务。 未完成作 业。 0.5 课程目标4 APP 制作精 美，创意独 特，实用性 强。PPT制作 精美，效果 好。 APP 制 作 完 整 ， 有 创 意，有实用 价值。PPT制 作完整，效 果好。 APP 制 作 完 整，有实用 价值。PPT制 作完整，效 果好。 基本独立完 成 ， 整 体 APP设计基本 符合APP设计 原则。实用 性较差。 未完成作 业。 0.5