《UI界面设计》教学大纲(64学时)
《UI 设计》教学大纲
《UI设计》教学大纲课程编号：1403076课程性质：专业特色课学时/学分：32/2适用专业：工业设计、产品设计一、课程简介《UI设计》共分五部分，第一部分为基础部分，讲授UI的定义、起源、发展、研究内容及发展趋势；第二部分为相关学科及知识，讲授UI设计中认知心理学、人机工程学，人机界面的艺术设计、色彩设计等。
第三部分为硬件人机界面部分，讲授硬件人机界面的设计风格、人文关怀等；第四部分为软件人机界面部分，讲授软件人机界面的形式与标准、软件人机界面设计、图标设计等；第五部分为UI设计评价与新交互技术及展望，介绍多通道用户界面、下一代人机界面展望。
"Interface design"is divided into five parts,the first part is the fundamental part,teaching product interface definition,origin,development,research content and development trend;the second part is the relevant disciplines and knowledge,teaching cognitive product interface design psychology and ergonomics,art design,human machine interface color design.The third part is the hardware part of the man-machine interface,design style,teaching hardware human-machine interface of humanity;the fourth part is the man-machine interface software,teaching software of man-machine interface form and standard,man-machine interface software design,icon design; the fifth part is the evaluation of the design of man-machine interface and new interaction techniques and prospects,introducing the multimodal user interface,the next generation human-computer interface prospect.二、教学目的与要求UI设计的主要目的是培养学生在学会基本的产品设计的思路的基础上，对产品的用户界面通过体验分析，掌握独立完成最终的设计方案的能力。
UI界面教学大纲
课程名称界面（UI）设计课程编号课程类别必修课程学时 48 课程学分 3课程实施方式（即教学组织形式、采用的教学方法及手段）考核方式考查开设时间第二学期使用教材创意UI Photoshop玩转图标设计，Art eyes设计工作室编著，人民邮电出版社2015年1月内容简介通过案例的方式介绍了如何使用Photoshop进行图标设计。
从轻松迈向图标王国、掌控图标创意原则、图标设计与软件操作、扁平化图标设计、质感图标的设计、涂鸦风格图标设计到玩转图标应用和附录逐一讲解，使读者由浅入深，逐步了解使用Photoshop制作图标的整体设计思路和制作过程。
课程的目的与任务1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。
2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI界面设计能力；3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。
课程学习指导《UI设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI、标志设计课程基础上的延续和提高。
课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。
UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。
在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。
教学过程中教师应积极引导学生提升职业素养，提高职业道德。
课时分配表课程内容与基本要求第1章轻松迈向图标王国1.1 图标入门1.1.1 什么是图标1.1.2 图标与标志的区别1.1.3 常见移动应用图标1.1.4 常见电脑应用图标1.2 图标设计的意义和作用1.2.1 什么是图标1.2.2 图形内在含义1.2.3 图标设计的作用1.3 图标的像素分辨1.3.1 Windows操作系统的图标像素分辨1.3.2 WindowsXP操作系统的图标像素分辨1.3.3 安卓操作系统的图标像素分辨1.3.4 iOS操作系统的图标像素分辨1.4 常见图标的标准尺寸1.4.1 常见移动操作系统的图标标准尺寸1.4.2 常见电脑操作系统的图标标准尺寸1.5 图标的设计要素和结构1.5.1 图标型的把握1.5.2 图标型的把握1.5.3 透视、光源与阴影1.5.4 元素的组合1.5.5 视觉均衡1.6 那些你不知的图标分类1.6.1 PNG格式图标1.6.2 ICON格式图标1.6.3 ICL格式图标1.6.4 IP格式图标1.7 制作图标的常用软件1.7.1 PhotoshopCS61.7.2 IllustratorCS6第2章掌控图标创意原则2.1 图标制作的原则2.1.1 可识别性原则2.1.2 差异性原则2.1.3 合适的精细度和元素个数原则2.1.4 风格统一性原则2.1.5 原创性原则2.2 图标的创意2.2.1 界面需求2.2.2 图标的创意元素2.2.3 创意图标的特点2.3 图标设计草图的绘制和渲染2.3.1 图标的设计方法及技巧2.3.2 图标视觉分析2.3.3 最终草图定稿2.3.4 草图渲染2.4 图标的视觉分析和效果2.4.1 用户体验2.4.2 图标的可识别性2.4.3 图标设计的连续性第3章图标设计与软件操作3.1 基础图形绘制图标中的元素3.1.1 圆形图标的绘制3.1.2 方形图标的绘制3.1.3 圆角矩形图标的绘制3.1.4 组合图形图标的绘制3.1.5 自定义形状图标的绘制3.2 让人过目不忘的简单生活图标3.2.1 移动设备电池图标绘制3.2.2 安卓系统启动图标3.2.3 iOS系统启动图标3.2.4 Windows系统启动图标3.3 具有设计性的图标制作3.3.1 具有设计性的开关图标3.3.2 具有设计性的音乐旋钮图标3.3.3 具有设计性的导航栏图标的绘制3.4 色彩斑斓的图标3.4.1 粉嫩色系图标3.4.2 蓝绿色系图标3.4.3 暖色调图标第4章扁平化图标设计4.1 纯色形状扁平化图标实战1 应用类纯色形状扁平化图标实战2 生活类纯色形状扁平化图标4.2 Windows系统中的扁平化图标实战1 Windows操作系统的扁平化图标实战2 WindowsXP操作系统的扁平化图标4.3 iOS系统中的扁平化图标实战1 线条扁平化图标实战2 图形扁平化图标第5章质感图标的设计5.1 质感立体图标设计实战1 立体透明图标制作实战2 立体毛绒图标制作5.2 质感写实图标设计实战1 逼真质感图标实战2 逼真食物图标实战3 金属质感写实图标实战4 逼真生活物品图标第6章涂鸦风格图标设计6.1 矢量涂鸦风格图标实战1 矢量牌游质感风格图标实战2 矢量趣味涂鸦图标6.2 可爱动画涂鸦风格图标实战1 可爱游戏涂鸦风格图标实战2 可爱动画涂鸦风格图标6.3 手绘涂鸦界面图标实战1 手绘涂鸦界面图标实战2 手绘相机应用图标实战3 手绘导航应用图标第7章玩转图标应用7.1 移动应用和图标实战1 手机App应用和图标实战2 苹果手机App应用和图标实战3 移动iPad应用和图标7.2 电脑桌面应用图标实战1 电脑桌面图标实战2 矢量插画电脑应用和图标学生自学内容重要思考题1.完成简单数字图标设计2.完成电脑，手机APP图标设计参考书目1、教材名称：认知与设计——理解UI设计准则主编：[美]Jeff Johnson 著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版2、《人机界面设计》罗仕鉴,朱上上,孙守迁著机械工业出版社 2002年9月3、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社 2004年1月4、《用户界面设计-有效的人机交互策略（第四版）》Ben Shneiderman著张国印,李健利等译电子工业出版社 2008年105、《数字媒体系列教材数字界面设计》廖宏勇著，上北京师范大学出版社2010。
《UI设计》教学大纲
《UI设计》教学大纲UI设计教学大纲一、课程简介本课程旨在帮助学生了解和掌握UI（User Interface，用户界面）设计的基本原理和技巧，培养学生的界面设计能力，使学生能够独立完成优秀的UI设计项目。
二、学习目标1.了解UI设计的基本概念和原则；2.掌握常见的UI设计工具和软件；3.学会分析和评估现有的UI设计；4.能够独立设计并制作用户友好的UI界面；5.能够与相关团队成员进行有效的协作。
三、教学内容和学时安排1.UI设计基础（4学时）a.什么是UI设计；b.UI设计的重要性；c.常见的UI设计原则；d.用户界面的组成部分。
2.UI设计工具和软件（6学时）a.常见的UI设计工具及其特点；b.学习使用常见的UI设计软件；c.掌握UI设计工具的基本操作。
3.UI设计流程（8学时）a.从需求分析到初稿设计的过程；b.快速原型设计和迭代优化；c.可用性测试和用户调研的重要性；d.最终设计稿的制作和交付流程。
4.UI设计原则和技巧（12学时）a.色彩搭配和配色原则；b.字体选择和排版技巧；c.图标和按钮设计；d.布局和层次结构设计；e.用户交互和动效设计；f.响应式设计和移动端UI设计。
5.UI设计案例分析（8学时）a.分析和评估现有的UI设计作品；b.掌握UI设计的趋势和发展方向；c.学习从成功的案例中借鉴和运用。
6.项目实践（12学时）a.团队合作，完成一个真实的UI设计项目；b.学生们根据教师指导，从需求调研到最终设计稿的制作；c.学生们根据团队成员的反馈和评估，不断优化和改进设计。
四、教学方法2.实践操作，帮助学生掌握UI设计工具和软件的基本操作；3.项目实践，培养学生的团队合作能力和解决问题的能力；4.课堂互动，鼓励学生积极参与讨论和分享经验。
五、考核方式1.平时表现（20%）：包括出勤情况、参与讨论、作业完成情况等；2.项目实践（40%）：根据团队合作的情况、设计稿的质量等综合评估；3.期末考试（40%）：综合考核学生对于UI设计的理解和掌握程度。
UI界面设计
UI界面设计《ui界面设计》教学大纲（本科）课程名称：UI界面设计课程代码：0346337课程类别：专业主干课程学时和学分：96学时和6学分一、课程简介（50-100字）UI是用户界面的缩写。
UI设计是指对软件的人机交互、操作逻辑和美观界面的总体设计。
良好的用户界面设计不仅使软件具有个性和品味，而且使软件的操作舒适、简单、自由，充分体现了软件的定位和特点。
2、教学目的通过本课程的学习，使学生掌握人机界面的基本概念、基本原理以及设计原则。
了解人机界设计的发展方向，如何用规范的方法进行软件界面设计，以及在设计过程中应遵循的流程、准则、标准和规范。
三、教学要求（一）专业知识目标1。
用户界面设计规则2、用户界面的设计流程3、ui设计师的工作（二）专业技能目标1、界面设计的部分编码实现技术2、web软件用户界面设计3、eb软件用户界面设计4、手机软件用户界面设计5、软件界面测试与评估（三）社会能力目标在ui设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
四、教学内容与环节章节名称学时教学内容1、用户界面的对软件产品的重要性教学方法与环节课堂实训第一章、用户界面的基本概念2、用户界面的研究内容和应用8领域3、人机交互与用户界面设计4、用户界面设计的发展趋势1、教师实例讲授、1、用户界面的设计规则第二章、用户界面2、用户界面的设计流程的设计规则和方法实例赏析与学生8实践相结合。
3、界面需求分析4、ui设计师的工作1、html、dhtml、xhtml2、情景教学，命为某一品牌手机做一套手机用户界面，并接受人机界面测试与评第三章、界面设计的部分编码实现技术2、xml、sgml3、javascript164、css题制作，增强估。
5、vrml学生实际操1、网页设计与传统windows软作软件的能力。
件的区别2、网页颜色设计第四章、web软件3、导航栏设计用户界面设计164、网页的布局和网站总体设计5、网页设计开发软件dreamweaver的使用第五章、windows软件用户界面设计1、windows图形用户界面的特16点2、图形用户界面设计的艺术原则3、在图形用户界面中使用图标4、利用开发图形用户界面1、手机的用户界面特点2、手机的用户界面设计开发方第六章、手机软件法用户界面设计163、未来手机的用户界面设计发展1、人机界面测试与评估的内容与要求第七章、软件界面2、进行反复的可用性测试测试与评估163、验收测试4、经验评估方法五、教学重点与难点（一）教学重点《ui界面设计》是一门重要专业课，课堂讲授采用多媒体教学手段，加深学生对基本概念的理解。
ui设计教学大纲
课程教学大纲课程名称：UI 设计制（修）订人：黎丹审定人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6 月、课程基本信息、课程的性质和地位《UI 设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI 、标志设计课程基础上的延续和提高。
课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。
UI 界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。
三、课程教学目标1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。
2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI 界面设计能力；3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。
四、教学内容、教学要求及学时分配五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。
①在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。
②教学过程中教师应积极引导学生提升职业素养，提高职业道德。
六、课程考核1、各单元知识点及考核要求2、综合成绩构成七、推荐教材及学习资源1、推荐教材（含实验教材）教材名称：认知与设计——理解UI 设计准则ISBN号：规格：主编：［美］Jeff Johnson 著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版单价：是否自编：2、推荐书目和期刊1、《人机界面设计》罗仕鉴, 朱上上, 孙守迁著机械工业出版社2002 年9 月2 、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社2004 年1 月3 、《用户界面设计- 有效的人机交互策略（第四版）》Ben Shneiderman 著张国印, 李健利等译电子工业出版社2008 年104、《数字媒体系列教材数字界面设计》（廖宏勇著，上北京师范大学出版社2010）3、推荐的学习网站八、其他说明无九、实验实训教学要求考核方式：一．有否正确传达出产品/ 交互意图20%视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基础上，参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计要达到用户愉悦的目的。
ui设计教学大纲
ui设计教学大纲果排版设计，整体效果搭配、图标设计的应用本课程的教学目标是使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。
通过本课程的研究，学生应该掌握软件的基本操作，并初步具备UI界面设计能力。
同时，本课程也重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。
本课程的内容包括认识界面门、人本界面、界面的整体设计、界面的视觉设计、网页界面的设计、游戏界面的设计、软件界面的设计和便携电子产品界面的设计。
在研究过程中，学生需要了解界面的概念和UI设计的历史与发展趋势，掌握人因工程化界面和人机工程学学科的穿插，以及界面整体设计的分析和实施以及用户各方面的分析。
此外，学生还需要掌握整体效果搭配、界面视觉效果、图标设计的设计加以应用，以及网页视觉效果排版设计、整体效果搭配、图标中隐喻的运用，游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用，软件界面视觉效果排版设计整体效果搭配、图标中隐喻的运用，以及便携电子产品界面视觉效果排版设计、整体效果搭配、图标设计的应用。
总之，《UI设计》是平面设计方向的专业核心课程，是跨学科的学术领域，通过研究本课程，学生可以掌握UI设计的基本知识和技能，提高观察生活、体验生活、体验、审美能力、吃苦精神和创造能力，为日后的工作和研究打下坚实的基础。
分。
学生课堂参与度学生在课堂上积极发言、互动，每次加3分。
期末考试考察学生对界面设计的理解和应用能力，占总成绩的60%。
3、教学资源教材：《界面设计与人因工程》参考书：《界面设计原理》、《人机交互设计》多媒体课件：包括案例分析、图像展示、视频演示等多种形式。
4、教学评价界面设计是一门实践性很强的课程，学生需要通过大量的实践来提高自己的设计能力。
因此，教学评价应该注重学生的实际操作能力，采用多种形式进行评价，如作品展示、小组讨论、个人报告等。
界面设计教学大纲精选全文完整版
可编辑修改精选全文完整版《界面设计》教学大纲课程代码：20521022 课程类型：专业必修课总学时： 64 学分：3适用专业：视觉传达、计算机科学与技术（嵌入式培养）、数字媒体技术（嵌入式培养）、数字媒体艺术、软件工程（嵌入式培养）先修课程：无一、课程性质、目的与要求（一）课程性质《界面设计》课程是计算机科学、数字媒体技术、软件工程专业、视觉传达专业、数字媒体艺术专业的专业基础课。
与专业技术课程关系紧密，本课程是《html5+css5》、《WEB程序设计》、《Andriod网络编程》、《移动应用开发》等课程的前修课程。
(二) 课程目的开设本课程的目的是使学生了解界面设计概念、界面设计组件与模块、以及界面设计视觉规范等相关知识，通过界面设计的实际操作使学生掌握不同界面设计的规范与要求，提高学生在软件方面的操作能力以及培养学生界面美感的表达能力，训练学生的专业整合运用能力以及沟通、执行能力。
（三）教学要求本课程要求学生了解界面设计的概念及发展趋势、界面设计的基本内容及设置规范；掌握图标设计、组件设计、交互原型图设计等相关的专业知识，掌握相关软件的操作，并且能够使用软件设计出不同的界面。
本课程作为视觉传达、计算机科学、数字媒体技（艺）术、软件工程专业的必修课程，与专业技术课程关系紧密。
本课程理论部分基础概念较多，涉及面广，教学形式以多媒体辅助讲授为主，占总课时的1/2；实践部分重在掌握常用软件的使用，以上机操作为主，占总课时1/2。
二、教学内容、要求及学时分配2、教学目标用“了解”、“理解”、“能”或“会”等用语来表述要求的程度，“了解”用于表述事实性知识（“知其然”）的学习程度，“理解”用于表述原理性知识（“知其所以然”）的学习程度，“能”或“会”用于表述技能的掌握程度。
三、课内实践环节项目表四、建议教材及参考书五、课程考核方式及要求1、考核方式：考试2、考核要求：无故旷课或作业缺少次数达到学院有关规定的，取消考试资格；考试成绩由平时作业、测验、期末考试组成。
14. 《UI设计》教学大纲
《UI设计》教学大纲课程类别：岗位技能课适用对象：全日制三年艺术设计总学时： 64 讲授学时：0 课内实践学时：64独立实践学时：0先修课程：计算机辅助设计Photoshop、CorelDraw、标志设计、flash一、课程的性质、任务与课程的教学目标（一）课程的性质、任务1.课程的性质《UI设计》是艺术设计专业的专业课程，是在图形图像处理、企业形象、logo标志设计课程上的延续与提高。
课程几乎涉及到了平面设计专业基础课的各个方面，课程实践中注重对各设计基础课程如图形设计、编排设计、字体设计、构成设计等课程的综合运用。
UI主题界面设计是一门在电子设备，新兴媒体上运用平面设计的综合性学科，以往平面设计多数是印刷品，今天移动设备的兴起，应用如：手机上的企业APP主题宣传品，企业电子杂志APP版，企业门户网站手机版，企业微信宣传品设计，精细的ICON图标表现，和一些特色风格的主题APP界面设计等，都是企业形象宣传的一部分，是属于APP或手机网页方面，视觉界面部分的设计，为大多数互联网类公司培养研发部门和市场部门的视觉设计师。
2.课程的任务①本课程实现专业培养目标（分析本课程地位及作用）中所承担的任务：此课程的目的与任务是要求学生对UI设计意义、功能有初步的了解，掌握UI设计的基本形式，来龙去脉，市面上的一些案例，训练学生在设计主题UI方面注重画面的形式美感和使用舒适度方面的设计，使学生具备主要常用的一些APP主题界面的设计能力和精细ICON图标的表现能力。
②本课程教学内容及教学环节等方面与前后相关课程的联系与分工：本课程从设计的角度对这几年冒起的智能手机和发展迅速的APP发展过程做说明、功能分类、设计定位、表现形式、视觉设计、企业品牌宣传app上的运用案例等作较为全面的讲述，然后对常用的一些设计方式和主要案例做临摹训练以及在尝试几个案例后，作主观设计创作训练。
通过本课程的学习，可以熟悉手机主题界面设计中关于企业主题APP界面，特色主题界面，电子杂志类型宣传品,电商类APP视觉设计，电商运营图，宣传品，交互图标，首内页编排等，界面设计中一些图标和页面编排等的运用，是一门实践性较强的课，是视觉传达设计方向里一门这几年市面应用比较广的电子宣传品类制作职业课。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《UI界面设计》课程教学大纲
注：此页不可增页
二、课程教学目的与目标
（一）课程目的
《UI界面设计》课程是数字媒体艺术专业，第四学期开设的专业基础课程，根据专业培养目标和职业岗位要求而制定。
是本专业后续所有专业课程的前期必修基础课程《设计美学》《Photoshop、Illustrator》。
其息息相关的后续课程有《数字手机UI 交互界面设计》《专业综合实训》等。
通过本课程的学习，使学生掌握数字矢量软件基础进行平面图形设计的基本方法和基本技能，使学生能够运用图形图像处理软件进行界面图形设计与制作，提高学生实际应用能力；培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、色彩感悟能力和欣赏能力等素质，达到数字美术的初级设计水平。
（二）教学目标
1.知识目标：
（1）了解界面设计的意义、目的、基本要素、流程；
（2）理解典型的界面类型设计的原则、方法；
（3）掌握界面设计中文字、图形的编排构成；
（4）掌握UI界面设计中的常见项目的基本操作及制作流程。
（5）掌握绘图软件（Photoshop、Illustrator）的基本操作技巧.
2.能力目标：
（1）使学生能够根据需要进行界面设计能力；
（2）使学生能够正确处理图形、文字、色彩的关系；
（3）使学生能够运用软件完成界面设计、视觉编辑效果；
（4）具备较强的界面设计项目规划能力；
（5）具备制作发布能力。
3.素养目标：
（1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；
（2）具有胜任设计工作的良好的业务素质和身心素质；
（3）具有自觉的规范意识和团队精神，并具有良好的沟通和交流能力；
（4）具有理论联系实际的素质。
三、学时分配及教学内容
四、考核方式及成绩评定
1.考试方式：考试
2.考核组成：平时成绩（占60％）、期末考核（占40%）。
五、其他说明
该课程以项目为导向，根据不同界面设计的特殊性进行教学，课堂以案例讲授法、现场指导法为主，向学生阐释原理、原因，引导出设计制作方法，课后延展内容建议依据当下的设计动态和专业赛事而开展。