《界面设计》课程标准课件资料
网页设计界面设计课件-网页UI设计师必备课件
加载速度
优化素材以提高页面加载速度
用户体验和界面交互设计
创建直观、易于使用的界面，提供简单的导航和交计界面设计课件网页UI设计师必备课件
这个课件将介绍网页UI设计师的工作职责、技能和知识点，以及界面设计的 原则和规范。还会探讨界面设计的分类、元素选择和配色原则，讲解字体运 用、资源素材使用，以及用户体验和界面交互设计。最后，还会分享常用的 设计工具和软件，讲解工作流程和案例分析。
网页UI设计师的工作职责
界面设计的基本原则和规范
一致性
保持整个网站或应用程序的一 致性
可用性
让用户能够轻松使用界面
简单性
保持设计简洁明了，不要过于 复杂
界面设计的分类和风格
扁平设计
简化的图标和鲜明的颜色
材料设计
自然的动画效果和阴影
极简主义设计
简单而精确的界面
界面设计元素的选择和使用
颜色 字体 按钮 图像
使用搭配协调的颜色方案 选择适合品牌和内容的字体 设计易于点击和识别的按钮 使用高质量的图像和图标
界面设计的配色原则和技巧
• 使用对比明显的颜色 • 遵循品牌的颜色方案 • 测试颜色对用户的影响
界面设计中字体的选择和运用
1
字体选择
选择易于阅读的字体
2
字体排版
使用合适的行距和字距
3
字体运用
使用字体强调关键信息
资源素材的使用和注意事项
版权
只使用合法的素材和图片
文件格式
选择适合网页使用的图像格式
• 与客户合作，理解并满足他们的需求 • 创建创新的用户界面设计 • 制定并贯彻视觉设计方针和标准 • 与开发团队合作，确保设计的实施
UI设计师需要掌握的技能和知识点
UI界面设计新ppt课件
28
29
30
2、窗口 应用程序为使用数据而在图形用户界面中设置 的基本单元。应用程序和数据在窗口内实现一 体化。在窗口中，用户可以在窗口中操作应用 程序，进行数据的管理、生成和编辑。通常在 窗口四周设有菜单、图标，数据放在中央。
31
3、菜单 将系统可以执行的命令以阶层的方式显示出来的一个 界面。一般置于画面的最上方或者最下方，应用程序 能使用的所有命令几乎全部都能放入。重要程度一般 是从左到右，越往右重要度越低。命定的层次根据应 用程序的不同而不同，一般重视文件的操作、编辑功 能，因此放在最左边，然后往右有各种设置等操作， 最右边往往设有帮助。一般使用鼠标的第一按钮进行 操作。
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/u/1756348 233
111
2433人机工程学人机工程学就是应用人体测量学人体力学劳动生理学劳动心理学等学科的研究方法对人体结构特征和机能特征进行研究提供人体各部分的尺寸重量体表面积以及人体各部分在活动时的相互关系和可及范围等人体结构特征参数
1
节次
星期一 星期二 星期三 星期四 星期五
第一大节
第3－4周
第二大节
第3－6周 第3周 第3－4周
50
51
6、软件界面的操作可逆性原则 操作的可逆性对用户来说，是一种有效的鼓 励。如果用户知道操作是可逆的，即使发生 错误也能恢复到原来的状态，用户就能大胆 地对不熟悉的功能进行探索和学习。如下图：
《界面设计》教案(全)
《界面设计》教案（一）一、教学目标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. 导入：回顾上节课所学内容，引出本节课的主题。
《界面设计》课程标准
界面设计课程标准1. 课程简介界面设计是一门旨在教授学生创建用户友好和吸引人的数字界面的课程。
本课程旨在培养学生的视觉设计能力以及在用户体验和用户界面设计方面的技能和知识。
该课程将涵盖用户界面设计的基本原则、设计工具的使用、人机交互的最佳实践以及最新的界面设计趋势等。
学生将通过讲座、案例研究、实践项目和小组讨论等学习方式来掌握这些知识和技能。
2. 课程目标本课程的主要目标是：•培养学生的视觉设计能力，使他们能够创建具有吸引力和良好用户体验的界面。
•教授学生界面设计的基本原则和最佳实践，包括布局、色彩、字体、图标等方面的设计。
•培养学生在用户体验设计方面的技能，包括用户研究、用户测试和用户反馈等。
•了解最新的界面设计趋势和工具，以保持与行业的发展保持同步。
•提供实践项目，让学生能够将所学知识应用到实际设计中，并提供反馈和指导以提高他们的设计能力。
3. 课程大纲3.1 界面设计基础•介绍界面设计的基本概念和原则•研究用户体验的重要性•学习人机交互的基本原则和最佳实践•探讨常见的界面设计错误和如何避免它们3.2 设计工具和资源•介绍各种常用的界面设计工具，如Adobe XD，Sketch，Figma等•学习如何使用这些工具进行界面设计•提供设计资源和模板，帮助学生快速开始他们的设计项目3.3 色彩和排版•探讨色彩在界面设计中的重要性•学习如何选择适合的配色方案•研究字体的选择和排版原则，以确保良好的可读性和美观性3.4 图标和图形•学习如何设计和使用图标和图形来增强用户界面的可视化效果•探索各种图标和图形库，以及其在界面设计中的应用3.5 用户研究和测试•介绍用户研究的基本方法和技巧•学习如何进行用户测试和分析测试结果•强调用户反馈的重要性，并提供如何获取和利用用户反馈的指导3.6 响应式设计和移动界面•探讨响应式设计的原理和最佳实践•研究移动界面设计的特点和挑战•学习如何设计适应不同终端和屏幕尺寸的界面3.7 最新的界面设计趋势•了解最新的界面设计趋势和创新•学习如何跟随行业的发展并应用到自己的设计项目中4. 评估和考核方式本课程的评估和考核方式将包括以下几个方面：•日常作业和练习：包括设计项目和小组讨论•设计作品展示和评估：学生将展示自己的设计作品，并接受同学和教师的评估和反馈•期末考试：考查学生对界面设计基础知识和原则的理解5. 参考资料•Tidwell, J. (2010). Designing interfaces: Patterns for effective interaction design.O’Reilly Media.•Shneiderman, B., & Plaisant, C. (2010). Designing the user interface: Strategies for effective human-computerinteraction. Addison-Wesley Professional.•Preece, J., Sharp, H., & Rogers, Y. (2019). Interaction design: Beyond human-computer interaction. Wiley.•Brown, D., Macanufo, J., & Nickisch, C. (2009).Gamestorming: A playbook for innovators, rulebreakers, and changemakers.O’Reilly Media.以上是《界面设计》课程的标准。
UI 界面设计课程标准-美术设计与制作专业
UI界面设计课程标准【课程名称】UI界面设计。
【适用专业】中等职业学校美术设计与制作专业。
1. 前言1.1 课程性质本课程是中等职业学校美术设计与制作专业多媒体设计与制作方向的一门专业技能课程。
其功能是使学生了解UI界面设计的基本理念，掌握UI界面设计所需的基本知识和方法，具备UI界面设计的基本技能。
本课程是美术绘画基础、美术设计基础、计算机辅助设计等课程的后续课程，为学生学习其他后续课程奠定扎实基础。
1.2 设计思路本课程的总体设计思路是遵循任务引领、做学一体的原则，参照ACAA高级交互设计师职业标准的相关内容，根据美术设计与制作专业的工作任务和职业能力分析，以UI界面设计的相关工作任务要求为依据设置。
课程内容的选取围绕UI界面设计应具备的职业能力要求，同时充分考虑本专业中职学生对本课程相关理论知识的需要，并融入ACAA高级交互设计师职业标准的相关考核内容与要求。
课程内容的组织以UI界面设计的步骤流程和方法为主线，包括App图标设计与制作、APP界面设计、网页界面设计等3个学习任务。
以任务为引领，通过任务整合相关知识、技能与态度。
本课程建议教学课时数为144学时。
2. 课程目标通过本课程的学习，学生能具备UI界面设计的基础知识，掌握UI界面设计的基本方法和技能，达到ACAA高级交互设计师职业标准的相关要求，具体达成以下职业素养与职业能力目标。
职业素养目标：逐渐养成认真负责、严谨细致、静心专注、精益求精的职业态度；树立科学健康的审美观，积极向上的审美情趣，在学习和实践中不断加强艺术修养和信息化素养；养成良好的团队合作意识，积极参与团队学习与实践，主动协助同伴完成任务，提高人际沟通能力；养成独立思考的习惯和勇于创新的精神。
在进行UI界面设计的过程中，严格遵守实训室设备的使用规定和设备操作规范，养成良好的职业习惯和严谨的工作态度。
职业能力目标：⚫能设计并制作APP界面上的图标⚫能按需求合理设计APP界面⚫能按需求合理设计网页界面⚫能按规范标注或创建相关项目信息，并完成文档设置⚫能运用设计原则优化和调整相应结构布局⚫能辨识不同图标的指代含义⚫能根据目标关键词选择适合的形状、文字、图形组合完成简单的图标设计⚫能运用位图或矢量图形等设计软件，完成图标、按钮的构建，并输出符合应用需求的图标、按钮文件⚫能熟练运用位图或矢量图形软件进行设计与制作绘制⚫能根据企业网站特点设计制作网站效果图⚫能根据自主学习和研究性学习需要，运用信息化手段收集和处理信息3. 课程内容和要求学习任务技能与学习要求知识与学习要求参考学时1. APP图标设计与制作1. App图标设计⚫能按照主题需要设计像素化图标⚫能按照主题需要设计拟物化图标⚫能按照主题需要设计扁平化图标⚫能用草图的形式设计并绘制APP图标1.APP图标的基础知识⚫说出图标的概念及作用⚫举例说明APP中的图标，并说出其特征⚫了解APP的开发流程2.APP图标的设计原则⚫归纳说明APP图标的设计原则⚫了解APP图标的设计特点与用户体验之间的关联⚫归纳说明增加图标可识别性的方法⚫归纳说明提高APP图标点击率的方法3.APP图标风格的种类⚫归纳说明像素化图标的特征及作用⚫归纳说明拟物化图标的特征及作用⚫归纳说明扁平化图标的特征及作用4.App图标设计的方法⚫说出需要设计的APP的市场定位⚫说出选择APP图标风格的依据⚫归纳说明用草图的形式绘制APP图标的要点⚫归纳说明高保真APP图标的制作要点242. App图标制作⚫能按照草图设计制作像素化图标⚫能按照草图设计制作拟物化图标5. 常见的APP设备尺寸的标准⚫举例说明常用的手机屏幕尺寸⚫归纳说明显示分辨率的概念⚫说出手机屏幕与分辨率的关系⚫说出在图形软件中设置图标尺寸的方法22⚫能按照草图设计制作扁平化图标⚫说出iOS、Android系统常用的应用图标的像素尺寸6. 常用的图标格式⚫举例说明常用图标的格式⚫简述JPEG、GIF、PNG图片格式的特征7.像素化图标的制作方法⚫举例说明制作像素化图标常用的工具及用途⚫说出像素网格在制作过程中起到的作用⚫说出2D与2.5D两种图标效果的差异⚫归纳说明制作像素图标的要点8.拟物化图标的制作方法⚫举例说明制作拟物化图标常用的工具及用途⚫归纳说明塑造拟物化图标材质效果的方法⚫归纳说明塑造拟物化图标高光的方法⚫归纳说明塑造拟物化图标投影的方法⚫归纳说明塑造拟物化图标反光的方法⚫归纳说明塑造拟物化图标镜面效果的方法⚫举例说明渐变衰减在拟物化图标制作中的用途⚫举例说明环境色在拟物化图标制作中起到的作用9.扁平化图标的制作方法⚫举例说明制作扁平化图标常用的工具及其用途⚫归纳说明塑造扁平化图标的高光、渐变、投影的方法⚫归纳说明塑造扁平化图标长阴影的方法⚫举例说明运用不同的色块组合塑造出扁平化图标立体感的方法2.APP界面设计1.App界面草图设计⚫能设计APP的欢迎界面⚫能设计APP的导航栏⚫能设计APP的屏幕1.APP的基础知识⚫说出手机APP 的UI和平面UI的差异⚫说出不同设备对应的分辨率⚫举例说明常用的手机操作系统的特点⚫说出不同的结构化布局设计方式2.iOS和Android系统用户界面的特征22栏⚫区别说明iOS和Android系统的状态栏、导航栏、标题栏、搜索栏、工具栏的界面特征3.色彩的情感特征⚫了解色彩的情感与用户体验之间的关系⚫举例说明不同色系在APP界面设计中体现的情感特征4. APP的界面风格⚫归纳说明扁平化风格APP界面的特征⚫归纳说明写实风格APP界面的特征⚫归纳说明插画风格APP界面的特点5. APP欢迎界面的元素及特征⚫举例说明欢迎界面中常见的类型以及常见的表现元素⚫归纳说明欢迎界面的特征与作用6. APP导航栏的元素及特征⚫举例说明导航栏中常见的元素⚫归纳说明导航栏的特征与作用7. APP屏幕栏的元素及特征⚫举例说明屏幕栏中包含的元素⚫归纳说明屏幕栏中标题栏、菜单栏、滚动条、状态栏和控制栏的特征与作用2. App界面效果制作⚫能综合运用图形制作软件完成APP欢迎界面的制作⚫能综合运用图形制作软件完成APP导航栏的制作⚫能综合运用图形制作软件完成APP屏幕栏的制作8. 欢迎界面中文字及图文搭配的要求⚫举例说明欢迎界面中文字的制作要点⚫举例说明欢迎界面中图文搭配的要点9. 常用工具的使用方法⚫说出新建图层、编组图层、图层变形的快捷键⚫列举图层样式及其特点⚫列举常见滤镜及其效果特点⚫说出明蒙版制作的方法⚫说出参考线的设置方法⚫说出对齐和分布的区别10. 导航栏的制作要求⚫举例说明导航栏上图标的制作要点⚫举例说明让导航栏显眼的方法11. 屏幕栏的制作方法⚫举例说明屏幕栏中各个功能元素的布局要22点⚫举例说明制作立体效果屏幕栏的方法⚫举例说明制作金属材质效果屏幕栏的方法⚫举例说明制作扁平化效果屏幕栏的方法3. 网页界面设计1.网站首界面的布局设计⚫能合理规划布局网站首界面⚫能综合运用图形图像设计软件设计制作网站首界面的布局图⚫能综合运用图形图像设计软件进行网页的图文排版1.网站首界面的构成元素⚫列举网站首界面的构成元素⚫列举超链接的表现形式2.网站首界面的设计要点⚫举例说明网站首界面的设计要点⚫列举网站的设计风格⚫列举说明常见的网站配色方案3.网站界面的布局要点⚫举例说明网站界面的几种布局模式⚫说出响应式网页的特点及作用4.网页图文编排的要点⚫举例说明网页图文排版的样式及表现特征⚫举例说明网页中图片处理的表现形式⚫举例说明网页中文字处理的标准202. 网页表单设计⚫能设计表单中标签、输入框、按钮的草图⚫能综合运用图形图像设计软件设计制作网页表单5. 网站表单的构成元素⚫列举网站表单的构成元素⚫举例说明网站表单中各元素的作用⚫举例说明标签的表现形式⚫举例说明输入框签的表现形式⚫举例说明输入表单按钮的表现形式6. 网站表单的设计要点⚫举例说明网站表单的设计要点⚫列举网站表单的设计风格⚫列举说明常见的表单配色方案103. 网页导航菜单设计⚫能设计导航菜单中一级菜单和子菜单的草图⚫能综合运用图形图像设计软件设计制作导航菜单7. 网页导航菜单的构成元素⚫列举网页导航菜单的构成元素⚫举例说明网页导航菜单的表现形式8.网页导航菜单的设计要点⚫举例说明网页导航菜单的设计要点⚫列举网页导航菜单的设计风格⚫列举说明常见的网页导航菜单的配色方案184. 网页超链接按钮的设计9. 超链接按钮的设计要点⚫举例说明超链接按钮hover、active、link、6⚫能设计网页上超链接按钮的草图⚫能综合运用图形图像设计软件设计制作超链接按钮visited状态下的状态特征⚫列举超链接按钮的样式⚫列举说明常见的超链接按钮的配色方案总课时1444.教学活动设计参考教学活动名称教学活动设计教学活动一：《上海优品》APP 图标设计1. 教师要求每组派代表展示课前作业《上海优品》APP图标设计。
产品界面设计课程标准
《产品界面设计》课程标准1.课程性质与设计思路1.1课程的性质《产品界面设计》课程是产品造型设计专业的专业核心课程之一。
通过对产品交互界面设计的训练，掌握产品界面的设计流程与方法，培养学生的对于产品界面的造型、色彩、标识、排列等的合理设计能力，提高设计软件表现力。
先修课程为设计素描、设计色彩等。
后续课程为产品改良设计、产品开发与设计等。
1.2设计思路该课程以社会对于产品造型设计人才的产品界面设计能力的实际需求为课程开设依据。
以总体规划、视觉要素设计、立体造型设计的工作流程为课程内容的选择标准。
以实际产品界面设计案例的制作与表现任务为载体，并结合高职类院校学生的学习规律，由浅入深编排课程内容。
建议课程在第二学年第一学期开设。
学时数为48学时,3学分。
2.课程目标通过本课程学习，学生能够具备产品界面的设计与制作的技能，培养人性化设计意识，并掌握相关的设计软件的操作，独立完成产品用户界面的设计和表现工作，以适应社会对本职业能力的要求。
2.1职业能力培养目标I能按照产品界面开发的设计流程来进行设计工作l能够使用相关设计软件进行设计开发2.2知识目标l掌握产品界面设计的基础知识；l掌握产品界面设计中色彩的运用；l掌握产品界面设计中图形图像的运用I掌握产品界面设计中的建模与渲染方法l熟悉完整的产品界面设计流程。
2.3素质目标l培养学生实践动手操作能力；l树立科学的设计创新意识；l形成以人为本”的设计观念。
3.课程内容和要求学习内容教学要求序号模块教学单元/项目能力要求知识要求课时1基础模块产品界面设计基础l 了解产品界面设计的基本相关概念I界面设计的发展l界面构成要素I界面设计原则I常用工具软件介绍8产品界面设计中的造型语义I能够把握产品界面设计与产品整体风格统一I产品整体风格I产品界面设计与产品整体风格统一的案例解读产品界面设计中的色彩I能够按照基本配色原理进行产品界面的配色I色彩的作用、基本原理I优秀界面配色案例解读产品界面设计中的图形图像I能够按照图形图像的处理技巧与创意设计方法进行产品界面设计I图形图像的作用、分类I图形图像的处理技巧与创意设计I图形图像在界面设计中运用案例解读产品界面设计中的材质l能够根据界面操作的人性化需要进行产品界面的材质设计选择l材质的分类、特性及适用环境l不同材质在界面设计中的案例解读2创意设计模块产品界面设计中的排列l能够进行复杂界面的编排设计l产品界面中的多按键的排列设计l界面排列设计案例203实践模块完整设计案例演绎I能够按照设计的流程方法对不同类型产品界面进行设计I数码产品界面设计实践案例I软件产品界面设计实践案例164•实施建议4.1教材及参考资料选用4.1.1教材选用及编写建议选用教育部高等学校高职高专产品造型设计专业教学指导委员会十五”规划教材,同时也可以由一线教师与行业专家依据本课程标准编写教材基本要求为：1、教材依据本课程内容标准编写教材，将知识学习与能力培养紧密结合。
《UI界面设计》课程标准
《UI界面设计》课程标准一、课程名称UI界面设计二、适用专业计算机平面设计双精准建设专业三、课程性质与任务本课程是计算机平面设计双精准建设专业的一门专业技能课程和专业核心课程。
本课程是依据计算机平面设计双精准建设专业人才培养目标和相关职业岗位（群）的能力要求而设置的，对本专业所面向的UI设计师所需要的知识、技能、和素质目标的达成起支撑作用。
其功能是使学生了解UI界面设计的基本概念，掌握UI界面设计所需的基本知识和方法，具备UI界面设计的基本技能。
本课程是平面设计工程、图形图像处理等课程的后续课程，为学生学习其他后续课程奠定扎实基础。
四、课程设计（一）设计思路本课程的设计遵循任务引领，做学一体的原则，并参照“界面设计初级职业技能等级标准”考证标准的相关内容进行打造。
与此同时，也会根据计算机平面设计双精准建设专业的工作任务和职业能力分析，融入“界面设计初级职业技能等级标准”证书的相关考核内容。
1.紧扣课程特点UI界面设计是指对PC端和移动端网页界面的人机交互、操作逻辑、界面美观的整体设计。
UI界面设计重要的特点是注重测试客户体验过程，不能凭设计师的喜好和审美来评判，要满足广大目标客户的使用便捷性需求。
这就要求UI界面设计这门课程内容需要紧扣时代发展，注重对目标客户的审美把握，以企业项目为导向，贴近市场，满足客户需求。
2.明确导向目标任何行为实践都是以目标为导向的。
宏观角度讲，现代专业教育的核心任务是促进学生全面发展。
受此目标指引，应根据UI界面设计课程特点，进一步细化微观层次的教学目标，如知识传授、技能锻炼、素质提升等，继而有针对性地选取导向企业项目，融入1+X证书课程内容，借此提高教学针对性、实效性。
从根本上讲，UI界面设计课程教学是一个循序渐进的过程，既需要综合考查学生个性差异和既有水平，也要遵循以人为本、因材施教原则，合理设计课程项目。
3.创新教学手段基于企业项目导向的UI界面设计课程设计，本身就是一种创新实践行为。
界面设计PPT课件
用户界面设计的原则 2．KISS（Keep It Simple And Stupid）原则
用户界面设计的原则
3．布局控制 关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚 至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览 者的阅读。
用户界面设计的原则 3．布局控制
但是ps设计制作时需要运用像素绘图的工具
是一款功能强大的图标设计工具。它被用 来创建、提取、转换、管理和发布 Windows(R)图标。通过它，你能创建、导 入和保存所有的Windows(R)图标(ICO)和 图标库(ICL)。它支持新的带Alpha通道图 像 （a.k.a.平滑透明度）的WindowsXP图 标。在这个版本中，你甚至可以打开 Macintosh(R)图标并将其转换为 Windows(R)格 式。AxialisIconWorkshop 将许多的特殊功能完美的整合在一个工作 区中。
图标设计： 程序图标:指的是那些能够在桌面上单击、选择、移动、双击执行命令的图标，类似于 “我的电脑”“回收站”等等。多数运用于（电脑、掌上电脑、智能手机、操作系统等）
图标设计：
工具栏图标：指的是那些位于工具栏，通过单击选择该工具，然后在画面可以进一步 执行命令的图标。“格式刷”回撤““字体加粗”等（多数运用于操作软件等，常见的P 按钮图标：那些位于面板上，形似现实生活中的按钮。（常见的遥控器、触摸屏）
用户界面设计的原则 4．视觉平衡
用户界面设计的原则 4．视觉平衡
用户界面设计的原则
5．色彩的搭配和文字的可阅读性
颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和 橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；黑颜色显得比较庄 重，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景色、元素颜 色、文字颜色、链节颜色等）。
《界面设计》教案(全)
《界面设计》教案（第一部分）第一章：界面设计概述1.1 教学目标让学生了解界面设计的定义和重要性让学生掌握界面设计的基本原则和目标让学生了解界面设计的流程和步骤1.2 教学内容界面设计的定义和重要性界面设计的基本原则和目标界面设计的流程和步骤1.3 教学方法讲授法：讲解界面设计的定义和重要性，介绍基本原则和目标案例分析法：分析经典界面设计案例，让学生理解基本原则和目标实践法：让学生通过实际操作，体验界面设计的流程和步骤1.4 教学评估课堂讨论：让学生分享对界面设计的理解和认识第二章：界面设计的基本原则2.1 教学目标让学生掌握界面设计的基本原则让学生了解基本原则在界面设计中的应用2.2 教学内容界面设计的基本原则：清晰性、易用性、一致性、简洁性、美观性基本原则在界面设计中的应用：布局、颜色、字体、图标等2.3 教学方法讲授法：讲解界面设计的基本原则，介绍其在界面设计中的应用案例分析法：分析经典界面设计案例，让学生理解基本原则的应用实践法：让学生通过实际操作，体验基本原则在界面设计中的应用2.4 教学评估课堂讨论：让学生分享对界面设计基本原则的理解和应用设计作品展示：让学生展示自己的界面设计作品，评估其对基本原则的应用第三章：界面设计的流程和步骤3.1 教学目标让学生掌握界面设计的流程和步骤让学生了解界面设计各个阶段的目标和任务3.2 教学内容界面设计的流程：需求分析、设计方案、界面布局、界面元素设计、界面原型制作、用户测试各个阶段的目标和任务：确定设计目标、收集用户需求、设计界面布局和元素、制作界面原型、评估用户体验3.3 教学方法讲授法：讲解界面设计的流程和步骤，介绍各个阶段的目标和任务案例分析法：分析经典界面设计案例，让学生理解界面设计流程和步骤的应用实践法：让学生通过实际操作，体验界面设计流程和步骤的应用3.4 教学评估课堂讨论：让学生分享对界面设计流程和步骤的理解和应用设计作品展示：让学生展示自己的界面设计作品，评估其对流程和步骤的应用第四章：界面布局和界面元素设计4.1 教学目标让学生掌握界面布局和界面元素设计的方法和技巧让学生了解界面布局和界面元素设计的原则4.2 教学内容界面布局的方法和技巧：网格布局、对齐布局、比例布局界面元素设计的原则：清晰性、易用性、一致性、简洁性、美观性界面元素的设计技巧：图标设计、字体设计、颜色设计4.3 教学方法讲授法：讲解界面布局和界面元素设计的方法和技巧，介绍其原则案例分析法：分析经典界面设计案例，让学生理解界面布局和界面元素设计的方法和技巧实践法：让学生通过实际操作，体验界面布局和界面元素设计的方法和技巧4.4 教学评估课堂讨论：让学生分享对界面布局和界面元素设计方法和技巧的理解和应用设计作品展示：让学生展示自己的界面设计作品，评估其对界面布局和界面元素设计方法和技巧的应用第五章：界面原型制作5.1 教学目标让学生掌握界面原型制作的方法和技巧让学生了解界面原型制作的原则5.2 教学内容界面原型制作的方法和技巧：线框图、原型图、交互设计界面原型制作的原则：清晰性、易用性、一致性、简洁性、美观性5.3 教学方法讲授法：讲解界面原型制作的方法和技巧，介绍其原则案例分析法：分析经典界面设计案例，让学生理解界面原型制作的方法和技巧实践法：让学生通过实际操作，体验界面原型制作的方法和技巧5.4 教学评估课堂讨论：让学生分享对界面原型制作方法和技巧的理解和应用设计作品展示：让学生展示自己的《界面设计》教案（第二部分）第六章：用户体验与交互设计6.1 教学目标让学生理解用户体验的概念及其在界面设计中的重要性。
界面设计课程大纲
界面设计课程大纲课程简介本课程是一门面向设计师和开发人员的界面设计课程。
本课程将涵盖一些基本的设计概念和工具，帮助学生们了解设计原则，从而能够创建更好的用户体验。
研究目标- 了解基本的设计概念和工具，如颜色、排版、icon 字体等的运用。
- 研究了解用户体验设计 (User Experience Design，UX) 和用户界面设计 (User Interface Design，UI) 的关系。
- 掌握设计原则和了解如何将它们应用于各种设计场景中，如Web 应用程序、iOS 和 Android 移动应用程序等。
- 理解交互设计 (Interaction Design) 的基本概念，如何创建简化的界面和易于使用的操作。
课程大纲第一周：界面设计概述- 界面设计的意义和目标- 用户体验设计和用户界面设计的区别- 用户研究和设计工具第二周：基本设计概念- 颜色理论和如何选择配色方案- 字体排版和字体库的运用- 图标和图像的设计第三周：交互设计- 掌握交互设计的基本原则- 如何创建好的用户界面和用户流- 如何设计高效的操作和系统组件第四周：实践案例分析- 应用设计的案例研究- 设计策略和技巧- 设计风格与趋势课程作业- 第一周：界面设计分析- 第二周：设计一个基本的用户界面- 第三周：设计一个交互式界面- 第四周：应用设计案例研究研究方式- 视频教学配合课程讲解- 学生作业和项目- 课程论坛讨论和反馈本课程将为您带来对界面设计的全面了解和掌握，并提供实践案例以促进学习。
欢迎加入本课程，与我们一起探索界面设计的奥秘。
《界面设计》教案(全)
《界面设计》教案（一）教学目标：1. 了解界面的概念及其重要性。
2. 掌握界面设计的基本原则。
3. 学习界面设计的流程与方法。
教学内容：1. 界面的概念与重要性解释界面的定义探讨界面在产品设计中的重要性2. 界面设计的基本原则一致性简洁性可控性用户友好性3. 界面设计的流程与方法需求分析设计草图界面布局与结构界面元素设计教学活动：1. 导入：通过展示成功的界面设计案例，引发学生对界面设计的兴趣。
2. 新课讲解：讲解界面的概念及其在产品设计中的重要性。
引导学生理解并掌握界面设计的基本原则。
3. 案例分析：分析经典界面设计案例，让学生了解如何运用界面设计原则。
4. 实践活动：学生分组进行界面设计实践，培养学生的实际操作能力。
教学评估：1. 课堂问答：检查学生对界面概念和设计原则的理解。
2. 实践作业：评估学生在实践活动中的表现，包括界面布局、结构和元素设计。
《界面设计》教案（二）教学目标：1. 学习界面布局的设计方法。
2. 掌握界面色彩和字体的选择与应用。
3. 了解界面设计的情感表达。
教学内容：1. 界面布局的设计方法网格布局对称布局自由布局2. 界面色彩的选择与应用色彩原理色彩搭配色彩情感表达3. 界面字体的选择与应用字体分类字体大小与行距4. 界面设计的情感表达情感色彩的应用字体与情感的关系界面布局与情感的关联教学活动：1. 复习上节课的内容，引导学生进入新课。
2. 新课讲解：讲解界面布局的设计方法，让学生掌握界面色彩和字体的选择与应用。
3. 案例分析：分析经典界面设计案例，让学生了解如何运用色彩、字体和布局表达情感。
4. 实践活动：学生分组进行界面设计实践，培养学生的实际操作能力。
教学评估：1. 课堂问答：检查学生对界面布局、色彩和字体的理解。
2. 实践作业：评估学生在实践活动中的表现，包括界面布局、色彩和字体的选择与应用。
《界面设计》教案（三）教学目标：1. 学习界面元素的分类及其作用。
2. 掌握界面元素的设计原则。
界面设计PPT课件
主要内容
一、什么是用户界面设计 二、界面设计开始于需求分析阶段 三、界面设计三条“黄金原则” 四、用户界面设计考虑的因素 五、界面设计合理性 六、界面的独特性 七、界面的容错性 八、界面设计案例
引言—模糊不清，设计混乱的界面
引言—网站的首页过多的文字，烦人！
界面设计 鼠标为沙漏，表示系统仍在执行 显示处理进度 显示处理窗口，或显示进度条 应给予完成提醒信息
提供多种操作方式：鼠标、快捷键或者菜单等。
界面要支持键盘浏览按钮功能，即按Tab 键的自动切换功能。Tab键的顺序与控件 排列顺序要一直，一般是从上到下、从左 到右。
按照信息的输入顺序，以及信息的重要程 度安排控件，重要的信息应放在窗口较醒 目的位置。
一个界面的控 件数最好不超 过10个，多于 10个时应该考 虑使用分页或 多标签页显示。
4）关闭窗体的按钮不应该放在易点位置：
横排开头、最后
竖排最后的按钮
5）与正在进行的操作无关的控件应该加以屏蔽， 通常用灰色表示无效控件。
6）字体(宋体)、大小(9-12)、颜色要相同(除非 是有特殊要求)。
7)一个界面中最好不要超过3种颜色:
前景与背景色搭配要协调，反差不宜太大;
主色要柔和，通常使用浅色调，如浅灰、白色 等，具有亲和力;
用户界面是人与计算机之间搭建的一个有效 的交流媒介。
开发人员：
遵循界面设计规则 定义界面对象 设计界面动作
二、界面设计开始于需求分析阶段
仔细记录用户对软件界面的
布局要求 操作要求 色彩要求
还要了解使用者的年龄、受教育程度、专业 和爱好等信息
三、界面设计三条“黄金原则”
置用户于控制之下：界面能够对用户的操作作 出恰当的反应，帮助用户完成需要的工作。
《设计师必学的UI界面设计课件》
Adobe XD
全新全面的界面原型设计工具， 提供更流畅的设计流程，快速创 建原型和监控测试。
UI界面设计的案例展示
携程旅游A PP
高德地图
旅游攻略
清晰的结构、分类明确，易于用户找到自己想要 的旅游攻略，精美配图也极具吸引力。
与部署。
需求分析
了解客户需求、产品功能、用户群体、 商业价值等，明确需求和目标。
视觉设计
确定整体风格、配色方案、字体选择等， 将设计的视觉美感与产品特性结合体现， 加强用户体验。
常见的界面设计工具和软件
Sketch App
为设计师量身定制的界面设计工 具，能够帮助设计师快地完成 界面设计工作。
Figma
向人性化、自动化、交互式 和AR/VR方向发展。
3 A R/VR技术的应用
AR/VR技术对于UI设计的未来也有着很大的影响力，未来将会出现大 量的UI设计工作与AR/VR的技术融合。
结论和要点
必须强调的UI设计要素
一致性、可用性、易读性、 工具可选性、颜色与配色等 要点
“细节决定成败”
更多的设计上的小细节决定 了一个优秀的前端产品。
UI趋势与发展方向
《设计师必学的UI界面设 计课件》
在当今数字化的世界中，UI界面设计已经成为了产品设计的重要一环。这个 课件将会介绍UI设计的种种要素。
什么是UI界面设计
UI设计是指用户在使用软件和互联网等数字产品时，与之进行交互时看到的各种界面的设计，这是产品交互的 重要组成部分。
作用
提升用户体验，吸引新用户， 提高用户留存率和转化率。
原则
用户为本，可用性原则，一 致性原则，可读性原则，及 时反馈原则。
UI界面设计课件
良好的UI界面设计能够提升用户 体验，增加用户黏性，提高产品 竞争力。
设计原则及风格趋势
设计原则
包括用户为中心、一致性、可用性、 美观性等原则，旨在确保界面功能明 确、操作便捷、视觉舒适。
风格趋势
近年来，扁平化设计、极简主义、拟 物化等风格逐渐流行，同时，动效设 计、情感化设计等元素也受到广泛关 注。
色彩搭配原则
包括对比与协调、节奏与 韵律、主次与重点等原则 。
常见色彩搭配技巧
相邻色搭配
利用色环中相邻的颜色进 行搭配，营造和谐统一的 视觉效果。
对比色搭配
利用色环中相对的颜色进 行搭配，产生强烈的视觉 冲击力和对比效果。
冷暖色搭配
结合冷色调和暖色调进行 搭配，平衡画面的温度感 。
视觉风格分类及特点
用户体验与界面关系
用户体验
指用户在使用产品或服务过程中所感受到的整体体验，包括功能体验、交互体 验、情感体验等。
界面与用户体验关系
UI界面是用户体验的重要组成部分，良好的界面设计能够提升用户体验，反之 则可能导致用户流失。
行业应用及发展前景
行业应用
UI界面设计广泛应用于互联网、移动应用、智能硬件、游戏等领域，成为产品不 可或缺的一部分。
1 2 3
用户界面设计原则
包括用户为中心、一致性、灵活性、稳定性等原 则，这些原则是设计优秀用户界面的基础。
界面设计元素
掌握了界面设计中常用的元素，如文本、图形、 图像、色彩、布局等，以及它们的作用和运用技 巧。
交互设计
了解了交互设计的基本概念和原则，学习了如何 设计符合用户习惯和期望的交互方式。
学生作品展示评价
引导用户进入特定功能或页面的面性图标， 如首页、搜索、购物车等。
2024版UI界面设计PPT教学课件
03
色彩的文化寓意
不同文化背景下色彩的象征意义
01
色彩三属性
色相、饱和度、明度
02
色彩的心理效应
冷暖感、轻重感、软硬感、兴奋与沉静感等
色彩基础理论与心理效应
类似色搭配
对比色搭配
互补色搭配
实战案例
常见色彩搭配方案及效果展示
01
02
03
04
色相环上相邻的颜色搭配，和谐统一
色相环上相对的颜色搭配，强烈醒目
色相环上互补的颜色搭配，平衡稳定
优秀UI界面色彩搭配赏析
视觉风格类型及其特点分析
简约、抽象、注重排版和色彩搭配
模拟真实世界物体的质感和细节，生动形象
注重自然元素和原始质感的表现，返璞归真
通过色彩、形状、动画等元素传达情感和价值观
扁平化风格
拟物化风格
原质化风格
情感化风格
确定UI界面的主题和定位
选择合适的色彩搭配方案和视觉风格
交互设计原则及用户体验优化策略
交互设计原则及用户体验优化策略
反馈性
及时给予用户操作反馈，增强用户对系统的掌控感。
任务流程优化
简化任务流程，减少操作步骤，提高用户完成任务的效率。
合理安排界面元素，保持界面简洁清晰，降低用户视觉负担。
界面布局优化
采用易于理解的信息呈现方式，如可视化图表、清晰的文字描述等，提高用户获取信息的效率。
常用设计工具
响应式与移动端设计
从需求分析、原型设计、界面设计到测试与评估，掌握了一套完整的设计流程和方法。
熟悉了Sketch、Adobe XD、Figma等主流UI设计工具，提高了设计效率和质量。
掌握了响应式设计和移动端设计的原理和方法，能够针对不同设备和屏幕尺寸进行优化设计。
《界面设计》教案(全)
《界面设计》教案（一）第一章：界面设计概述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 等，并探讨如何将这些趋势与创新应用到实际的界面设计中。
《UI界面设计》课程标准
《UI界面设计》课程标准一、课程简介UI界面设计是计算机相关专业的重要课程，旨在培养学生掌握UI界面设计的基本理论、方法和技能，使学生能够独立完成UI界面设计任务。
本课程涵盖了UI界面的基本概念、设计原则、色彩搭配、图标设计、布局规划、交互设计等多个方面，旨在帮助学生建立完整的UI界面设计知识体系。
二、课程目标1. 掌握UI界面设计的基本理论、方法和技能，能够独立完成UI界面设计任务；2. 了解UI界面的发展趋势和前沿技术，能够适应行业发展的需求；3. 培养学生的创新能力和团队合作精神，提高学生的综合素质。
三、教学内容与要求1. UI界面基本概念：介绍UI界面的基本概念、分类、作用和特点，让学生了解UI界面设计的背景和意义；2. 设计原则：介绍UI界面设计的基本原则，包括易用性、人性化、美观性、一致性等，让学生掌握设计的基本理念；3. 色彩搭配：讲解色彩在UI界面设计中的作用和运用技巧，让学生掌握色彩搭配的方法和技巧；4. 图标设计：介绍图标在UI界面设计中的作用和种类，让学生掌握图标设计的基本方法和技巧；5. 布局规划：讲解UI界面布局规划的基本方法和技巧，包括常见的布局类型、适用场景和优缺点等；6. 交互设计：介绍交互设计的基本概念和方法，包括用户需求分析、流程设计、信息架构设计等，让学生掌握交互设计的要点和技巧；7. 案例分析：通过案例分析，让学生了解实际UI界面设计的流程和方法，培养学生的实际操作能力；8. 实践操作：要求学生独立完成UI界面设计任务，培养学生的实践操作能力和创新能力。
四、教学方法与手段1. 理论讲授：通过课堂讲授，让学生了解UI界面设计的基本理论、方法和技能；2. 案例分析：通过案例分析，让学生了解实际UI界面设计的流程和方法，培养学生的实际操作能力；3. 实践操作：组织学生进行实践操作，培养学生的实践操作能力和创新能力；4. 互动讨论：鼓励学生进行互动讨论，激发学生的学习兴趣和积极性；5. 课外学习：鼓励学生利用课外时间进行自主学习和拓展学习，提高学生的学习效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《界面设计》课程标准
本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。
课程内容选择以“新”为标准，紧扣手机界面和网站界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。
本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规范、流程与方法。
本课程在第三学开设。
总学时数为96课时。
二、课程目标
通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、网站用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。
1. 知识目标：
①了解界面设计的含义、特性；
②理解界面设计的出发点。
它包括：视觉、信息传达的基本原则和基本元素；
③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用；
④深入理解平面构成要素和基本的构成原则；
⑤理解色彩的构成原理和基本构成原则；
⑥深入理解文字的编排与设计在界面设计中的作用；
⑦深入理解字体的选择在在界面设计中的作用；
⑧深入理解版式设计在界面设计中的重要性；
2. 能力目标：
①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界
面；
②掌握色彩的构成原则，应用色彩的构成原则设计界面；
③掌握图标、页面和动画效果的设计方法；
④掌握手机界面设计的方法和技巧；
⑤熟练掌握网页界面文字编排的设计方法和技巧；
⑥掌握版式设计的原则和构成手法，进行版式设计和优化；
⑦能按照网页开发的设计流程来进行网页界面设计工作；
3. 素质目标：
①培养学生实践动手操作能力；
②树立科学的设计创新意识；
③形成“以人为本”的设计观念；
④锻炼设计表达与语言表达能力。
4. 职业技能证书考核要求
三、课程与其他相关课程之间的关系
本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系
中的的一门重要课程。
与该课程联系较为紧密的平行课程有：
前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计
四、本课程的主要特色
⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗
位能力为目标加以企业实际项目为载体次以工作过程为导向次以项目团队为组织形成”的工学交替教学模式。
同时通过将企业项目引入课程中加最大化的缩短了与企业需求的差距班增加了学生的就业竞争力。
⑵“教学做合一、引导重于训导”的教学模式可本课程开发和建设了基于工作过
程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，执行完整
的作业流程，使学生在校期间熟悉工作岗位所需的工作对象、工作内容、工作手段、劳动组织、工作环境、工作过程将知识学习、技能提升、能力培养和习惯
形成体现在整个教学过程中班逐步实现从学习者到工作者的角色转换。
（3）基于企业真实案例的“任务驱动型”、“启发、引导和协同”教学方式，采用科学灵活的教学方法。
五、教学内容与学习情境设计
《界面设计》课程按照职业岗位和职业能力培养的要求，整合本课程教学内容，以项目为导向，构建以工作任务驱动的3个项目式课程结构的形式，以项目为导向，由简单到复杂、由理论到实践，构建以工作任务驱动的项目式课程结构。
每个项目的内容由一个或若干个任务组成，基于完成工作任务来组织教学；课程内容及时吸纳新表现形式、新创意手法、新的规范标准等。
（一）学习情境设计与时间安排
项目3 界面设计应用实践
a.手机界面设计的方法和技巧；
b.设计内容：1、锁屏2、图标3、桌面
壁
纸
6、网页界面设计
a.能够把握网站首页设计
b.掌握网页界面文字编排的设计方法和技巧；掌握版式设计的原
则和构成手法，进行版式设计和优化
c.能够按照网站设计的流程方法对不同类型网站进行设计。
（二）学习情境描述
六、教学基本条件
（一）教学团队的基本要求
一定的双师型比例，一定数量的副教授和讲师的比例，学历上要求有研究生和本科生的比例。
（二）教学硬件环境基本要求
理论教授需在多媒体教室完成；实践环节在实训室进行，学生需使用计算机、扫描仪、打印机等设备。
查阅资料在图书馆和依托网络完成。
七、教学方法及手段
1、本课程先基本原理、基本理论的讲述，再设计知识和技能的讲授，由浅入深，循序渐进。
2、在教学中采用复习回顾——案例教学（教师演示）——自主学习（学生演练）
――学生上机实践（针对学生碰到的具体问题教师再进行讲解）一一课堂小结一一提
示下次预习的内容”的教学方法，同时将课堂搬进计算机基础实验室，即学即用，以取得较好的教学效果。
八、考核方式
平时考查分数（30分）+项目实训分数（70分）=学期总评分数（100分）
平时考查分数占期末总体考核分数30%，主要包括如下几个方面：平时考勤、课堂互动、课后学习自主性等方面，任课教师可根据实际情况对表现特别优秀或基础弱进步快的学生进行酌情加分，以资鼓励。
实训项目考核分数占期末总体考核分数70%，将《界面设计》课程中有关实训项目和基础技术部分的考核改革为作品展览展示的形式，搭建一个平台，由行业专家和专业教师指导，用集体的眼光对每位同学的基础技术与创意技能逐一进行定性和定量的综合评定，主要考核项目实际设计中能力和素质，如主题是否符合要求、制作中存在的问题、视觉效果等。
九、教材及参考资料
建议使用近三年国家规划教材、教育部各专业指导委员会推荐教材和获得国家、省部级奖励的高职高专的优秀教材。
教材：
1、《网页界面设计艺术教程》作者：张帆，罗琦，宫晓东编著，出版社：人民邮电出版社
，2002 年；
2、《认知与设计：理解UI设计准则》作者：［美］Jeff Johnson著，张一宁译人民邮电出版社，
2011-9
3、《UI进化论一一移动设备人机交互界面设计》作者：周陟编著，出版社：清华大学出
版社，2010-1
制定人: 审定人: 批准人:。