界面设计课程标准
- 格式:docx
- 大小:17.64 KB
- 文档页数:8
《移动界面交互设计》课程标准移动界面交互设计课程标准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.".以上为《移动界面交互设计》课程的基本标准和内容安排。
《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. 课程大纲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界面设计。
【适用专业】中等职业学校美术设计与制作专业。
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图标设计。
WEB DESIGN课程标准1. 课程概述本课程旨在培养学生在Web设计领域的基本知识和技能。
学生将研究如何设计和开发具有吸引力、易用性和用户友好性的网站。
通过本课程,学生将掌握以下能力:了解Web设计的基本原则和规范、使用常见的Web设计工具和技术、理解网站构建的不同阶段和流程。
2. 课程目标- 理解Web设计的概念和原则。
- 掌握常见的Web设计工具和技术。
- 研究用户体验设计,以创建易于使用和用户友好的网站。
- 理解网站构建的不同阶段和流程。
- 培养解决Web设计问题的能力。
3. 课程大纲3.1 基础知识- Web设计的定义与概念- Web设计的原则和规范- 图形设计基础- 色彩和排版原则3.2 Web设计工具和技术- 图像处理工具和技术- 响应式设计原理- JavaScript简介3.3 用户体验设计- 用户研究方法- 信息架构和导航设计- 用户界面设计原则- 可用性测试和评估3.4 网站构建流程- 需求分析和规划- 网站原型设计- 网站开发和测试- 网站发布和维护4. 评估与考核- 课堂作业:包括个人任务和团队项目- 期末考试:理论与实践相结合的综合考核5. 参考资料- "The Elements of User Experience: User-Centered Design for the Web and Beyond" by Jesse James Garrett以上就是WEB DESIGN课程标准的概述,此课程旨在让学生掌握Web设计的基本概念、工具和技术,并培养解决设计问题的能力。
希望通过本课程的学习,学生能够设计出具有吸引力、易用性和用户友好性的网站。
《SketchUp》课程标准开设学期:第三、四学期总学时:128课时(8学分)编制人:审核人:一、课程定位(一)课程性质专业必修课、辅助课、理实一体课。
(二)课程作用学生通过合作学习、探讨性学习与实践等方式,培养学生具有团队合作的素质和能力,学会自主学习,有良好的学习能力;养成善于采集信息、整理资料、分析、综合与解决问题的方法能力。
二、课程理念与设计思路(一)课程理念SketchUp尝试性的探讨,介绍了SketchUp在建筑及舞美设计中的运用,了解基本的操作流程,以及关联的一些软件。
(二)设计思路了解SketchUp建筑设计软件的主要功能,掌握SketchUp建筑设计软件绘图环境设置,培养学生对SketchUp软件的兴趣,激发学生学习的积极性。
三、课程目标(一)素质目标培养学生在生活中发现真、善、美,提高审美情趣,在学习的过程中养成吃苦耐劳的优秀品质,逐步形成积极向上的人生观和价值观。
培养职业应具备的敬业精神和良好的职业道德。
(二)知识目标SketchUp基础知识的理解与掌握。
使学生在理解工具和命令的基础上,达到边学边练的学习效果。
(三)能力目标在传授SketchUp相关理论知识的同时,对学生的基本操作能力进行训练,着重培养学生利用SketchUp在舞台设计领域的运用。
四、课程内容五、课程实施建议(一)师资要求教师应具有本专业大学本科及以上学历。
具有良好的职业道德,具备先进的高等职业教育理念,有较强的教育教学研究和改革创新能力。
(二)教学方法建议理论教学实施过程中,灵活运用案例分析法、自主学习法等多种教学方法,以及多媒体课件等多种教学手段,激励学生对理论知识的学习。
实训操作实施过程中,以学生为主体,老师为主导,采用任务驱动法、直观演示法、分组教学,培养学生小组协作精神和科学严谨、耐心细致的习惯。
(三)教材要求本课程所选用的教材,其内容应满足本专业标准和本课程标准的要求。
语言应精炼、准确、科学,体现先进性、通用性、实用性。
《网页设计》课程标准一、课程基本信息课程名称:网页设计学分:课程代码:学时:二、课程性质《网页设计》是平面设计和传媒类专业的拓展课程之一,是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。
《网页设计》这门课主要针对网页设计中的配色和网页布局进行研究和讲解。
本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上,掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配色设计以及如何通过网站主题进行风格定位,从而完成网页布局设计与配色方案设计,设计出合理而精美的网页作品。
本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才,使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。
本课程是计算机类专业学生必须掌握的专业知识之一,通过本课程的学习,学生将了解网页设计、网站项目创建实施的流程及方法,具备网页设计、网站建设与维护的基本能力,为今后学生到相应的职业岗位打下基础。
同时,本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力,从而适应日新月异的就业形势和社会的人才需求。
三、课程设计(一)课程目标设计1.能力目标:(1)能够掌握网站标志和导航设计重要性以及设计方法;(2)能够掌握网页设计中页面整体布局原则以及页面元素设计方法;(3)能够理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用;(4)能够掌握网页配色设计的方法;(5)能够根据主题进行网站页面创作与设计。
2.知识目标:(1)了解网站设计特点、构成元素、设计原则等;(2)了解网站页面规划与元素设计的方法和技巧;(3)掌握网站中的图形与文字排版设计的方法和技巧;(4)了解网站页面布局的目的和设计方法、原则;(5)了解色彩在网站设计中的作用;(6)掌握网页配色的基本方法和技巧;3.素质目标:(1)培养学生的审美能力;(2)培养学生的设计能力、团队合作和沟通能力;(3)培养学生独立思考、自主学习和创新能力;(4)培养学生知识的融会贯通和举一反三的能力;(5)培养学生踏实肯干、做事认真、细心做事的态度;(6)培养学生独立的决策能力;(7)有耐心,有恒心,善于接受批评意见;(8)具有严谨的科学作风和踏实的工作态度,积极的求知欲和进取心。
移动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即是User Interface的简称, 泛指用户的操作界面, 包含移动APP, 网页, 智能穿戴设备等。
UI设计主要指界面的样式, 美观程度。
UI主题界面设计是一门在电子设备, 新兴媒体上运用平面设计的综合性学科, 以往平面设计多数是印刷品, 今天移动设备的兴起, 应用如: 手机上的企业APP主题宣传品, 企业电子杂志APP版, 企业门户网站手机版, 企业微信宣传品设计, 精细的ICON图标表现, 和一些特色风格的主题APP界面设计等, 都是企业形象宣传的一部分, 是属于APP或手机网页方面, 视觉界面部分的设计, 为大多数互联网类公司培养研发部门和市场部门的视觉设计师。
三、课程培养目标随着计算机硬件的飞速发展, 过去的软件程序已经不能适应用户的要求。
软件产品在激烈的市场竞争中, 仅仅有强大的功能是远远不够的, 不足以战胜强劲的对手。
随着技术领域的逐步拓展, 产品生产的人性化意识日趋增强, 越来越多的企业开始注重交互设计、用户测试方面的投入, UI设计领域“三足鼎立”的局面将越来越成为大势所趋。
这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。
“UI”热是近几年来兴起的潮流, 近几年国内很多从事手机, 软件, 网站, 增值服务等企业和公司都设立了这个部门。
还有很多专门从事UI设计的公司也应运而生。
正是鉴于目前UI行业的发展状况, 本专业第一次开设《UI设计》课程。
1.总体目标《UI设计》是数字媒体专业平面设计岗位方向课, 该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识, 还重在给学生开拓新的专业知识面, 认知一个新的设计领域, 从而拓展职业能力和就业选择面。
此课程的目的与任务是要求学生对UI设计意义、功能有初步的了解, 掌握UI设计的基本形式, 来龙去脉, 市面上的一些案例, 训练学生在设计主题UI方面注重画面的形式美感和使用舒适度方面的设计, 使学生具备主要常用的一些APP主题界面的设计能力和精细ICON图标的表现能力。
《界面设计》课程标准
视觉传达艺术设计系多媒体设计与制作专业方向
一、课程设计思路
本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。
课程内容选择以“新”为标准,紧扣手机界面和网站界面设计最新的发展状况,以实际案例的形式贯穿整个教学,并结合高职类院校学生的学习规律,由浅入深。
本课程首先从理论基础入手,介绍手机界面和网页界面设计相关知识,再通过对具体设计实例的解析,介绍了界面设计各个要素设计的方法,阐明界面设计的常识、规范、流程与方法。
本课程在第三学开设。
总学时数为96 课时。
二、课程目标
通过本课程学习,学生能认识到界面设计作为现代传媒的重要途径,其合理性与美观性直接影响用户的评价,从而促使学生提高界面的设计技能,通过人性化设计的方法来进行手机、网站用户界面设计,并掌握相关的设计软件的操作,独立完成图标、手机、网页等界面的设计和表现工作,以适应社会对本职业能力的要求。
1. 知识目标:
①了解界面设计的含义、特性;
②理解界面设计的出发点。
它包括:视觉、信息传达的基本原则和基本元素;
③理解感知与情趣,感情与文化,传统与现代,世界性与民族性在界面设计中的作用;
④深入理解平面构成要素和基本的构成原则;
⑤理解色彩的构成原理和基本构成原则;
⑥深入理解文字的编排与设计在界面设计中的作用;
⑦深入理解字体的选择在在界面设计中的作用;
⑧深入理解版式设计在界面设计中的重要性;
2.能力目标:
①掌握平面设计的设计方法和要素,并利用平面设计的原则和基本要素设计界面;
②掌握色彩的构成原则,应用色彩的构成原则设计界面;
③掌握图标、页面和动画效果的设计方法;
④掌握手机界面设计的方法和技巧;
⑤熟练掌握网页界面文字编排的设计方法和技巧;
⑥掌握版式设计的原则和构成手法,进行版式设计和优化;
⑦能按照网页开发的设计流程来进行网页界面设计工作;
3.素质目标:
①培养学生实践动手操作能力;
②树立科学的设计创新意识;
③形成“以人为本”的设计观念;
④锻炼设计表达与语言表达能力。
4.职业技能证书考核要求
三、课程与其他相关课程之间的关系
本课程是多媒体设计与制作专业一门专业必修课程,是学生工作过程化课程体系中的的一门重要课程。
与该课程联系较为紧密的平行课程有:
前导课程:平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程:flash动画、网页设计
四、本课程的主要特色
⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。
同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。
⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准,学生研究现场的实际问题体验真实的工作情境,执行完整的作业流程,使学生在校期间熟悉工作岗位所需的工作对象、工作内容、工作手段、劳动组织、工作环境、工作过程将知识学习、技能提升、能力培养和习惯形成体现在整个教学过程中逐步实现从学习者到工作者的角色转换。
(3)基于企业真实案例的“任务驱动型”、“启发、引导和协同”教学方式,采用科学灵活的教学方法。
五、教学内容与学习情境设计
《界面设计》课程按照职业岗位和职业能力培养的要求,整合本课程教学内容,以项目为导向,构建以工作任务驱动的3个项目式课程结构的形式,以项目为导向,由简单到复杂、由理论到实践,构建以工作任务驱动的项目式课程结构。
每个项目的内容由一个或若干个任务组成,基于完成工作任务来组织教学;课程内容及时吸纳新表现形式、新创意手法、新的规范标准等。
(一)学习情境设计与时间安排
(二)学习情境描述
六、教学基本条件
(一)教学团队的基本要求
一定的双师型比例,一定数量的副教授和讲师的比例,学历上要求有研究生和本科生的比例。
(二)教学硬件环境基本要求
理论教授需在多媒体教室完成;实践环节在实训室进行,学生需使用计算机、扫描仪、打印机等设备。
查阅资料在图书馆和依托网络完成。
七、教学方法及手段
1、本课程先基本原理、基本理论的讲述,再设计知识和技能的讲授,由浅入深,循序渐进。
2、在教学中采用“复习回顾——案例教学(教师演示)——自主学习(学生演练)——学生上机实践(针对学生碰到的具体问题教师再进行讲解)——课堂小结——提示
下次预习的内容”的教学方法,同时将课堂搬进计算机基础实验室,即学即用,以取得较好的教学效果。
八、考核方式
平时考查分数(30分)+项目实训分数(70分)=学期总评分数(100分)
平时考查分数占期末总体考核分数30%,主要包括如下几个方面:平时考勤、课堂互动、课后学习自主性等方面,任课教师可根据实际情况对表现特别优秀或基础弱进步快的学生进行酌情加分,以资鼓励。
实训项目考核分数占期末总体考核分数70%,将《界面设计》课程中有关实训项目和基础技术部分的考核改革为作品展览展示的形式,搭建一个平台,由行业专家和专业教师指导,用集体的眼光对每位同学的基础技术与创意技能逐一进行定性和定量的综合评定,主要考核项目实际设计中能力和素质,如主题是否符合要求、制作中存在的问题、视觉效果等。
九、教材及参考资料
建议使用近三年国家规划教材、教育部各专业指导委员会推荐教材和获得国家、省部级奖励的高职高专的优秀教材。
教材:
1、《网页界面设计艺术教程》作者:张帆,罗琦,宫晓东编着,出版社:人民邮电出版社
,2002年;
2、《认知与设计:理解UI设计准则》作者:[美] Jeff?Johnson?着,张一宁?译人民邮电出版社,2011-9
3、《UI进化论——移动设备人机交互界面设计》作者:周陟编着,出版社:清华大学出版社,2010-1
制定人:审定人:批准人:。