《UI界面设计》教学大纲-张

合集下载

《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设计的主要目的是培养学生在学会基本的产品设计的思路的基础上，对产品的用户界面通过体验分析，掌握独立完成最终的设计方案的能力。

《界面设计》教案(全)

《界面设计》教案（一）一、教学目标1. 让学生了解界面的概念及其重要性。

2. 使学生掌握界面设计的基本原则和目标。

3. 培养学生具备界面设计的基本技能。

二、教学内容1. 界面的概念与重要性解释界面的定义探讨界面在产品中的重要性2. 界面设计的基本原则一致性简洁性清晰性易用性accessibility3. 界面设计的目标提高用户体验提高产品可用性增强用户满意度三、教学方法1. 讲授法：讲解界面的概念、重要性、基本原则和目标。

2. 案例分析法：分析经典界面设计案例，让学生了解优秀界面设计的特点。

3. 小组讨论法：分组讨论界面设计原则在实际案例中的应用。

四、教学准备1. 教学PPT2. 经典界面设计案例素材3. 投影仪五、教学过程1. 导入：简要介绍界面的概念及其在产品中的重要性。

2. 讲解：详细讲解界面设计的基本原则和目标。

3. 案例分析：分析经典界面设计案例，让学生了解优秀界面设计的特点。

4. 小组讨论：分组讨论界面设计原则在实际案例中的应用。

六、课后作业1. 复习本节课所学内容，掌握界面设计的基本原则和目标。

2. 选取一个产品，分析其界面设计是否符合基本原则和目标。

3. 提交分析报告。

《界面设计》教案（二）一、教学目标1. 让学生了解界面设计的基本元素。

2. 使学生掌握界面布局和色彩搭配的方法。

3. 培养学生具备界面设计的基本技能。

二、教学内容1. 界面设计的基本元素文字图片图标色彩布局2. 界面布局的方法网格布局对称布局层次布局3. 色彩搭配的原则色彩心理学色彩搭配技巧色彩意象三、教学方法1. 讲授法：讲解界面设计的基本元素、界面布局和色彩搭配的方法。

2. 案例分析法：分析经典界面设计案例，让学生了解优秀界面设计的特点。

3. 实践操作法：引导学生进行界面设计实践，提高设计技能。

四、教学准备1. 教学PPT2. 经典界面设计案例素材3. 投影仪4. 设计软件（如Adobe Photoshop、Sketch等）五、教学过程1. 导入：回顾上节课所学内容，引出本节课的主题。

《UI界面设计》教学大纲-张

《UI界面设计》教学大纲一、层次与学制：专科，三年制二、教学时数：64学时，周学时：4三、适用专业：视觉传达、艺术设计四、课程性质与任务UI界面设计是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。

五、教学目的与基本要求目的：知识目标：了解游戏行业美术设计师岗位要求并掌握界面的设计制作规范。

能力目标：能熟练掌握界面制作流程和方法技巧，以及界面的设计制作能力达到行业岗位的基本要求。

素质目标：（1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；（2）具有胜任设计工作的良好的业务素质和身心素质；（3）具有运用所学知识分析和解决问题的能力；（4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。

（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。

要求：界面UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中陶冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质。

六、教学主要内容与学时分配第一章UI界面设计相关知识1. 什么是UI设计及相关概念介绍在深入了解如何进行UI设计之前，我们还应该先了解一些与UI设计相关的概念2.UI设计的流程一个好的UI设计并不是然最终的用户界面视觉效果’好看’而已，而是需要考虑到用户和界面之间的整个交互过程，是否使用户有好的体验。

所以，当我们讨论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界面设计二、适用专业计算机平面设计专业三、课程性质与任务本课程是计算机平面设计专业的一门专业技能课程和专业核心课程。

本课程是依据计算机平面设计专业人才培养目标和相关职业岗位（群）的能力要求而设置的，对本专业所面向的Ul设计师所需要的知识、技能、和素质目标的达成起支撑作用。

其功能是使学生了解Ul界面设计的基本概念，掌握Ul界面设计所需的基本知识和方法，具备Ul界面设计的基本技能。

本课程是平面设计工程、图形图像处理等课程的后续课程，为学生学习其他后续课程奠定扎实基础。

