中等职业技术学校《网页UI设计》课程标准 思政标准

网页UI设计课程标准课程类型专业基础学时/学分112/6负责人XXX制订时间202X-9-30系部审核艺术设计系教务处审核第一部分课程定位与设计一、课程性质《网页UI设计》课程是艺术设计专业(视觉传达设计方向)内一门与“1+X证书”课证融通开发的专业核心课程，是根据IT互联网企业、互联网转型的传统型企事业单位、政府部门等的信息化数字化部门对界面设计岗位的要求，按照工学结合的教学理念系统化转化而来的理实一体化课程。二、课程作用《网页UI设计》课程是艺术设计专业(视觉传达设计方向)重要的专业核心课程。针对UI界面设计岗位的要求，通过对交互设计、视觉设计、动效设计、网页设计等内容的学习，通过在课程实训项目中对所学内容进行运用实践，促使学生达到相应职业技能等级标准，获得独立完成各种类型界面设计的能力。三、前导、后续课程课程名称支撑关系前导课程图形语言基础通过该课程使学生达到以下设计技能要求：了解图形语言的分类及属性；了解图形的功能与意义；掌握图形创意的表现形式与手法，能进行图形创意表达；能提炼和挖掘图形意义，能完成抽象概念的图形化表现。前导课程二维设计通过该课程使学生达到以下设计技能要求：具有基本的平面设计能力；具有基本的色彩设计能力。前导课程字体设计通过该课程使学生达到以下设计技能要求：了解字体的分类，熟知字体的情感特性；了解字体的自然属性，掌握字体单位、字间距、行间距等基本概念；能根据不同的设计主题选择合适的字体；能掌握文字的常用编排方式并有效地传递信息。前导课程版式设计通过该课程使学生达到以下设计技能要求：掌握实用版式设计法则；理解图形与文字的转换方式与编排关系；理解视觉流程的概念，能依据信息的传递需求建立不同类型的视觉流程版式。前导课程AI应用基础PS应用基础通过软件课程的学习，使学生具备了制作界面所必须的图形图像处理能力。四、课程设计的理念和思路（一）课程设计的理念在课程设计、建设和教学实施过程中，贯彻以下教育理念:终身学习：教师从传授者变为引导者，改变以“教”为中心的传统的教学方法，转为以“学”为中心，把学生转变为教育自己的主体，自主进行学习，教师是学习的组织者、引导者与合作者。多元智能：在教学中因材施教，关注个体差异，实施有差异的教学，按学生的特点发掘潜能、发展个性，使每个学生都得到充分的发展。在课程学习过程中不让学生再遭遇智慧关闭的经历，让学生体验智慧开启和增加自信的经历。能力本位：以培养完成综合性工作任务的职业能力为课程目标。学生通过对工作过程的系统化学习，在个人实践经验的基础上建构专业系统化知识，完成从初学者到高素质技术技能专门人才的职业能力发展。行动导向：强调“为了行动而学习、通过行动来学习”，工作过程与学习过程相统一，变抽象为具体，变枯燥为有趣。教学以“任务”贯穿始终，遵循“资讯、计划、决策、实施、检查、评估”的完整“行动”过程，让学生在讨论任务、分析任务、操作完成任务的过程中顺利建构真正属于自己的经验和知识体系。课程设计思路在课程设计建设中，贯彻以下设计思路:以职业技能标准为依据，确定“课证融合”的课程方案。课程以“1+X证书”评价组织制定的《界面设计职业技能等级标准》为依据进行设计，覆盖职业技能等级证书所涉及的全部职业能力，同时包含考证前的理论、实训、应试技能的综合辅导。结合职场工作实际，做好课程开发。课程以职业活动为导向，以最大程度的还原实际工作场景与流程为原则进行设计。注重教学内容的先进与实用，通过这门课程将企业工作领域中的新技术、新知识、新工艺引入教学中。设计全面且侧重过程评价的考核方式。从多角度全面综合评价学生的能力，侧重学生行动能力及分析和解决问题能力的考核，鼓励创新能力的展现。考查以上能力与技巧掌握熟练程度、综合运用能力及完成效果的同时，考查学生在任务过程中与他人合作的态度、沟通方式方法以及沟通效果。注重现代教学资源建设和使用，与互联网信息技术深度相结合。教学技术上将基础理论的“平面”讲授与多媒体技术等“立体化”教学手段有效结合应用，同时注重建立学生可进行自主学习、拓展学习的互联网课程资源库。第二部分课程目标一、课程的知识目标了解需求挖掘分析的流程与常用方法了解信息架构梳理分析方法熟知交互框架设计基础知识与工作流程了解不同类型动效在界面中的功能用途理解动效设计的基本原则了解网页动主要构成元素了解网页的不同类型和设计特点二、课程的能力目标掌握产品信息架构的梳理方法掌握交互线框图的绘制方法掌握可用性测试的一般方法能完成视觉设计规范文档的撰写工作掌握原型设计与制作的常用方法掌握AE常用动效制作方法掌握动效参数文档的和动效三大参数的量化掌握网页低保真原型的设计方法掌握网页高保真效果图的制作方法掌握网页切图命名和标注规范三、课程的素质目标尊重交互设计原则广泛了解并尊重用户研究工作，尊重可用性测试提高逻辑思维能力对数据敏感，并具有敏锐的数据可视化触觉培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力培养敬业爱岗、诚实守信的道德规范第三部分课程内容单元名称学习任务名称能力目标相关知识和素质要求绪论课程概述能够依据行业现状与岗位要求制定自身发展规划知识：熟悉课程结构与目标了解行业现状与岗位要求了解界面设计1+X等级证书素质：1. 培养专业工匠精神和团队协作的能力2. 培养敬业爱岗、诚实守信的道德规范用户体验基础能够对产品与服务进行用户体验的评估知识：理解、掌握用户体验的概念熟悉用户体验设计岗位的职责熟悉企业架构与合作岗位熟知工作流程及软件开发模型素质：1. 培养专业工匠精神和团队协作的能力2. 培养敬业爱岗、诚实守信的道德规范第一单元：交互设计术语与模型能够依据目标辨别应当使用的研究类型和方法知识：熟知用户体验研究的各种分类，理解各类研究的优缺点和研究方法素质：广泛了解并尊重用户研究工作提高逻辑思维能力培养分析问题、解决问题的能力用户体验研究能够设计与实施访谈知识：理解定性与定量研究概念理解访谈、问卷与可用性测试概念理解、认识各类常见偏见，了解避免偏见的方法了解与用户共情的方法素质：广泛了解并尊重用户研究工作提高逻辑思维能力培养分析问题、解决问题的能力痛点分析与用户画像能够制作共情图能够制作用户画像知识：熟知用户研究的主要内容了解痛点的概念与分类理解用户画像的概念与作用素质：广泛了解并尊重用户研究工作提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力用户场景与用户体验地图能够构建用户场景与用户体验地图知识：认识用户场景与用户体验地图及其作素质：广泛了解并尊重用户研究工作提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力竞品分析与数据分析能够进行竞品分析知识：熟知竞品分析的作用及不足熟知常用的分析数据素质：提高逻辑思维能力培养分析问题、解决问题的能力对数据敏感需求的陈述、验证、转化能够进行需求验证和转化能够制作产品功能对比表能够排序功能优先级知识：认识5WH分析法理解需求验证和转化概念理解伪解决方案概念素质：提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力结构图与流程图能够制作任务流程图、页面流程图、功能结构图、信息结构图知识：理解信息架构的概念理解流程图与架构图概念认识信息架构架构原则素质：提高逻辑思维能力培养分析问题、解决问题的能力交互设计心理学能够运用交互设计策略与原则设计线框图能够使用Axure软件绘制线框图知识：理解心智模型认识页面框架设计原则、交互设计四策略、部分格式塔法则与其它常用交互设计原则素质：尊重交互设计原则提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力界面逻辑图与原型能够制作界面逻辑图与原型知识：认识界面逻辑图与原型素质：提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力可用性测试能够设计实施可用性测试知识：了解可用性测试的指标理解可用性测试的作用熟知可用性测试方法素质：尊重可用性测试提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力第二单元：视觉设计界面视觉设计基础能够运用设计元素与原则以及格式塔法则设计、优化界面知识：认识移动端界面组成认识界面设计所涉及的元素与设计原则及剩余格式塔法则素质：培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力推导视觉风格能够推导产品视觉风格知识：理解视觉方案与品牌的相互关系素质：培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力图标设计理解并依照图标设计原则进行图标设计知识：认识图标分类及特点、图标设计原则以及图标应用方式素质：培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力倍率与网格系统能够使用网格系统设计页面知识：理解分辨率与倍率相关概念熟知常用分辨率与倍率熟知常用界面布局理解模块化设计与卡片式设计理解网格系统素质：提高逻辑思维能力培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力设计规范能够参考行业标准设计规范撰写设计规范知识：认识设计规范组成熟知iOS与Android设计规范素质：提高逻辑思维能力培养对数字艺术以及界面设计的审美能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力文件交付能够进行交付自查能够规范进行切图与标注知识：熟知交付自查内容认识项目文件命名规范认识切图原理和标注规范素质：提高逻辑思维能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力培养敬业爱岗、诚实守信的道德规范第三单元：动效设计动效设计能够运用AE软件制作界面动效知识：了解界面动效常用表现手法理解动效设计基本原则素质：培养动画艺术的分析和感知能力以及动效的设计能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力文件交付能够输出动效参数文档知识：熟知动效插件理解动效参数文档内容素质：培养动画艺术的分析和感知能力以及动效的设计能力培养分析问题、解决问题的能力培养专业工匠精神和团队协作的能力第四单元：网页设计网页设计基础能够进行网站需求分析能够依照网页布局排版原则设计网页布局能够运用网页栅格进行设计能够依照网页界面设计原则设计网页能够进行网页色彩设计知识：熟知网页主要构成元素认识网页布局排版原则熟知网页常见尺寸、文字规范认识网页界面设计的原则熟知网页设计中的色彩基础知识素质：尊重交互设计原则提高逻辑思维能力培养分析问题、解决问题的能力培养对数字艺术以及界面设计的审美能力培养专业工匠精神和团队协作的能力高保真效果图与交付能够进行网页高保真效果图制作能够进行网页切图和标注知识：理解响应式布局概念理解CSS雪碧图认识静态网页与动态网页的概念认识鼠标的交互模式与状态反馈素质：尊重交互设计原则提高逻辑思维能力培养分析问题、解决问题的能力培养对数字艺术以及界面设计的审美能力培养专业工匠精神和团队协作的能力第四部分课程实施教学组织以每四节课为一基本教学单元，每次教学按照知识教授、任务要求、学生实训、教师辅导、学生讨论、教师讲评等六个环节为教学组织的基本形式，灵活运用下列多种教学方法。体验式教学法：教学做一体化理念组织的基础上，完成各任务，学中做做中学。范例教学法：用图例配合老师讲解，在学生脑海中形成直观、鲜明的映像，从而调动学生对本课程的学习兴趣，了解本课程的学习目标和要求。示范教学法：对学习过程中难点教师进行针对性示范演示。讲授法：，针对工作中所要应用的知识点展开适度的知识点讲授。讨论法：在教学过程中或单元小结时，分小组或各种形式充分展开讨论以期达成全面、高效、优质地完成工作任务。实施条件（一）师资要求1.课程组教师3人、专业基础课程不需要兼职教师、高级职称30%以上、40岁以上30%。2.课程组负责人要求中级以上职称。3.课程组主讲教师均为专任教师，均为本科以上学历、取得职业证书50%以上、企业工作经历40%以上、“双师素质”50%以上、均通过学院的职业教育教学能力评估。（二）设备要求实训室，投影机，数码工具学生自备第五部分课程考核方案一、学业考核（一）考核内容：1.过程性考核内容：以学生在学习过程中对相关知识掌握与应用、设计过程中创新思维能力提升、专业化设计水平及综合素养形成等为依据进行学业评价。2.水平性（学业成果）考核内容：以学生设计作品的规范化、标准性、审美效果、创新性等为依据进行评价。同时，将课程中对接的1+X职业资格证书标准纳入水平性评价体系。3.课程考勤（二）评价方式：客观题评价：采用客观题测试的方式评价。学生自评：采用学生小组自评、互评的方式。教师评价：客户（第三方评价）、教师、企业专家共同参与评价与反馈。二、教学评价针对授课教师的评价学生评价60%系（部）评价40%采用《课程教学学生评价意见》调查表进行定量调查的方式进行学生评价由教学督导和系评价小组对教学环节进行定期或不定期的测评针对课程的评价系（部）评价50%企业专家评价30%毕业生评价20%由教学督导和系评价小组对课程进行定期或不定期测评邀请企业专家定期对学生的工作态度和专业能力进行测评，全面了解课程设计及实施效果邀请毕业生回校座谈，本课程在工作中是否有作用，与本课程有关的能力哪些方面需要加强或减弱。第六部分课程资源的开发与利用教材的使用及建设《界面设计（中级）》高等教育出版社《界面设计（初级）》高等教育出版社主体教材的使用及建设全课程电子课件全课程教案促进学生主动学习的扩充性资料的建设及使用《在你身边为你设计Ⅲ》、《精益设计》等参考书目CNKI数字图书馆提供的与课程相关的丰富文献资料提供网络教学资源：腾讯ISUX网站腾讯CD