《UI界面设计》课程标准.docx

UI界面设计课程标准一、课程名称UI界面设计二、适用专业计算机平面设计专业三、课程性质与任务本课程是计算机平面设计专业的一门专业技能课程和专业核心课程。本课程是依据计算机平面设计专业人才培养目标和相关职业岗位（群）的能力要求而设置的，对本专业所面向的Ul设计师所需要的知识、技能、和素质目标的达成起支撑作用。其功能是使学生了解Ul界面设计的基本概念，掌握Ul界面设计所需的基本知识和方法，具备Ul界面设计的基本技能。本课程是平面设计工程、图形图像处理等课程的后续课程，为学生学习其他后续课程奠定扎实基础。四、课程设计（一）设计思路本课程的设计遵循任务引领，做学一体的原则，并参照“界面设计初级职业技能等级标准”考证标准的相关内容进行打造。与此同时，也会根据计算机平面设计专业的工作任务和职业能力分析，融入“界面设计初级职业技能等级标准”证书的相关考核内容。1.紧扣课程特点UI界面设计是指对PC端和移动端网页界面的人机交互、操作逻辑、界面美观的整体设计。UI界面设计重要的特点是注重测试客户体验过程，不能凭设计师的喜好和审美来评判，要满足广大目标客户的使用便捷性需求。这就要求Ul界面设计这门课程内容需要紧扣时代发展，注重对目标客户的审美把握，以企业项目为导向，贴近市场，满足客户需求。2.明确导向目标任何行为实践都是以目标为导向的。宏观角度讲，现代专业教育的核心任务是促进学生全面发展。受此目标指引，应根据Ul界面设计课程特点，进一步细化微观层次的教学目标，如知识传授、技能锻炼、素质提升等，继而有针对性地选取导向企业项目，融入1+X证书课程内容，借此提高教学针对性、实效性。从根本上讲，UI界面设计课程教学是一个循序渐进的过程，既需要综合考查学生个性差异和既有水平，也要遵循以人为本、因材施教原则，合理设计课程项目。3.创新教学手段基于企业项目导向的Ul界面设计课程设计，本身就是一种创新实践行为。在确立好目标导向之后，需要分析UI界面设计课程教学内容特点，选取有效的教学方法，比如案例教学法、任务驱动法、情景引入法、头脑风暴法、合作讨论法等。具体操作来说，在In界面设计课程设计阶段，教师可就其涉及的知识重难点进行初步解读，并与技能培养有机结合，配合相应的企业项目，通过文字、声音、视频等方式呈现出来，营造一种具象化的操作情景，激发学生的主动参与兴趣。同时，基于此，布置相应的任务，要求学生以小组的途径合作探究完成，考察他们的思维能力、应变能力、合作能力以及解决实际问题能力。还可以准备相对应的问题，让学生通过头脑风暴法集体讨论产生更多想法，锻炼学生的发散思维。（二）参考学时与学分参考学时：108学分：6五、课程目标本课程总体目标是：UI界面设计是在计算机图形图像处理基础上的延续和提高。课程实践注重对设计基础课程如图形设计、字体设计、构成设计等各课程的综合运用。让学生了解Ul界面设计的常用方法、流程和设计工具、Ul设计与用户体验的关系等基本知识，掌握各种Ul界面常用元素的制作，并能使用制作有创意的、充满视觉冲击力的Ul设计作品。（一）专业知识目标1 .全面了解UI设计的基本概念；2 .理解UI界面图标设计的理论和方法；3 .熟知UI界面设计的基本岗位要求；4 .能够理解图标的设计定义、特征、风格、设计背景、设计要点等；5 .能准确说出Banner的基本概念、五大元素、构图原则、文字设计原则等基础知识。（二）专业技能目标L熟练运用制作Ul界面设计的基本软件，如PS、AI、AXUreRP交互设计软件；6 .运用Ul界面设计的图标、界面的技巧和方法，使学生学会系统规划和全局思维；7 .能够完成一整套UI系统的设计。（）职业素养目标1 .具备基本的Ul系统的开发、设计、鉴赏能力；2 .运用所学知识分析和解决问题的能力；3 .提高美术欣赏造型审美的能力；4 .体验UI设计师的职业角色，提升创意思维与创意设计素养；5 .培养学生的工匠精神，增强学生成为Ul界面设计师的自信心，提升职业素养;6 .培养学生团队协作精神，锻炼学生沟通交流能力、自我学习能力。六、课程内容及要求序号学习任务（课程模块）课程内容及要求活动设计参考课时1Ul设计导论及UI设计概述任务L了解什么是Ul设计任务2：Ul设计师的类别任务3：Ul设计师的工作要求任务4：移动互联时代Ul设计职业发展趋势、行业基础要求：L熟悉广告方面的法律、法规；2 .能权衡合法与违法的后果；3 .能遵循社会道德，保守公司商业机密；4 .有个人职业生涯规划和明确的目标感。理论讲述：L引导学生初步认识移动Ul的概念和基本知识；2 .邀请企业工程分享行业和职业发展现状和趋势，了解Ul界面设计的就业方向，工作主要内容和工作要求；3 .了解课程考核方式，学习方向。22APP图标设计与制作任务L学习APP图标的基础知识任务2：学习APP图标的设计原则任务3：学习APP图标风格的种类任务4：学习APP图标设计方法要求：1 .能使用形状工具，并配合"添加、"减去、"交叉或"除外选项制作图标和Ul控件：2 .能综合使用图层样式及其它基本绘图功能制作拟物图标和界面；组织小组讨论，引导学生用自己的语言表达所学知识：1 .说出图标的概念和作用；2 .归纳APP图标设计原则;3 .归纳说明APP图标点击率的方法；4 .说出选择APP图标风格的依据。83 .能使用Al直线工具、钢笔工具、画笔工具、平滑工具制作简单Ul图标；4 .能综合运用各类PS基础功能制作UIKit;5 .能结合界面需求，完成符合视觉规范的功能图标设计。3移动端Ul界面视觉控件元素制作按钮、开关与滚动条、搜索栏、菜单与工具栏任务1：学习Ul界面控件设计在APP界面中的地位与功能任务2：学习分析案例开关与滚动条在APP界面中的常用形式，符合客户的审美需求要求：1 .了解控件使用原则与场景，能规范使用合理控件；2 .能使用形状工具，并配合"添加、"减去"、"交叉或“除外选项制作图标和Ul控件：3 .能综合使用图层样式及其它基本绘图功能制作拟物图标和界面；4 .能使用Al直线工具、钢笔工具、画笔工具、平滑工具制作简单Ul图标；5 .能理解手机界面的设计理论，并从用户角度出发，设计登录页、首页、列表页，使之具备引导性、一致性、高效性和易响应性。理论讲述44移动端Ul界面设计中图文排版制作banner设计三步曲任务1：学习APP界面概述、版面排列原理任务2：学习App界面图文排版设计注意事项任务3：学习Ul界面中Banner图文排版设计技巧任务4：熟知握Ul界面中Banner设计三步曲要求：小组分享：移动端Ul界面设计作品收集与分享；作品赏析：欣赏移动端界面banner设计的优秀案例，提升审美能力；案例分析:移动端Ul界面设计中图文排版制作banner设计三步曲。61 .熟悉美术理论知识；2 .熟练掌握界面设计中Banner图文排版原则3 .掌握形式美法则，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式；4 .能理解APP界面概述排列的原理和注意事项；5 .能完成Ul界面中Banner设计。5移动端Ul界面设计中色彩的运用任务1：色彩的感情特征任务2：了解色彩的情感与用户体验之间的关系任务3：APP界面配色原则与配色技巧要求：1 .能运用色彩的感情特征完成APP界面的配色；2 .掌握形式美法则，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式；3 .了解色彩的情感特征。小组分享：移动端Ul界面设计作品收集与分享；作品赏析：欣赏移动端界面色彩搭配的优秀案例，提升审美能力；案例分析：移动端Ul界面设计中色彩的运用。46移动端设计规范任务1：能深入理解Android/IOS界面的规范构成要素与设计规范；任务2：能理解IOSAndroid的界面设计差异，以及原生应用控件规范的差异要求：L学会规范的设计Ul界面，会提升整个界面设计的美观度，也符合用户习惯；2.掌握形式美法则，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、小组分享：移动端Ul界面设计作品收集与分享：作品赏析：欣赏移动端界面设计的优秀案例，深入理解移动端设计规范与要求。案例分析：移动端设计规范。6放射、节奏、粗细、冷暖、面积等形式；3.了解色彩的情感特征。7Ios系统界面设计规范任务1：1。S系统界面设计规范；任务2：iOS的结构化布局设计任务3：iOS的用户界面特征任务4：学会欣赏认识1。S系统界面的优秀案例，提升审美能力。要求：1 .能深入理解IOS界面的规范；2 .熟知iOS界面设计要点。小组分享：移动端Ul界面设计作品收集与分享；作品赏析：欣赏1。S系统界面设计的优秀案例，深入理解移动端设计规范与要求；案例分析：1。S系统界面设计规范。68APP界面设计任务1：学习移动端设计流程与规范任务2:APP界面草图设计任务3:i0S和Android系统用户界面的特征任务4:APP界面一级界面、二级界面设计要求：1.能理解手机界面的设计理论，并从用户角度出发，设计登录页、首页、列表页，使之具备引导性、一致性、高效性和易响应性。模拟企业项目场景进行APP界面设计项目。89Ul主题图标制作任务1：学习主题图标设计流程任务2：学习主题图标规范任务3：学习主题图标设计项目实战要求：1 .能结合界面需求，完成符合视觉规范的功能图标设计；2 .能结合界面需求，完成符合视觉规范的手机主题图标设计；模拟企业项目场景进行Ul主题图标制作。63.运用主题图标制作的技巧和方法，做到主题图标的协调统一。10交互原型设计概论任务1：学习交互界面设计的定义和要素任务2：学习交互设计与产品形象的关系任务3：学习交互设计制作需求分析任务4：学习交互设计流程概括任务5：学习思维导图的绘制要求：L熟知交互设计原型的制作流程；2 .运用Axure交互设计软件；3 .能分析痛点，分析竞品；4 .能掌握基础用户研究、体验设计、界面构建的技能和方法；5 .能从角色、场景、任务三个维度理解产品需求；6 .能从角色、场景、任务三个维度理解产品需求。理论讲述611交互动效设计任务L能完成一套APP交互动效设计要求：1 .熟知交互原型图的制作流程；2 .理解交互逻辑关系；3 .理解AXUrerP交互动效果。模拟企业项目场景进行交互动效设计。812用户体验设计任务1：完成一套手机APP原型机视觉设计作品要求：L理解交互和产品的含义；模拟企业项目场景进行用户体验设计：认识用户的真实期望和目的，在功能核心还能够以低廉成本加以修改的时候对设计进行修正，保证功能核心同人机界面之间的协调工作，42 .理解交互与视觉的结合重点：3 .运用交互层级与交互布局方法。减少BUGo13基于UCD用户需求研究任务L完成一套APP交互原型设计作品要求：L研究用户对象；2 .研究用户心理；3 .了解用户需求、用户体验，研究Ul界面设计交互效果；4 .具备设计中的敏捷思维。分组探究基于UCD用户需求研究。414基于企业项目的图标设计任务1：分析项目需求；任务2：制作APP系列图标要求：1 .运用图标的设计技巧；2 .区别图标的分类；3 .熟知图标的规范。基于企业项目场景进行图标设计。615基于企业项目的banner设计任务1：分析企业项目需求任务2：设计基于企业项目的banner要求：1 .了解Banner设计概念；2 .理解和运用Banner设计构图、文字、色彩设计原则；3 .学会自主学习探究，成果共享，共同进步;基于企业项目场景进行图标设计。416基于企业项目的引导页设计、弹窗设计任务1：分析APP引导页界面设计要求任务2：设计基于企业项目的引导页和弹窗要求：L理解APP界面不同功能区的设计要求及分组探究多种APP引导页界面；基于企业项目场景进行引导页和弹窗设计。6其重要性；2 .理解APP引导页界面设计要求；3 .运用APP引导页设计技巧与方法。17基于企业项目的首页界面设计、一级界面、二级界面设计任务1：企业项目APP首页界面设计任务2：企业项目APP一级界面设计任务3：企业项目APP二级界面设计要求：1 .体现APP首页界面设计的实用性；2 .保持APP首页界面配色中色彩与风格的统一，视觉元素的规范；分组探究多种APP界面，提升审美能力和团队协作能力；学会自主学习探究,成果共享，共同进步。基于企业项目场景i女性的首页界面设计、一级界面、二级界面设计。1618标注切图、产品输出与展示任务1：产品输出与展示任务2：文档交付与对接要求：1 .能正确输出和命名界面、启动图标、功能图标；2 .能按照开发规范输出各类终端产品所需分辨率的切图与标注；3 .能与开发人员进行有效沟通。基于企业项目场景进行标注切图、产品输出与展示。4七、教学实施建议（一）教学条件L校内实训基地校内实训（实验）室，该基地应具备主流配置的多媒体机房，机房应配置和部署PhOtOShop、IllustratorAXUre等交互设计软件，以及MOCkingbot墨刀交互设计软件等，以满足日常教学使用。2校外实习基地校外实习基地，有条件的情况下，可以是学校合作的企事业单位。目的是通过参观、交流，对已经完成的相关课题、项目进行复盘和重做，也可直接参与和解决企事业单位还未完成的实际项目，以锻炼学生的实际动手能力，也使教学内容更加贴合市场需求。校外实训基地，在条件有限的情况下，也可以是虚拟的项目，该项目应该来源于实际的市场需求，而不是凭空想象。项目的结果可以同该项目的实际成果做对比，项目的评判可以请同专业其他同学代表来执行。3.专业师资课程负责人：本课程由一名校内专职教师担任课程开发与实施。具有计算机平面设计专业背景，熟知平面设计专业市场，熟悉职业教育规律、教学效果好、具备高级职称的“双师”素质教师。教师的能力要求：担任本课程的主讲教师需要熟练掌握UI设计理论知识与软件实操技术，具有丰富的教学经验，较强的Ul设计能力、能按照本课程标准制定详细可行的授课计划，精心设计每一次课的教学过程，具备一定的课堂控制能力和应变能力，做到因材施教；应具备本科以上学历，具备“双师素质”，具有在企业工作或实习的工作经验，有较强的实践动手能力。（二）教学方法以“任务驱动”实施教学：根据主题项目的工作任务，按照”提出一制作一辅导一点评四步法来组织教学。在教学方法上，应该通过启发式教学、讨论式教学、案例式教学等多种教学方法的交叉使用，加深学生对理论知识的理解及创新精神的培养，并通过调研教学，引导学生理论联系实际。八、教学评价及课程考核教学评价建议应体现多元评价方法，重视教学过程评价，突出阶段评价、目标评价、理论与实践一体化评价等，注重学生动手能力和在实践中分析问题、解决问题能力的考核,关注学生个别差异，鼓励学生创新实践。在设计教学考核方式时，不再简单进行理论知识考核和单一的期末考试等做法，推行教学评价、考核的多元性，通过项目考评、产品考评、过程考评、报告考评、知识考评等，逐步实现形成性评价和中介性评价相结合，要对知识与技能、过程与方法、情感态度与价值观等进行全面评价。在实践中，学生分组上台用PPT展示最终成果，然后组与组直接进行互评，让学生也参与评价。其后，教师应认真观察学生完成企业项目的表现情况，并深入分析其背后折射出的学生综合素质水平，在肯定其成长的基础上，指出其中不足之处，激励他们为之不断奋进，同时认真听取学生意见或建议，提高教学服务与需求的契合度。成绩考核形式：学期总评二出勤10%+纪律10%+作业30%+实训30%+考试40%o九、课程资源开发与利用（一）教材编写与使用L教材的选用与编写；移动端APPiJl设计与交互基础教程，9787115501844,编著者吴丰,人民邮电出版社,版别（2019-02-01）o2.信息化教学资源建设：多媒体课件、多媒体素材、学生的优秀作业等。（二）数字化资源的开发与利用充分利用网络平台Iconfont图标设计资源库、DribbIe、BehanCe、UI中国、优设网、花瓣等来进行最新学习资料的手机，注重充分发挥多媒体的学习互动性的优势，让学生的学习具有主动性趣味性，又有利于学生的思维与技能拓展争取的企业给予设计项目，使学生参与到真正的设计项目中。