四、课程设计（一）设计思路本课程的设计遵循任务引领，做学一体的原则，并参照“界面设计初级职业技能等级标准”考证标准的相关内容进行打造。

与此同时，也会根据计算机平面设计专业的工作任务和职业能力分析，融入“界面设计初级职业技能等级标准”证书的相关考核内容。

1.紧扣课程特点UI界面设计是指对PC端和移动端网页界面的人机交互、操作逻辑、界面美观的整体设计。

UI界面设计重要的特点是注重测试客户体验过程，不能凭设计师的喜好和审美来评判，要满足广大目标客户的使用便捷性需求。

这就要求Ul界面设计这门课程内容需要紧扣时代发展，注重对目标客户的审美把握，以企业项目为导向，贴近市场，满足客户需求。

2.明确导向目标任何行为实践都是以目标为导向的。

宏观角度讲，现代专业教育的核心任务是促进学生全面发展。

受此目标指引，应根据Ul界面设计课程特点，进一步细化微观层次的教学目标，如知识传授、技能锻炼、素质提升等，继而有针对性地选取导向企业项目，融入1+X证书课程内容，借此提高教学针对性、实效性。

从根本上讲，UI界面设计课程教学是一个循序渐进的过程，既需要综合考查学生个性差异和既有水平，也要遵循以人为本、因材施教原则，合理设计课程项目。

3.创新教学手段基于企业项目导向的Ul界面设计课程设计，本身就是一种创新实践行为。

在确立好目标导向之后，需要分析UI界面设计课程教学内容特点，选取有效的教学方法，比如案例教学法、任务驱动法、情景引入法、头脑风暴法、合作讨论法等。

界面设计教学大纲精选全文完整版

可编辑修改精选全文完整版《界面设计》教学大纲课程代码：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视觉设计，电商运营图，宣传品，交互图标，首内页编排等，界面设计中一些图标和页面编排等的运用，是一门实践性较强的课，是视觉传达设计方向里一门这几年市面应用比较广的电子宣传品类制作职业课。

《课程设计-UI设计》教学大纲

《课程设计-UI设计》教学大纲
【课程（环节）代码】10912013 【英文名称】Course Design- UI Design 【周数】4 【学分数】4
【适用专业及年级】视觉传达设计专业三年级
【开课学院】艺术设计学院
【修读学期】5
一、教学目的和要求
在飞速发展的电子产品中，界面设计工作一点点的被重视起来。

做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。

其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。

一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。

检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。

通过本课程学习使学生了解UI在国内外的发展，UI的是什么，UI的作用和UI创作。

二、教学内容和要求
（一）授课内容及要求：
1．授课：讲授UI设计基础理论，通过本课程学习使学生了解UI的是什么，UI的作用和UI创作。

2．考察：UI在国内外的发展，成功UI案例分析。

（二）课程设计内容及要求：
1．设计实践一：UI方案策划
2．设计实践二：UI设计制作
三、课程设计时间安排
四、考核方式
将本次实习的考核方式UI设计完整方案、UI基础部分制作、UI设计应用部分、根据完成程度与完成效果进行最终成绩评定。

平时成绩占40%：根据课堂考勤、课堂表现按五级制综合评定。

末考成绩占60%：根据课程中的所有课程作业进行分别打分、综合评定；单一课题成绩均以百分制计算。

最后综合成绩按五级制评分：优秀、良好、中等、及格、不及格。

《UI界面设计》教学大纲(64学时)

《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）具有理论联系实际的素质。

—2 —三、学时分配及教学内容（一）教学内容及学时分配1.考试方式：考试2.考核组成：平时成绩（占60% ）、期末考核（占40%）o五、其他说明该课程以工程为导向，根据不同界面设计的特殊性进行教学，课堂以案例讲授法、现场指导法为主，向学生阐释原理、原因，引导出设计制作方法，课后延展内容建议依据当下的设计动态和专业赛事而开展。

《UI设计》教学大纲

U1设计U1Design一、课程基本信息学时：64学分：4考核方式：考查中文简介：《UI设计》课程是视觉传达设计专业数字媒体方向的专业必选课程。

