《UI设计基础》课程标准（含课程资政元素）

《UI设计基础》课程标准一、课程概要课程名称UI设计基础课程学分32课程学时共32学时，理论12学时，实践20学时课程类别通识教育：R基础课程£核心课程£一般课程£拓展专业课程专业教育：R基础课程£核心课程£拓展课程课程性质R必修£选修适用专业软件技术前导课程HTML、CSS、JavaScript后续课程无开设学期第一学期第二学期第三学期第四学期第五学期第六学期√二、课程定位本课程是软件技术专业的专业基础课程，主要目标是让学生掌握平面设计的基础知识、Photoshop软件的应用操作技能，以及商业网站设计的标准流程和应用技术。培养学生的实践运用能力及创新精神，提高学生的审美能力，培养正确的设计理念、设计方法。在引导学生参与实训案例设计制作的过程中，了解web前端开发领域的工作标准和规范，了解本课程在专业课程体系中的定位和功能，形成一定的专业认识，激发专业学习热情，树立职业生涯规划意识，培养社会责任感和团体协作精神。三、课程目标（一）素质（思政）目标1.培养学生爱党爱社会主义、担当民族复兴大任的爱国情怀；2.培养学生对社会主义核心价值观的情感认同和行为习惯；3.培养学生爱岗敬业、艰苦奋斗、勇于创新、热爱劳动的劳动精神；4.培养学生执着专注、精益求精、一丝不苟、科技强国的工匠精神；5.培养学生标准意识、规范意识、安全意识、服务质量职业意识；6.培养学生创新思维、审美能力、团队协作、表达沟通的职业素质。（二）知识目标1.掌握图像处理的基础知识、UI设计的基本理论；2.掌握Photoshop等图像处理软件的相关知识和使用方法；3.掌握网站界面设计的工作规范和标准；4.掌握界面（UI)设计的原则和常见风格；5.掌握界面元素的设计制作方法和步骤6.了解美学在界面设计中的相关理论；（三）能力目标1.能根据设计需求搜集、整理、处理相关素材资料；2.能熟练操作Photoshop软件进行图像图形处理；3.能对设计需求编制文案进行讲解和草图绘制4.能根据设计需求使用Photoshop设计制作网页标识和图标；5.能根据设计需求使用Photoshop设计制作网页效果图；6.能通过网页界面设计项目实践拓展到其它UI设计项目四、课程设计思路以国家教育部《高职软件技术专业教学标准》为指导，结合学生的实际知识技能，严格遵守循序渐进的教学原则，将理论知识与实际操作充分结合，以学生为中心，通过实战演练构建学习情境，营造“沉浸式”学习氛围，采用案例教学法、项目实训法，融教、学、做、演、思为一体；培养学生的专业能力和专业素养。学生通过学习本课程，能够在艺术设计，计算机实际应用等方面得到训练，具备一定的审美感，为其后续课程学习、职业发展、终身学习和服务社会奠定基础。五、课程内容与要求第1章Photoshop基础入门学习单元Photoshop基础入门课时2课时学习目标了解Photoshop的基本概念和功能掌握Photoshop界面的布局和基本操作学会使用Photoshop进行基本的图像编辑和处理掌握选区工具的使用方法学习内容知识点掌握程度重点难点Photoshop的基本概念了解Photoshop的功能了解Photoshop界面的布局掌握Photoshop的基本操作掌握√图像的简单编辑和处理熟悉选区工具的使用方法掌握√扁平化图标制作掌握√第2章图层学习单元图层课时2课时学习目标了解图层面板的功能掌握图层的基本操作了解填充和不透明度的区别掌握图层样式的应用学习内容知识点掌握程度重点难点图层面板的功能了解图层的基本操作掌握√图层的填充的操作了解图层不透明度的设置了解图层样式面板掌握√图层样式设置掌握√制作质感Buttons案例掌握√第3章色彩学习单元色彩课时2课时学习目标理解色彩的基本属性掌握网页中色彩的搭配掌握调色命令的使用熟悉调整图层的应用学习内容知识点掌握程度重点难点选项式API和组合式API熟悉色彩三要素了解色彩的心理效应了解色彩的搭配原则了解色彩的属性理解调色的功能掌握调色的命令掌握√调整图层的功能掌握√调整图层的应用熟悉使用“调整层命令”调整偏色照片掌握√第4章路径学习单元路径课时2课时学习目标了解路径的基本概念掌握钢笔工具的使用掌握形状工具的使用掌握路径面板的功能掌握文字工具的用法学习内容知识点掌握程度重点难点路径的基本概念了解钢笔工具的使用掌握√形状工具的使用掌握√路径面板的功能熟悉文字工具的用法掌握√谷歌浏览器图标制作掌握√第5章画笔学习单元画笔课时2课时学习目标掌握自定义图案的方法掌握画笔的方法掌握画笔工具的使用掌握修复工具的使用学习内容知识点掌握程度重点难点自定义图案了解画笔工具的使用掌握√画笔面板的设置掌握√修复工具的使用掌握√照片综合修饰处理掌握√第6章蒙版和通道学习单元蒙版和通道课时4课时学习目标掌握蒙版的使用方法掌握通道的使用方法学习内容知识点掌握程度重点难点图层蒙版的概念了解图层蒙版的基础操作掌握√剪贴蒙版的概念了解剪贴蒙版的基础操作掌握√矢量蒙版的概念了解矢量蒙版的操作掌握颜色通道了解Alpha通道掌握√专色通道了解通道抠图掌握√第7章前端界面UI设计学习单元前端界面UI设计课时8课时学习目标了解UI设计了解图标设计并掌握其设计规范和设计方法了解App界面设计并掌握其设计规范和设计方法了解网页界面设计并掌握其设计规范和设计方法了解软件界面设计并掌握其设计规范和设计方法了解游戏界面设计并掌握其设计规范和设计方法学习内容知识点掌握程度重点难点UI设计项目流程了解图标的基础知识熟悉图标的设计规范熟悉图标的设计方法掌握√App的基础知识熟悉App设计的规范熟悉App的设计方法掌握√√网页设计基础知识熟悉网页设计的规范熟悉网页设计方法掌握√软件界面设计基础知识熟悉软件界面设计的规范熟悉√软件界面的设计方法掌握√第8章页面绘制实战应用学习单元页面绘制实战应用课时10课时学习目标了解延展区的作用掌握网页有效区尺寸及画布尺寸的含义掌握导航栏的制作了解LOGO的作用掌握LOGO的设计理念了解banner的作用掌握banner的尺寸了解UI的含义了解UI设计的原则掌握UI设计规范了解网站栏目的作用掌握网站栏目布局设计了解什么是网站的内页掌握网站内页的设计了解新闻文章对SEO的作用学习内容知识点掌握程度重点难点文档的新建以及宽度尺寸的设置熟悉首页头部功能区的绘制熟悉首页导航栏的制作掌握设计并制作logo掌握√合成全屏banner掌握√制作“优质服务”栏目掌握√制作“我们的优势”栏目掌握√完成“服务展示”栏目制作掌握完成“行业动态”栏目制作掌握完成“联系我们”栏目制作掌握√√完成“版权”栏目制作掌握√完成新闻列表栏目的制作掌握√完成详情页文档的创建掌握课时分配章目讲课上机合计第1章Photoshp基础入门112第2章图层112第3章色彩112第4章路径112第5章画笔112第6章蒙版和通道224第7章前端界面UI设计268第8章页面绘制实战应用3710合计122032六、实施建议（一）课程团队本课程负责人由学术造诣深厚、教学经验丰富、教学特色鲜明、具有研究生学历并取得相应学位或者具有高级专业技术职务的教师担任，并建立职称、学历、年龄等结构合理、专兼结合的“双师型”教学团队，每个教学班应配备主讲教师1名。专任教师应具有高校教师资格，软件类专业本科以上学历，半年以上企业行业相关经历。（二）教学方法与手段本课程采用案例分析、任务驱动等教学方法，通过师生完成一个个训练项目，培养学生在Web前端开发的实际工作技能，锻炼思考问题、解决问题、自主学习和创新能力，培养前端开发师岗位方面的综合职业能力。通过融入开源精神、知识产权意识、工匠精神等思政元素，挖掘专业思政元素，帮助学生树立正确价值观，培养其精益求精的工作态度和踏实肯干的工作作风。利用多媒体信息化技术，通过视频、微课、案例分析、在线教学平台等辅助教学手段让学生的学习更高效，师生互动更加密切。（三）教学资源开发与利用1.教材选用《PhotoshopCCUI设计》王京晶主编人民邮电出版社2.参考资料《Photoshop商业网站设计》武汉格莱科技有限公司主编中国地质大学出版社3.教学手段利用多媒体信息化技术，通过视频、微课、案例分析、在线教学平台等辅助教学手段让学生的学习更高效，师生互动更加密切（四）教学评价1.教学评价思路课程以学生学业质量为导向，结合课程知识、技能、素质要求，探索形成了教师、行业企业专家、学生评价主体相结合，线上线下相结合，诊断性评价、过程性评价、终结性评价、增值性评价相结合的考核与评价模式。2.评价内容与标准表1教学评价说明考核方式过程性考核（50分）终结性考核（50分）增值性评价（10分）平时考勤任务训练网络学习实操考核大赛获奖、职业资格证书获取等分值设定1030105010评价主体教师教师、学生教师、学生教师教师评价方式线上、线下结合线下线上线下线下表2课程评分标准考核方式考核项目评分标准（含分值）过程性考核平时考勤16次考勤，全勤10分，迟到早退一次扣0.4分，请假一次扣0.4分，旷课一次扣1分任务训练选取10次以上任务训练评价，每个任务3分，按时完成任务创新拓展2.