产品界面设计课程标准
《移动界面交互设计》课程标准
《移动界面交互设计》课程标准移动界面交互设计课程标准1. 课程目标本课程旨在培养学生在移动设备上设计和开发交互界面的能力。
通过研究本课程，学生将掌握以下技能：- 理解移动界面交互设计的基本原理和概念- 掌握移动界面设计工具的使用方法- 研究用户研究和用户体验设计的方法- 设计和开发具有良好用户体验的移动应用界面2. 课程内容2.1 基础知识- 移动应用界面设计概述- 移动设备特性与限制- 移动交互设计原则2.2 工具使用- 移动界面设计工具介绍与使用方法- 响应式设计技术及适配2.3 用户研究与用户体验设计- 用户研究方法和技巧- 用户需求分析与用户故事编写- 信息架构设计与用户流程设计- 用户界面原型设计与评估2.4 移动应用界面设计与开发- 移动应用界面设计规范- 图标和视觉元素设计- 动效设计与交互效果实现- 界面开发与调试技巧3. 评估与考核本课程的评估方式包括但不限于以下几种：- 课堂作业：完成各类设计和开发任务- 个人项目：设计和开发一个移动应用界面原型并展示演示- 学术论文：撰写一篇关于移动界面交互设计的研究论文学生将根据作业、项目和论文的成绩综合评定课程成绩。
4. 参考资料- Norman, D. A. (2013). The design of everyday things. Basic books.- Cooper, A., Reimann, R., & Cronin, D. (2014). About face: The essentials of interaction design. John Wiley & Sons.- Tidwell, J. (2011). Designing interfaces: Patterns for effective interaction design. "O'Reilly Media, Inc.".以上为《移动界面交互设计》课程的基本标准和内容安排。
《界面设计》课程标准
界面设计课程标准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.(游戏界面(UI)设计)课程标准
1.(游戏界面(UI)设计)课程标准D重庆工程学院《游戏界面与UI设计》课程标准课程代码： 2014030032适用专业：数字媒体艺术课程学时： 32学时课程学分： 2分编制人：审核人：审批人：日期：教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中陶冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质，达到职业游戏动漫美工初级设计水平。
4.具体目标：知识目标：了解游戏行业美术设计师岗位要求并掌握卡通游戏界面的设计制作规范。
能力目标：能熟练掌握游戏界面制作流程和方法技巧，以及游戏界面的设计制作能力达到行业岗位的基本要求。
素质目标：（1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识；（2）具有胜任设计工作的良好的业务素质和身心素质；（3）具有运用所学知识分析和解决问题的能力；（4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。
（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。
三、课程设计思路1.课程设置依据本专业基于知识、能力、素质要求与行业、企业专家共同研讨紧紧围绕游戏行业发展和艺术职业岗位需要高素质、高技能的游戏策划设计人才的要求设计了本门课程并对课程体系结构进行合理安排。
本课程不单单采用一门教材进行教学，而是结合当代市场对游戏策划的要求，把每一个教学环节作为一项真实的项目来进行安排，结合我院学生的具体情况和高职教学要求对教材内容进行合理的整合删减，切实的做到“任务驱动，项目主体，教、学、做”一体化的课程设计理念。
为了更好的达到和实现我们的课程目标，经过分析和整合，在对教学内容的选取上我们根据游戏行业中各企业岗位的任职要求，游戏策划师职业资格标准和学生实际水平结合职业性，实践性，开放性。
教学内容的合理选择和结合，更好的适应我院学生的发展和对职业岗位的需求。
《界面的设计》课程标准
界面设计》课程标准、课程设计思路本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。
课程内容选择以“新”为标准，紧扣手机界面和网站界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。
本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规范、流程与方法。
本课程在第三学开设。
总学时数为96 课时。
二、课程目标通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、网站用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。
1. 知识目标:①了解界面设计的含义、特性；②理解界面设计的出发点。
它包括：视觉、信息传达的基本原则和基本元素；③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用；④深入理解平面构成要素和基本的构成原则；⑤理解色彩的构成原理和基本构成原则；⑥深入理解文字的编排与设计在界面设计中的作用；⑦深入理解字体的选择在在界面设计中的作用；⑧深入理解版式设计在界面设计中的重要性；2. 能力目标:①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面；②掌握色彩的构成原则，应用色彩的构成原则设计界面；③掌握图标、页面和动画效果的设计方法；④掌握手机界面设计的方法和技巧；⑤熟练掌握网页界面文字编排的设计方法和技巧；⑥掌握版式设计的原则和构成手法，进行版式设计和优化；⑦能按照网页开发的设计流程来进行网页界面设计工作；3. 素质目标:①培养学生实践动手操作能力；②树立科学的设计创新意识；③形成“以人为本”的设计观念；④锻炼设计表达与语言表达能力。
4. 职业技能证书考核要求三、课程与其他相关课程之间的关系本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。
1.(游戏界面(UI)设计)课程标准
游戏界面与UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行游戏造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质，达到职业游戏动漫美工初级设计水平。
2.知识目标：
游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。
3.能力目标：
让学生逐步地具有一定的游戏策划审美的能力，可以独立完成游戏策划的设计与制作，对各种游戏策划的要求都能处理。
（2）师资条件
①应具备研究生和讲师以上学历，能综合运用各种教法设
计课程，掌握新技术，具有较强的专业能力新知识，
②有丰富的行业经验，具有相关职业书和教师书，
有一定的企业一线工作经验。
2、实施建议
（1）教材选用或编写建议
目前游戏界面UI与设计的优秀教材并不多，建议选用教材容上理论与案例实践操作结合，书籍和光盘素材资源配套教材资料。在教案编写上结合教师教学实践和学生认知水平设计，体现“学生为主体”，围绕学生知识的学习以及职业能力培养组织教学。
（3）具有运用所学知识分析和解决问题的能力；
（4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。
（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。
三、课程设计思路
《UI设计》课程标准
《UI设计》学习领域课程标准执笔：甄珍审核：一、学习领域定位“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。
还有很多专门从事UI设计的公司也应运而生。
正是鉴于目前UI行业的发展状况，本专业第一次开设计《UI设计》课程。
《UI设计》是所有与网络通信软件相关专业课程，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。
二、职业分析目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。
其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。
但目前全国UI设计专业的系统教学极其稀少。
UI 设计师的待遇和地位也逐渐上升。
三、学习目标知识目标：使学生能熟悉UI设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。
技能目标：使学生学会系统规划和全局思维，能够完成一整套UI系统的设计。
素养目标：使学生具备能从事UI 系统的开发与设计能力，培养学生团队合作、及独立思考能力。
四、学习内容本学习领域由UI 设计基础、用户研究、界面设计等3个学习情境组成。
四、学习领域课程设计思路 （一）设计理念动手实练（二）微型学习情境设计说明五、考核方式学生成绩的评定，以学生平时表现和任务完成情况及最终考核来其中，平时成绩包括平时上课的表现和各任务的完成情况，占总成绩的30％；最终考核成绩所用考核方式为机试，占总成绩的70％。
移动UI设计 课程标准(教学大纲)及 教案 (人邮微课版)
移动UI设计课程标准（教学大纲）及教案全套（人邮微课版）第一章：移动UI设计概述1.1 移动UI设计的定义与重要性1.2 移动UI设计与UX设计的区别1.3 移动UI设计的发展趋势1.4 移动UI设计的原则与要素第二章：移动UI设计的基本界面布局2.1 界面布局的分类与特点2.2 界面布局的基本原则2.3 常用的界面布局方式2.4 界面布局的实践案例第三章：移动UI设计的色彩与字体3.1 色彩在移动UI设计中的应用3.2 色彩搭配的原则与技巧3.3 字体在移动UI设计中的应用3.4 字体搭配的原则与技巧第四章：移动UI设计的图标与插画4.1 图标在移动UI设计中的应用4.2 图标的分类与设计原则4.3 插画在移动UI设计中的应用4.4 插画的设计技巧与实践案例第五章：移动UI设计的交互与动画5.1 交互在移动UI设计中的作用5.2 交互设计的原则与技巧5.3 动画在移动UI设计中的应用5.4 动画设计的原则与技巧第六章：移动UI设计的导航与菜单6.1 导航在移动UI设计中的重要性6.2 移动UI导航的类型与设计原则6.3 菜单设计的方法与技巧6.4 导航与菜单设计的实践案例第七章：移动UI设计的按钮与操作反馈7.1 按钮在移动UI设计中的应用7.2 按钮设计的注意事项7.3 操作反馈的设计原则与方法7.4 按钮与操作反馈设计的实践案例第八章：移动UI设计的表格与列表8.1 表格在移动UI设计中的应用8.2 表格设计的原则与技巧8.3 列表在移动UI设计中的应用8.4 列表设计的原则与技巧第九章：移动UI设计的数据输入与展示9.1 数据输入界面设计的原则与方法9.2 数据展示界面设计的原则与方法9.3 输入与展示界面的实践案例9.4 输入与展示界面的优化技巧第十章：移动UI设计的项目实践10.1 项目实践的意义与目的10.2 项目实践的流程与步骤10.3 项目实践的评估与反馈10.4 项目实践的案例分析与总结第十一章：移动UI设计的适配与响应式布局11.1 移动设备屏幕尺寸与分辨率11.2 适配方法与技巧11.3 响应式布局的原则与实践11.4 适配与响应式布局的案例分析第十二章：移动UI设计的动效与过渡12.1 动效在移动UI设计中的作用12.2 动效设计的原则与技巧12.3 过渡效果的设计与实现12.4 动效与过渡设计的实践案例第十三章：移动UI设计的兼容性与优化13.1 移动浏览器兼容性问题13.2 兼容性设计的方法与技巧13.3 移动UI性能优化策略13.4 兼容性与优化实践案例第十四章：移动UI设计的国际化与本地化14.1 国际化设计的重要性14.2 语言、文字及符号的适配14.3 文化差异与设计调整14.4 国际化与本地化实践案例第十五章：移动UI设计的趋势与创新15.1 移动UI设计的最新趋势15.2 创新设计的方法与技巧15.3 跨界合作与设计启发15.4 趋势与创新实践案例重点和难点解析本文教案主要涵盖了移动UI设计的基本概念、设计原则、实践案例以及最新趋势等方面。
UI设计课程标准
《UI设计》课程标准一、课程概况二、专业对课程要求《UI设计》是数字媒体应用技术专业的专业课程, UI即是User Interface的简称, 泛指用户的操作界面, 包含移动APP, 网页, 智能穿戴设备等。
UI设计主要指界面的样式, 美观程度。
UI主题界面设计是一门在电子设备, 新兴媒体上运用平面设计的综合性学科, 以往平面设计多数是印刷品, 今天移动设备的兴起, 应用如: 手机上的企业APP主题宣传品, 企业电子杂志APP版, 企业门户网站手机版, 企业微信宣传品设计, 精细的ICON图标表现, 和一些特色风格的主题APP界面设计等, 都是企业形象宣传的一部分, 是属于APP或手机网页方面, 视觉界面部分的设计, 为大多数互联网类公司培养研发部门和市场部门的视觉设计师。
三、课程培养目标随着计算机硬件的飞速发展, 过去的软件程序已经不能适应用户的要求。
软件产品在激烈的市场竞争中, 仅仅有强大的功能是远远不够的, 不足以战胜强劲的对手。
随着技术领域的逐步拓展, 产品生产的人性化意识日趋增强, 越来越多的企业开始注重交互设计、用户测试方面的投入, UI设计领域“三足鼎立”的局面将越来越成为大势所趋。
这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。
“UI”热是近几年来兴起的潮流, 近几年国内很多从事手机, 软件, 网站, 增值服务等企业和公司都设立了这个部门。
还有很多专门从事UI设计的公司也应运而生。
正是鉴于目前UI行业的发展状况, 本专业第一次开设《UI设计》课程。
1.总体目标《UI设计》是数字媒体专业平面设计岗位方向课, 该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识, 还重在给学生开拓新的专业知识面, 认知一个新的设计领域, 从而拓展职业能力和就业选择面。
此课程的目的与任务是要求学生对UI设计意义、功能有初步的了解, 掌握UI设计的基本形式, 来龙去脉, 市面上的一些案例, 训练学生在设计主题UI方面注重画面的形式美感和使用舒适度方面的设计, 使学生具备主要常用的一些APP主题界面的设计能力和精细ICON图标的表现能力。
《UI界面设计》课程标准
《UI界面设计》课程标准一、课程名称UI界面设计二、适用专业计算机平面设计双精准建设专业三、课程性质与任务本课程是计算机平面设计双精准建设专业的一门专业技能课程和专业核心课程。
本课程是依据计算机平面设计双精准建设专业人才培养目标和相关职业岗位（群）的能力要求而设置的，对本专业所面向的UI设计师所需要的知识、技能、和素质目标的达成起支撑作用。
其功能是使学生了解UI界面设计的基本概念，掌握UI界面设计所需的基本知识和方法，具备UI界面设计的基本技能。
本课程是平面设计工程、图形图像处理等课程的后续课程，为学生学习其他后续课程奠定扎实基础。
四、课程设计（一）设计思路本课程的设计遵循任务引领，做学一体的原则，并参照“界面设计初级职业技能等级标准”考证标准的相关内容进行打造。
与此同时，也会根据计算机平面设计双精准建设专业的工作任务和职业能力分析，融入“界面设计初级职业技能等级标准”证书的相关考核内容。
1.紧扣课程特点UI界面设计是指对PC端和移动端网页界面的人机交互、操作逻辑、界面美观的整体设计。
UI界面设计重要的特点是注重测试客户体验过程，不能凭设计师的喜好和审美来评判，要满足广大目标客户的使用便捷性需求。
这就要求UI界面设计这门课程内容需要紧扣时代发展，注重对目标客户的审美把握，以企业项目为导向，贴近市场，满足客户需求。
2.明确导向目标任何行为实践都是以目标为导向的。
宏观角度讲，现代专业教育的核心任务是促进学生全面发展。
受此目标指引，应根据UI界面设计课程特点，进一步细化微观层次的教学目标，如知识传授、技能锻炼、素质提升等，继而有针对性地选取导向企业项目，融入1+X证书课程内容，借此提高教学针对性、实效性。
从根本上讲，UI界面设计课程教学是一个循序渐进的过程，既需要综合考查学生个性差异和既有水平，也要遵循以人为本、因材施教原则，合理设计课程项目。
3.创新教学手段基于企业项目导向的UI界面设计课程设计，本身就是一种创新实践行为。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《产品界面设计》课程标准
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界面排列设计案例
20
3
实践
模块
完整设计
案例演绎
I能够按照设计的流程方法
对不同类型产品界面进行
设计
I数码产品界面设计实践案例
I软件产品界面设计实践案
例16
4•实施建议
4.1教材及参考资料选用
4.1.1教材选用及编写
建议选用教育部高等学校高职高专产品造型设计专业教学指导委员会十
五”规划教材,同时也可以由一线教师与行业专家依据本课程标准编写教材基本要求为：
1、教材依据本课程内容标准编写教材，将知识学习与能力培养紧密结合。
2、教材以体现训练项目导入、工作任务目标达成，为课程设计主体思想。
3、教材内容注重能力培养，并体现任务驱动，要以学生为教学主体，灵活多样设计任务，创立真实情境，引导学生进行观察、调研、思考和创意等活动，着重培养学生的分析判断与表现能力，为学生做出完善的产品界面设计方案提供帮助。
4、教材编写的体例和呈现方式尽量考虑岗位需求和学生的认知水平，强调实用和够用原则，以方便教学。
5、教材应图文并茂，引用图片清晰精美，文字语言深入浅出。
6教材内容贯彻与时俱进的原则，借鉴国内外最新的研究成果，及时更新教学内容。
案例设计注意典型性、时代性与可操作性。
4.1.2参考资料选用
1、
《工业设计符号基础》胡飞，高等教育出版社，2007.9。
2、
《设计•人机界面》黄艳群、黎旭、李荣丽,北京理工大学出版社，20075
3.2教学建议
3.1.1教学条件和环境
1、为了加深学生对产品界面设计的直观认识，提高学生分析问题、解决问题的能力，充分利用校内多媒体教室、计算机辅助设计实训室等真实的工作环境，采用工作情境设置与案例分析教学法。
2、在教学过程中，应充分利用校内实训基地的作用，使教学与实训紧密联系，保持学习内容与岗位工作内容的一致性，提高学生的职业能力。
3、积极利用电子书籍、电子期刊、数字图书馆、国内各大影视广告网站，拓宽学生视野、拓展学生的相关知识和能力。
3.1.2教学方法上的特殊性
1、实行任务导入、项目工作的新型教育模式，采用以启发式、案例分析、实例制作为主体的教学方法。
在设计任务型”教学活动项目时，应注意活动要有明确的目的并具有可操作性；要以学生的职业岗位能力要求为出发点，内容和方式要尽量真实，以提升学生学习的兴趣。
2、教学以任务的完成为目标，以任务发生的顺序展开教学过程，融教”
做”为一体,有利于学生理解与掌握产品界面设计与表现方法。
通过学学
生对自己作品的讲解与汇报，锻炼其语言表达能力，同时搭起学生之间相互交流学习的平台。
3、教学手段主要是多媒体授课，充分利用多媒体的优点，学生能更直观、更清晰的观看和评价实例。
4、教师要充分利用教学资源，拓宽学生学习渠道，改进学生学习方式，提高教学效果，增强教学的开发性和灵活性。
4.3学业评价
基本思路:产品界面设计是产品造型设计专业的专业核心课程之一，因此在遵循高职高专的人才培养目标的前提下，为进一步加强学生的原创性、实践性、应用性、传达性能力，现对该课程的学业评价进行一定的改革与创新。
本专业课程采取集中授课，按平时成绩、模块训练成果考核、期末考试相结合的方式，对学生学业进行评价。
1、平时成绩（10%――学生出勤、纪律，回答课堂问题、团队合作精神等方面评分。
2、模块训练成果考核（40%――在课程期间，任课教师将课程模块考核题目提供给学生，要求学生根据职业能力目标按阶段内容进行创意设计，提交电子稿。
3、期末考试（50%――学期结束前，考评题目由教研室集体研究后提供
学生，进行集中考核评分。
由专业教研室教师组成考评小组，逐个对学生的设计作品进行现场打分考评。
4、考核成果资料：模块训练成果分课程、班级、学年、按照学号顺序刻录成光盘保存；期末考评创意设计作品按照学号顺序刻录成光盘保存，并保存教师考评现场过程信息记录。
4.4课程资源的开发与应用
课程资源是指依据课程性质开发的各种教学材料以及本课程可以利用的各种
教学资源、工具和场所，它主要包括：
1、主辅教材、教学PPT、案例分析
2、校内多媒体教室
3、计算机辅助设计实训室
4、网络资源（网络设计教程与论坛
5、社会资源（企业公司兼职教师、客座专家等智力资源
5.5其它说明
5.1.1适用专业：产品造型设计。