在数字产品、数字媒体的使用与传播环境中，人机界面的设计作为提高产品效力、强化品牌印象、提升用户体验质量的重要手段与方法越来越引起重视，已成为设计界活跃的研究方向。

媒体界面是指数字媒体交互系统、服务环境中的软件图形用户界面。

图形用户界面是当下数字媒体人机交互的主要媒介，其设计包含诸多学科的交叉与融合。

本课程从信息传达与用户体验的角度出发，由媒体界面的概念入手，结合案例分析媒体界面设计要素和原则规范，详细讲授媒体界面的设计方法、设计流程和具体设计的把握，给学生提供一个清晰完整的设计思路和过程。

目的是让学生对数字媒体界面艺术设计有深入全面的认识，得到系统有效的训练，准确灵活地运用各设计要素与手段进行图形用户界面设计。

二、教学目的与要求教学目的：通过本课程的学习，让学生了解数字媒体界面设计的概念，掌握数字媒体界面设计方法以及相应完整、系统的实现流程，并能从用户体验的角度进行数字媒体界面设计。

着重培养学生的专业思维能力和提高学生的动手实践能力。

教学要求：学生掌握图形用户界面设计的具体实现思路和技术，调动图形、文字、色彩、图标等各项视觉设计要素，结合空间、融入时间，借助平面与数字化交融的手段，以简洁优美的信息界面创造和谐的交互体验。

三、教学方法与手段1、采用多媒体的课堂教学手段，理论讲授与课程专题实验训练相结合的方式，传授数字媒体界面设计的规律性知识，要求学生掌握图形用户界面设计的能力。

2、收集案例进行分析，观摩国内外优秀的数字媒体界面设计作品案例有利于学生理解和打开思路。

3、引导课堂讨论，在理论讲授和课题研究过程中，启发和引导学生展开讨论分析,以提高学生分析问题和解决问题的能力，更好地取得最佳设计方案。

4、进行个别辅导，对不同类型的学生进行因材施教，以提高学生的学习兴趣，充分发挥学生的创造力和个人特点，形成创作差异。

《UI设计(实践)》课程教学大纲

《UI设计（实践）》课程教学大纲英文名称：UI design课程编号：130527040课程学时：48 学分：3设课方式：独立设课适用对象：编辑出版学本科专业三年级学生大纲主撰人：大纲审核人：一、本实验课程教学目的与基本要求《UI设计》是数字媒体艺术专业的选修课程，是在平面构成、色彩构成、动画设计、版式编排设计和商业插画设计等课程基础上的延续和提高。

课程几乎涉及到了二维设计领域基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。

UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

二、实验项目一览表实验教学目的和要求：（1）本课程以上机实践为主，配合课堂教学的内容和进度进行；（2）课程采用理论与实验相结合的方式,在理论上讲授相关的知识及要求,在实验课中所实验的内容即为上理论课的内容；（3）本课采用应充分发挥学生的自主学习性,在实验课上鼓励学生在做好课实验的基本上进一步去制作及学习其它的相应内容；（4）本课程的实验教学具有很强的操作性，主要需要的实验设备必须有装有UI设计软件和计算机等，其中多媒体计算机必须具有光盘刻录，必须连接音箱和录音话筒或耳麦。

（5）教学以学生自主操作，教师现场指导为主，教师主要是讲基础知识、基本原理、基本方法、操作的一般技巧，要求一人一机。

要求学生对理论课上的内容必须独立完成,如果出现问题,教师可以通过相应的提示或直接提出,同时对于一些公共问题,教师在解决的同时还要再多讲一些方法。

三、考核方式1、实验平时成绩：（1）实验考勤：每次考勤分出勤（2分）；请假、迟到、早退（1分）；旷课（0分）记分。

（2）实验报告：要求写明实验设备名称和型号、实验步骤、实验分析及注意事项。

分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。

《UI设计》教学大纲

UI 设计（全彩慕课版）教学大纲一、课程信息课程名称：UI 设计（全彩慕课版）课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：24计划学分：2先修课程：无选用教材：《UI 设计（全彩慕课版）》，叶军江韵竹编著，2021年；人民邮电出版社出版教材；适用专业：本书可作为高等院校UI 设计类课程的教材，也可作为UI 设计相关工作人员的参考书。

