《UI设计》课程标准

《UI设计》课程标准课程类型 理论+实践(B)适用专业部门审核人编制日期七、主要教学资源要求1、实施条件（1）软硬件条件装有Photoshop、AI、Axure等的计算机实验机房具体配置要求如下：1.教师机：CPU双核2.6GHZ以上内存：2G硬盘：160G2.学生机：CPU双核2.6GHZ以上内存：1G硬盘：120G（2）师资条件①应具备研究生和讲师以上学历，能综合运用各种教法设计课程，掌握新技术，具有较强的专业能力新知识。②有丰富的行业经验，具有相关职业资格证书和教师资格证书，有一定的企业一线工作经验。2、实施建议（1）教材选用或编写建议目前移动界面UI与设计的优秀教材并不多，建议选用教材内容上理论与案例实践操作结合，书籍和光盘素材资源配套教材资料。在教案编写上结合教师教学实践和学生认知水平设计，体现“学生为主体”，围绕学生知识的学习以及职业能力培养组织教学。3、教学方法和教学手段（1）教学方法项目教学法：通过项目化教学，提高知识技能。从课外实践中提取有利于学生进步和能力提高的学习元素，进行分析和总结。案例教学法：通过教师课堂教学范例讲解，学生同步完成。通过不同的教学案例让学生掌握不同的模型制作方法。视频教学法：观摩优秀游戏界面制作教学视频，扩大知识面，增强视野。课外实践法：利用课余时间，学生在教师带领下，参观企业，进入实际工作岗位，感受真是项目与课堂项目的区别。（2）教学手段多媒体教学、案例演示教学、网络教学4、学生学习方法小组讨论学习：对班级学生进行分组教学，不同基础的同学对案例制作的要求不一样。每一个小组有组长带头组织组员进行分工合作，要求条理清晰、分工明确、考核透明合理。迁移学习：对设计相关学科进行融会贯通，课程之间的连贯性要达到一致。分类学科的同性和区别点要明确，并能认知其中的关联所在。归纳学习：对每一个案例的完成，教师要及时点评，学生进行自我总结。让每一次的案例都有一个明显的进步，对经常犯下的错误要重点讲解，并做好标记。《UI设计》课程标准一、课程基本信息课程名称：UI设计 学 分：课程代码： 学 时：先修课程： 后续课程：无 适用专业：二、课程性质《UI设计》是动漫制作技术、计算机网络技术及计算机应用技术等专业的专业必修课程。“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。《UI设计》是所有与网络通信软件相关专业课程，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。UI界面设计也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。三、课程设计（一）课程目标设计打开任何一部智能手机，映入我们眼前都是一个个APP图标，而现在的互联网公司基本上都会开发一款属于自己的APPo在UI设计公司中，根据移动UI设计项目的策划要求，需要UI设计师设计APP界面，包括文字、图片、动画、声音等内容的可以在移动设备上传输的界面，将策划案中的内容、APP的主题模式,以及结合自己的认识通过艺术的手法表现出来，并根据设计需要或客户需求修改APP界面。所修改的APP界面用于APP排版、测试及发布。1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握移动UI界面设计方法、理论与设计实例，探索新的风格设计规律。使学生能熟悉移动UI设计的流程和设计方法，学会系统规划和全局思维，能够完成一整套移动UI系统的界面设计。(1)掌握扁平化图标和拟物化图标的绘制原则，了解扁平化图标和拟物化图标设计的常见问题。(2)掌握扁平化图标和拟物化图标的区别及设计技巧。(3)了解音乐类、美食类、购物类APP设计风格。(4)掌握音乐类、美食类、购物类APP的设计原则。(5)了解综合类社交APP设计风格，掌握综合类社交APP的设计原则。(6)能够进行Axure软件操作，设计出原型界面。2、能力目标通过本课程的项目化学习，学生应该掌握软件的基本操作，并初步具备UI界面设计能力。课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力,使学生了解当今界面设计制作的基本知识。(1)能够掌握图标设计的定义、特点及表现方法。(2)掌握扁平化图标和拟物化图标的设计技巧。(3)能够掌握交互原型图设计的分类及制作方法。(4)能够掌握音乐类、美食类、购物类APP设计的表现方法。(5)能够掌握社交类APP设计的原型图及效果图的表现方法。(6)根据用户需求设计用户产品交互原型，为UI设计工作提供思想指导。3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。通过本课程的教学，使学生具备能从事UI系统的开发与设计能力，培养学生团队合作、及独立思考能力。(1)具有勤奋学习的态度，严谨求实、创新的工作作风；(2)具有良好的心理素质和职业道德素质；(3)具有高度责任心和良好的团队合作精神；(4)具有一定的科学思维方式和判断分析问题的能力；(二)课程教学活动设计1.课程内容设计（一般指一级项目编号及名称、内容）序号项目（模块）名称学时1项目一：扁平化图标设计122项目二：拟物化图标设计83项目三：交互原型图设计84项目四：手机App界面设计165项目五：综合APP训练166复习、考试4合计642,能力训练项目设计（一般指二级项目内容）编号能力训练项目名称学时能力目标主要支撑知识训练方式及步骤结果（可展示）项目.线性图标制作.折纸音乐图标制作.扁平化导航图标制作.扁平化电话图标制作.MBE风格相机图标制作12.具有熟练运用Photoshop软件绘制扁平化图标的能力；.能够掌握扁平化图标的分类和风格；.具有对扁平化图标进行色彩搭配的能力；.具有一定的美术基础、良好的.通过实践练习，了解扁平化图标的概念、分类、设计尺寸、图标设计的作用；.掌握布尔运算及形状工具的绘制技巧；.掌握扁平化图标设计的表现方法。.项目化教学，先由教师阐述扁平化设计的基本知识；.然后展示扁平化图标的最终效果；.演示扁平化图标绘制的操作步骤；.学生练习；5,总结重点、难点；纠正图标制作过程中易出现的问题。nO.造型能力。项目1.写实吊牌图标制作2.写实轮盘图标制作81.具有掌握拟物化图标的特点，并且熟练运用Photoshop软件绘制拟物化图标的能力；1.通过实践练习，了解拟物化图标的概念、分类、设计规范、拟物化图标的特点；1.项目化教学，先由教师阐述拟物化图标的特点，物化图标与扁平化图标的区别；rk2.能够掌握拟物2.掌握布尔运2.然后展示拟物化3.写实云朵图标制作4.写实胶囊图标制作化图标的分类和风格；3.具有对拟物化图标进行色彩搭配的能力；算及形状工具的绘制技巧；3.掌握图层样式的应用方法；4.掌握拟物化图标的最终效果；.演示拟物化图标绘制的操作步骤；.学生练习；.总结重点、难点；▲4、_-一^■4.具有一定的美术基础、良好的造型能力。图标设计的表现方法。项目.注册界面原型图制作.登录交互原型图制作•首页原型图制作.引导页原型图制作8.具有熟练运用Axure软件绘制原型图的能力；.具有能够设计思维导图的能力；.具有对原型图进行规范布局的能力；.具有展示原型图的交互性能力。.掌握APP产品的基本需求主要倾向于哪些方面；了解产品功能构架的基本内容。.掌握Axure软件的基本操作；.掌握原型图的设计原则。项目四LAPP个人中心制作.美食类App首页设计.美食类App详情页设计.每日生鲜APP原型图制作.每日生鲜APP首页制作.音乐App个人中心设计.歌曲播放界面设计16.具有熟练运用Photoshop软件绘制手机APP界面的能力；.能够掌握手机APP界面的分类和风格；.具有对手机APP界面进行色彩搭配的能力；.能够掌握手机APP界面的设计原则；.具有一定的美术基础、良好的造型能力。1.通过实践练习，了解手机APP界面的分类、设计规范、设计风格等特占-J、、、9.掌握布尔运算及形状工具的绘制技巧；.掌握手机APP界面的色彩搭配；.手机APP的行业特点；.掌握手机APP界面设计的表现方法。纠正拟物化图标制作过程中易出现的问题。.项目化教学，先由教师阐述客户需求及产品功能构架的基本内容；.展示低保真原型图的最终效果；.演示原型图绘制的操作步骤；.学生练习；.总结重点、难点;纠正原型图制作过程中易出现的问题。.项目化教学，先由教师阐述手机APP界面的分类、行业特点、设计规范、设计风格等基本内容；.展示手机APP界面的最终效果；.演示手机APP界面绘制的操作步骤；.学生练习；.总结重点、难点;纠正手机APP界面制作过程中易出现的问题。区区区区■■■匚有M・十Q授兵供组-华夫忸• «« Q•aaa0MocumV18*)1■!88■axivM16L项目化教学，先由教师阐述社交类APP的行业特点、设计规范、设计风格、形成系统观念等基本内容；.展示社交APP16L项目化教学，先由教师阐述社交类APP的行业特点、设计规范、设计风格、形成系统观念等基本内容；.展示社交APP的整套原型图及效果图。.演示社交APP原型图及效果图绘制的操作步骤；.学生练习；.总结重点、难点;纠正社交APP原型图及效果图制作过程中易出现的问题。在2019当你分享3W可以松香行业大点“说V文・en ui”计 !tv.首页原型图设计.社交类APP首页设计.圈子页原型图设计.社交类APP圈子页设计.动态发布页原型图设计.动态发布页APP设计.个人中心原型图设计.社交类APP个人中心设计.具有熟练运用Axure软件绘制原型图的能力；.具有熟练运用Photoshop软件绘制手机APP界面的能力；.能够掌握交互原型图解析；形成系统的观念，完成整体交互；.具有对手机APP界面进行色彩搭配的能力；.具有一定的美术基础、良好的造型能力。.掌握手机APP界面的构成;形成系统的观念，完成整体社交APP的设计；.掌握社交类APP首页、圈子页、APP动态发布页、个人中心页原型图及效果图制作；.掌握社交类APP原型图及效果图制作的设计规范；.掌握手机APP界面的色彩搭配。四、教学内容与学时（一）教学内容与学时分配本课程根据UI设计的实际工作过程，结合高职学生的知识基础和实践技术的教学规律，确定了5个学习情境。表1课程项目结构与学时分配表序号项目名称项目内容主要教学知识点学习目标学时1项目一：扁平化图标设计.线性图标制作.折纸音乐图标制作.扁平化导航图标制作.扁平化电话图标制作.MBE风格相机图标制作.通过实践练习，了解扁平化图标的概念、分类、设计尺寸、图标设计的作用；.掌握布尔运算及形状工具的绘制技巧；.掌握扁平化图标设计的表现方法。.能够熟练运用Photoshop软件绘制扁平化图标；.能够掌握扁平化图标的分类和风格；.能够对扁平化图标进行色彩搭配；.具有一定的美术基础、良好的造型能力。122项目二：拟物化图标设计.写实吊牌图标制作.写实轮盘图标制作1.通过实践练习，了解拟物化图标的概念、分类、设计规范、拟物化图标的特点；.能够熟练运用Photoshop软件绘制拟物化图标；.能够掌握拟物化图83.写实玄朵图标制作4.写实胶囊图标制作.掌握布尔运算及形状工具的绘制技巧；.掌握图层样式的应用方法；.掌握拟物化图标设计的表现方法。标的分类和风格；.具有对拟物化图标进行色彩搭配的能力；.具有一定的美术基础、良好的造型能力。3项目三：交互原型图设计.注册界面原型图制作.登录交互原型图制作.首页原型图制作.引导页原型图制作1,掌握APP产品的基本需求主要倾向于哪些方面；了解产品功能构架的基本内容。.掌握Axure软件的基本操作；.掌握原型图的设计原则。.能够熟练运用Axure软件绘制原型图；.能够掌握客户需求，设计思维导图；.能够对原型图进行规范布局；.能够展示原型图的交互性。84项目四：手机App界面设计LAPP个人中心制作.美食类App首页设计.美食类App详情页设计.每日生鲜APP原型图制作.每日生鲜APP首页制作.音乐App个人中心设计.歌曲播放界面设计.通过实践练习，了解手机APP界面的分类、设计规范、设计风格等特点；.掌握布尔运算及形状工具的绘制技巧；.掌握手机APP界面的色彩搭配；.手机APP的行业特点；.掌握手机APP界面设计的表现方法。.具有熟练运用Photoshop软件绘制手机APP界面的能力；.能够掌握手机APP界面的分类和风格；.具有对手机APP界面进行色彩搭配的能力；.能够掌握手机APP界面的设计原则；.具有一定的美术基础、良好的造型能力。165项目五：综合APP训练.首页原型图设计.社交类APP首页设计.圈子页原型图设计.社交类APP圈子页设计.动态发布页原型图设计.动态发布页APP设计.个人中心原型图设计.社交类APP个人.掌握手机APP界面的构成；形成系统的观念，完成整体社交APP的设计；.掌握社交类APP首页、圈子页、APP动态发布页、个人中心页原型图及效果图制作；.掌握社交类APP原型图及效果图制作的设计规范；.掌握手机APP界面的色彩搭配。.能够熟练运用Axure软件绘制原型图；2,能够熟练运用Photoshop软件绘制手机APP界面的能力；.能够掌握交互原型图解析；形成系统的观念，完成整体交互；.具有对手机APP界面进行色彩搭配的能力；.具有一定的美术基础、良好的造型能力。16中心设计《UI设计》是一门专业课很强的课程，它不仅要对学生的绘画技法有很强的针对性，还要对学生的平常生活中观察能力的培养。通过案例式教学，实现学生职业技能与工作岗位群的对接，促进本专业学生全面职业素质的养成。促进审美能力的提高，还对游戏策划创作中起到帮助的作用，为其它设计课程的学习以及将来的岗位工作打下良好的基础。（二）第一次课设计梗概项目一：扁平化图标设计.导入：（5分钟）提出问题，什么是图标？图标有哪些类型？.教学新课：（25分钟）通过资料PPT展示和讲授，使学生了解图标的概念、类型以及线性图标的特点；通过实操演示地图定位图标的制作过程，突出重点和难点。.巩固练习：（40分钟）①设计要点：图标基础形状一般由外轮廓+内部线条组成。在造型上可以从线条粗细、圆角半径大小、图标复杂程度等方面考虑。②设计要求：任务1：学生模仿制作地图定位图标，举一反三，可以制作多个线性图标。4.课堂小结：（10分钟）（1）重点、难点回顾，解决学生实训中存在的问题。（2）课后搜集资料，模仿制作线性图标。五、课