课程负责人：二、课程简介本书全面围绕UI设计的相关知识和操作技能展开讲解，内容新颖，深浅适度，知识全面。

在形式上本书完全按照现代教学需求进行编写，适合实际教学。

在内容上本书不仅对UI设计的基础知识和常见设计规范及方法进行了介绍，还通过实例的形式，对不同类型的UI设计进行了介绍，理论与实践相结合，具有较强的实用性。

同时，为了帮助读者快速了解UI设计，并掌握不同类型的UI设计方法，编者在阐述理论的同时，结合大量设计案例，使读者能将所学知识应用于实际工作中，更满足行业的需求。

本书第1～4章主要对UI设计相关的基础知识进行讲解，第5～6章主要对网页界面设计、App界面设计进行讲解，第7章主要对界面的标注、切图与动效制作的方法进行讲解，第8章则通过综合案例讲解完整的电商主题界面设计与制作方法。

三、课程教学要求注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定六、学生学习建议（一）学习方法建议1. 理论配合实操进行学习，提高学生的实战动手能力；2. 熟练操作软件进行UI界面的设计与输出；3. 能够熟练制作各种类型的UI界面。

（二）学生课外阅读参考资料《UI设计基础与实战项目教程（微课版）》夏琰编著，人民邮电出版社出版《UI设计（全彩慕课版）》叶军编著，人民邮电出版社出版七、课程改革与建设本书以UI设计的理论和技术为基础，采用理论与实践结合的编写方式，通过大量UI 设计案例来阐述UI设计的方法，并结合实际操作讲解和微课视频等方式帮助读者提升UI 设计的能力。

《UI界面设计》教案

《UI界面设计》教案实用标准文档文案大全教案课程名称：UI界面设计授课教师：制订时间：实用标准文档UI界面设计第一章UI综述课题：UI综述授课教师：教学目标：通过本章研究使学生了解UI在中国的发展，以及UI的是什么。

教学重点：掌握UI在中国的发展，以及UI是什么。

教学难点：掌握UI是什么。

教学准备：课本、参考图形教学方法：讲授、讨论、案例分析教材：教学时间：8课时教学内容：UI在中国的发展，以及UI是什么UI即User Interface(用户界面)的简称。

UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。

好的UI 设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

第一节UI是什么软件设计可分为两个部分：编码设计与UI设计。

文案大全实用尺度文档编码设计大家都很熟悉，但是UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。

UI的本意是用户界面，是英文User和interface的缩写。

从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。

在飞速发展的电子产品中，界面设计工作一点点的被重视起来。

做界面设计的“美工”也随之被称之为“UI设计师”或“UI 工程师”。

实在软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。

一个电子产品具有雅观的界面会给人带来舒适的视觉享受，拉近人与商品的间隔，为商家创造卖点。

界面设计不是纯真的美术绘画，他需要定位使用者、使用情况、使用方式并且为终究用户而设计，是建立在科学性之上的艺术设计。

检修一个界面的尺度既不是某个工程开发组领导的意见也不是工程成员投票的结果，而是终端用户的感受。

所以界面设计要和用户研究紧密联合，是一个不竭为终究用户设计满意视觉结果的过程。

第二节UI设计师是做什么的在中国，UI设计还是一个需要不竭成长的设计范畴，但XXX,Tigocn, XXX,XXX等国内着名设计机构已经进入了探索UI设计的道路。

《UI设计》课程简介与教学大纲

《UI设计》课程简介课程编号：15044020课程名称：UI设计/ User Interface(UI) Design学分: 3学时：48（课内实验(践)：0 上机：0 课外实践：0）适用专业：视觉传达设计数字媒体艺术建议修读学期：5开课单位：艺术与设计学院视觉艺术设计系先修课程：计算机辅助设计I、二维动画设计考核方式与成绩评定标准：大作业考核。

平时成绩占30%，（给平时成绩时，同时参考学生平时作业的完成、项目参与、课堂表现、出勤等情况。

）期末成绩70%。

教材与主要参考书目：主要教材：1．《面向用户的软件界面设计》，孙悦红编著，清华大学出版社， 2009年参考书目：1．《面向用户的软件界面设计》，孙悦红编著，清华大学出版社， 2009年2．《和谐界面——交互设计基础》，海姆编著，电子工业出版社， 2008年3．《用户体验的要素》，加瑞特著，机械工业出版社， 2008年4．《数字图形界面艺术设计》，鲁晓波、詹炳宏编著，清华大学出版社， 2006年内容概述：中文：本课程是视觉传达设计数字媒体艺术本科生的专业必修课，它的目的主要是培养学生综合运用先修课程的理论知识和生产实践知识解决设计实际问题的能力，并通过实际设计训练使所学理论知识得以巩固和提高。

本课程的基本任务是，使学生了解UI设计的概念、不同时期的UI设计的特点、理解UI设计的基本原则和方法；根据软件技术发展的趋势，以基于产品的软件界面应用为例，让学生掌握UI设计的主要过程和可用性评价方法。

英文：This course is an elective course for visual communication, its purpose mainly is to cultivate students' comprehensive use of theoretical knowledge and ability to solve the problem of actual design problems. On the other hand, to consolidate and improve theory knowledge through the actual designed practices. The basic task of the course, is to make students understand the concepts of UI design, the characteristics of different periods of UI design, the basic principles and methods of UI design. According to the trend of the development of the software technology, base on the software interface application, likewise, to make the students master the key process of UI design and usability evaluation method.《UI设计》教学大纲课程编号：15044020课程名称：UI设计/ User Interface(UI) Design学分: 3学时：48（课内实验(践)：0 上机：0 课外实践：0）适用专业：视觉传达设计数字媒体艺术建议修读学期：5开课单位：艺术与设计学院视觉艺术设计系先修课程：计算机辅助设计I、二维动画设计一、课程性质、目的与任务本课程是视觉传达设计数字媒体艺术专业本科生的专业必修课，它的目的主要是培养学生综合运用先修课程的理论知识和生产实践知识解决设计实际问题的能力，并通过实际设计训练使所学理论知识得以巩固和提高。

《界面设计》教案(全)

《界面设计》教案（一）第一章：界面设计概述1.1 课程介绍本章将介绍界面设计的基本概念、界面设计的重要性以及界面设计的基本原则。

1.2 教学目标了解界面设计的基本概念和重要性掌握界面设计的基本原则1.3 教学内容1.3.1 界面设计的基本概念界面的定义界面设计与其他设计领域的区别1.3.2 界面设计的重要性提升用户体验提高产品竞争力1.3.3 界面设计的基本原则一致性简洁性可读性易用性1.4 教学方法讲授案例分析1.5 教学评估课堂讨论案例分析报告《界面设计》教案（二）第二章：界面设计的基本元素2.1 课程介绍本章将介绍界面设计中的基本元素，包括颜色、布局、字体和图像等，并探讨如何合理运用这些元素来提升界面设计的质量。

2.2 教学目标了解界面设计的基本元素掌握如何合理运用基本元素提升界面设计质量2.3 教学内容2.3.1 颜色颜色的心理效应颜色搭配原则2.3.2 布局界面布局的基本结构布局的平衡与对比2.3.3 字体字体的选择与搭配字体的可读性2.3.4 图像图像的选择与处理图像与文字的结合2.4 教学方法讲授案例分析2.5 教学评估课堂讨论案例分析报告《界面设计》教案（三）第三章：界面设计的设计流程3.1 课程介绍本章将介绍界面设计的设计流程，包括需求分析、原型设计、界面设计、用户测试等步骤，并探讨如何有效地进行界面设计。

3.2 教学目标了解界面设计的设计流程掌握如何有效地进行界面设计3.3 教学内容3.3.1 需求分析用户调研功能分析3.3.2 原型设计原型工具的选择与使用原型设计的技巧与方法3.3.3 界面设计界面布局与结构设计界面元素设计3.3.4 用户测试用户测试的目的与方法用户测试的反馈与改进3.4 教学方法讲授案例分析3.5 教学评估课堂讨论案例分析报告《界面设计》教案（四）第四章：界面设计的趋势与创新4.1 课程介绍本章将介绍当前界面设计的趋势与创新，包括扁平化设计、Material Design 等，并探讨如何将这些趋势与创新应用到实际的界面设计中。