2016高职职业院校技能大赛项目方案申报书ui设计与应用

附件2016年全国职业院校技能大赛竞赛项目方案申报书赛项名称： UI设计与应用 赛项组别： 中职组 高职组n专业大类： 电子信息 方案设计专家组组长： 肖永亮 专家组组长手机：方案申报单位（盖章）：中国职业技术教育学会教学工作委员会 方案申报负责人： 刘立新 联系手机： 邮箱号码： liulx 通讯地址： 北京市朝阳区富盛大厦1座16层 邮政编码： 100029 申报日期： 2015年8月25日 2016年全国职业院校技能大赛竞赛项目方案一、赛项名称（一）赛项名称UI设计与应用UI即User Interface(用户界面)的简称。UI设计包含了人机交互、操作逻辑、界面美观的整体设计。（二）压题彩照一张反映赛项特点的彩色照片，照片像素不少于32642488。（三）赛项归属产业类型电子信息产业（四）赛项归属专业大类计算机网络技术590102计算机多媒体技术590103计算机信息管理590106网络系统管理590107软件技术 590108图形图像制作590109数据通信与网络系统59011网站规划与开发技术590112游戏软件 590113软件开发与项目管理590116网络数字媒体 590123网络软件开发技术590124信息技术开发与服务590127下一代网络技术及应用590132计算机平面设计590134图文信息技术590209信息技术应用590216智能手机软件应用技术590243移动互联网应用技术590357二、赛项申报专家组姓名单位专业职务/职称年龄手机号码邮箱杨进教育部职业技术教育中心研究所职业教育所长53王军伟中国职教学会教学工作委会主任/中国职教学会教材工作委员会主任/教育部中等职业学校专业教学标准制订工作专家组顾问/教育部中等职业学校公共基础课教学大纲修订专家组成员/教育部中等职业学校专业目录修订工作专家组成员/高等教育出版社原副总编辑职业教育高级6513701116333肖永亮北京师范大学艺术与传媒学院数字媒体教授、博导5913683315632L徐迎庆清华大学美术学院信息艺术设计系信息艺术设计系主任、教授5613910687556吴小华中国美术学院上海设计学院艺术设计院长、教授5218958002528163费广正中国传媒大学动画与数字艺术学院计算机应用教授4318600981098高盟北京邮电大学数字媒体学院数字媒体副教授3818618386138G王巍寅中国传媒大学动画与数字艺术学院艺术设计讲师311368126869215474691周权虎北京城市学院职教学院教师艺术设计讲师2913241453814三、赛项目的通过竞赛，检验参赛选手的UI设计的基础技能知识以及与作为新兴技术与传统产业结合带动新的生产力发展等的规划能力和制作能力、设备配置与连接能力、创意设计的想象力、创造力，适应飞速发展的“互联网+”和“创意+”的产业状态；同时，通过竞赛，也是检验参赛选手对UI设计过程中所使用的软硬件产品的故障排除和验证能力、应用的接入与测试能力、技术文档阅读和应用能力、制作流程中的分析和处理能力、组织管理与团队协调能力等等多方面的综合能力；进一步引导高职院校关注UI设计与应用的产业发展以及打造创意核心竞争力的新媒体技术发展趋势和产业应用方向，引导教师在教学模式和学生评价模式方面的改革，促进教产互动、校企合作，提升职业院校专业学生能力素质与企业用人标准的吻合度。好的UI设计不仅是让人机交互界面变得有个性有品位，还要让人机交互操作变得舒适简单、自由，充分体现设计师所设计产品（或界面）的定位和特点。UI从字面上看是用户与界面两个部分组成，但实际上非常重要的是通过设计改善用户与界面之间的交互关系。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。在飞速发展的电子产品和互联网的人机交互界面设计中，很多评价都具有当前的创意经济、体验经济的特点即来源于终端用户的感受。通过规范的国家级的职业技能大赛，不仅可以检验学生掌握专业技能的综合水平，也促进梳理和转化教学成果，并进一步为教学实践和选拔优秀人才建立长效机制。这些都是UI设计与应用作为操作技能和实战技能的自身特点所要积极关注和配套教学的；通过规范化与市场需求紧密结合而设计的大赛，对完善专业建设和教学改革都会起到良好的促进作用。四、赛项设计原则（一）一方面，采用领先活跃的“互联网+”和“创意+”的产业思维模式，本着尊重科学、遵循教学规律以及结合当前领先技术和实际市场需求，设计全套工作流程式的赛项，全面考察学生在压力管理、时间管理、工程实战、职业道德和创意能力等多个方面。另一方面，在赛项过程细分环节上，做到递进式精细化能力考查设置和评判体系，最大限度做到公开、公平、公正的考查结果。 （二）随着我国互联网技术和数字媒体技术的发展，以及国家对文化创意产业和软件等现代服务业的高度重视，这些领域对人才的需求也急剧扩大，例如：网店装修师，这在2003年以前基本上还是空白职业群体，而商务部公布2014年电子商务交易额(包括B2B和网络零售)达到约13万亿元，同比增长25%，而大量的电商平台和网商都需要“网店装修师”这一岗位人才。该岗位月薪可达6000-8000元左右；而且适合设计团队工作室创业，年度设计服务额可以到达30-50万元。充分表现了该领域的工作岗位具有高增值、强辐射、低消耗、广就业、软渗透的属性。而从前期教育领域人才培养和人才积累来看，鉴于技术的更新和产业的新建，人才缺口是非常大的。通过该赛项的设置和大赛的举办，为填补产业人才需求和完善岗位职业技能，引导学生优质就业都具有重要的实际意义。从前期职业院校开设的相关专业来看，例如平面设计、网页设计以及数字视音频编辑和计算机软件技术以及网络技术基础等多种专业，都为实现赛项开展铺垫了知识和技能基础，也铺设了教学通道，就是要更新教学方案，再将当下市场需求和领先技术与已经开展学习的基础知识和技能整合、规划、系统地训练和引导，就会为崭新的岗位设计和需求带来丰硕的教学与实践成果以及人才的选拔和输送。由此开展UI设计与应用赛项，满足了赛项关联职业岗位面广、人才需求量大、职业院校开设专业点多的条件。（三）针对UI设计也应用赛项所对应的数字媒体和文化领域，优选具有国际视野、国内顶尖的优秀专家，同时广泛征求和听取行业实战专家和一线优秀设计师的意见，力求赛项设计的竞赛内容与实际工作流程职业岗位或岗位群对应；在比赛流程设计上，充分贯彻工作流的工程化导向，能够体现专业核心能力与核心知识，也涵盖了丰富的专业知识和技能点。（四）一方面，在比赛赛题设计与软硬件竞赛平台方面，选择技术领先、国际通行且在实际工作中稳定成熟的平台。另一方面，在比赛训练和比赛期间，所使用的软硬件工具与平台，在赛后依然能够正常使用，一般创意工具可以使用2-3年正常寿命，并且也是专业学习和专业技能训练中经常使用到的；另一方面，持续产生的教学成果和校企合作成果，也是可以对接产业需求，有极大可能带来经济效益和社会效益双丰收的。五、赛项方案的特色与创新点赛项方案的特色与创新点1.注重考查UI设计与应用的工作全流程构建和制作的实战能力。竞赛在内容设计上符合国家当前关于支持“互联网+”和“创意+”的数字媒体技术和文化创意产业的应用以及符合新媒体电商平台在数字网络领域的技术平台的导向，将数字媒体技术的创意设计、产品展示、交互设计等与UI设计有关的作为重点考查内容。根据数字媒体技术在创意内容创意与制作过程中所具备的艺术与技术相结合特点及使用电脑和手绘输入工具的制作要求，针对各参赛选手构建UI界面的制作实际能力，考查学生将互联网技术与创意艺术结合贯通运用的实战能力。2.以应用为导向，把创意设计及制作流程作为关键点，考查了选手的创造力、想象力以及对全流程进程控制的应用部署实施能力。3.注重考查选手在UI设计中能否熟练运用国际主流工具，并对国际设计思潮的专业发展方向和国际数字媒体技术走势能否积极学习和运用到自己的设计和制作中。竞赛在内容设计上充分考虑数字媒体技术特别是与数字艺术创作、工艺设计等相结合的发展趋势，将通过数字虚拟技术的方式构建应用服务，一方面可使选手掌握数字媒体技术领域的软硬件设备的配置和使用，另一方面可以使竞赛过程中数字媒体技术工作流搭建环境得到良好的保障，减轻承办校准备大量客户端的压力。4.结合岗位需求，突出创作设计的实践与制作技术的规范。竞赛将充分体现工学结合的原则，结合中小企业及新兴产业的岗位需求特点，以真实的数字媒体技术项目作为基础，采用行业的先进技术、主流产品作为竞赛的技术平台和设备，比赛过程按照行业通用规范与标准进行。5.设置新技术、新产品用户体验区。竞赛赛场有条件向参赛师生展示最新技术产品和国内外优秀的UI设计作品，设置专门的展览展示区域，集中展示数字媒体专业的新技术、新产品、新应用，允许参观者亲身体验并安排专家讲解新技术、新产品和新媒体的未来发展趋势等。6.针对选手成绩，设置了分环节评价和完整作品评价两部分按比例评分机制，既可以发现和认可选手在某一具体设计方向上的优势，又可以针对全工作流程结果和综合运用与设计能力做整体评价，对能力发展均衡的选手也是一种肯定。7.为大赛选手的成果配套发布平台和数字出版平台，不仅能够起到汇集和传播优秀成果的作用，对后续参赛选手也是积极学习的材料和榜样，积累起来就是一笔优秀的数字资产。8.引入孵化机制，推进优秀选手进入产业发展。六、竞赛内容简介（须附英文对照简介）UI设计与应用竞赛充分考虑了目前国内数字媒体技术、互联网技术特别是移动互联网技术的发展，采用国际国内主流的、领先的软硬件工具和平台，结合国内特色文化创意内容而设置。从素材选取和整合，考察选手对工作流程的熟悉程度以及对整体工作的全局观；从界面细节到基于网页和手机界面的设计，考察选手UI界面美化设计和创意能力；从界面美工到发布到网页以及手机页面，考察选手对于互联网基础知识的掌握和对数字媒介的载体形式掌握。The contest of UI (user interfaces) design and application is set up with sufficient consideration of the domestic technology development in digital media, internet and mobile internet in particular, by adopting international mainstream hardware and software tools and platforms, combined with characteristic creative culture contents of China.The participants will be examined on various aspects in workflow familiarity degrees and global view of whole process via footage selections and integration, in UI design perfection and creation abilities via the interface details and webpage and mobile phone interface based designs, and in the understanding of basic internet knowledge and mastering of the digital media storage forms.七、竞赛方式1、竞赛方式为个人赛，比赛时间为240分钟。2、参赛选手仅限于2016年在籍中职学生。五年制高职一至三年级（含三年级）学生可参加比赛。参赛选手不限性别，年龄须不超过25周岁，即1991年7月1日后出生。3、比赛采取个人赛方式进行，以各省、自治区、直辖市，为单位组队参赛。每队限报4名选手参赛，同一个学校不得超过2名选手。4、预赛阶段比赛形式和内容由各省、自治区、直辖市自主确定，并推荐代表队参加决赛。决赛由2016年全国职业院校技能大赛统一组织。鼓励各省组织省赛，组织本赛项省级选拔赛的省份，经大赛执行委员会审查备案，可增加1名参赛选手。5、每名选手限1名指导教师，指导教师须为本校专兼职教师；选手和指导教师的对应关系一经确定不得随意变更。不符合参赛资格的学生不得参赛，一经发现即取消参赛资格。6、暂不邀请境外代表队参赛。八、竞赛时间安排与流程比赛总体时间为3天日期事项安排时间第一天参赛队报到注册选手说明会15:00-15:30熟悉赛场15:30-16:30第二天选手到场7:30检录、二次加密及入场 7:30-8:00赛前30钟准备8:00-8:30比赛时间8:30-12:30在提供的素材库里，选择符合赛题创意需求的素材并按照规定裁剪和编辑成指定的数据大小和格式设计工作筹划（60分钟）根据赛题规定的页面规格，在电脑上完成指定产品或服务的电商网店的设计与装修样式设计工作筹划（120分钟）根据赛题规定的元素，将指定产品的电商网店中的部分元素发布到移动客户端平台上作品发布（60分钟）参赛代表队离场12:30 赛项申诉与仲裁12:30-14:30裁判评分 成绩复核确认 录入上报12:30-22:30第三天闭幕式 成绩公布九、竞赛试题就UI设计与应用赛项，从自身工作流程和方向的特点，在此将赛题分为三个部分，都是动手实操的上机题。第一部分：设计工作筹划（60分钟，满分20分）在提供的素材库里（含产品信息和多种广告语句），选择符合赛题创意需求的素材并按照规定裁剪和编辑成指定的数据大小和格式1、 从提供的素材中，做出基于PC端的网店页面要用到的图片：提供20张图片，自选其中用于产品或服务主题的元素，按照页面宽度647px, 高度不限（建议小于20000px），页面最后以72分辨率RGB模式保存jpg图片,不要压缩质量,最后切图上传即可（单张小于1M）,一般一个页面切四张，要求如下。此张单图数据体积：建议保证图片质量的前提下单图数据体积小于1M；（5分）2、 项目页首屏图（主图,此图不需要出现品牌或者产品名称,只需一句核心广告语和若干几个主要卖点），尺寸 ：650420px，数据体积：小于100k（1分）3、 首页列表图，尺寸：280高( 220 高500，表示宽度为280px，高度可以在220px到500这个区间,此图无文字)，数据体积：小于50k（1分）4、 搜索页入口图：尺寸：280x220(此图无文字)，数据体积：小于50k（1分）5、 预热入口图（此图不需要出现品牌或者产品名称,只需一句核心广告语）尺寸：235*235px ，数据体积：小于50k（1分）6、 头像呈现图(公司品牌logo，或者个人头像)，尺寸：100*100px, 数据体积：小于30k（1分）7、 在提供的音频和视频素材库里挑选素材，并将格式转化为.mp4，音频为.mp3，为合成2分钟的视频做准备，(5分)8、 在提供的素材库里挑选并制作适应移动客户端的背景图尺寸：640*940px, 数据体积：小于500k（5张X1分）第二部分：网商PC端界面设计和手机移动客户端界面设计。根据赛题规定的页面规格，在电脑上完成指定产品或服务的电商网店的设计与装修样式（120分钟，满分40分）第三部分：作品发布，根据赛题规定的元素，首先将PC端用于网店装修的图片素材和视频、音频素材发布到指定的Web服务器（30分钟，满分20分）；再将指定的网店中的部分图片和音频元素发布到移动客户端平台上（30分钟，满分20分）十、评分标准制定原则、评分方法、评分细则1、 评分标准的制定原则竞赛评分严格按照公平、公正、公开的原则2、 评分方法1） 参赛选手成绩由评审委员会统一评定；2） 采取分步得分、累计总分的积分方式，分别计算环节得分3） 参赛选手的得分按各评审分数的算术平均值计分；4） 在竞赛过程中，参赛选手如有不服从裁判判决、扰乱赛场秩序、舞弊等不文明行为的，由裁判长按照规定扣减相应分数，情节严重的取消比赛资格，比赛成绩记0分；5） 竞赛评分细则按照本竞赛规程在竞赛开始7天之前由执行委员会制定。3、 最终成绩成绩部分总分100分，其中各流程环节60分（含UI素材整理、指定元素设计以及发布环节），UI界面设计成型整体效果和技术规范40分。基于竞赛保密性的考虑，竞赛评分细则在竞赛开始前7天由竞赛执委会和命题专家共同制定。十一、奖项设置赛项设参赛选手团体奖，以赛项实际参赛队总数为基础，一等奖占比10%，二等奖占比20%，三等奖占比30%，小数点后四舍五入。获得一等奖的参赛选手，其指导教师由大赛组委会颁发优秀指导教师证书。十二、技术规范目前，鉴于数字媒体、艺术设计以及交互式设计和文化创意领域，新技术不断涌现，设计方向也各不相同，因此还没有设立明确的国家级标准。不过在日常工作中，多以主流的国际国内公司软硬件操作使用作为技能掌握的一个参照指标。这里推荐参照Adobe Creative Suite 5，掌握其中平面设计、网页设计和视音频编辑的工具。同时还需要参照国际通行的互联网领域的基于Http和基于Web的html和移动互联网领域最常用的html5格式的设计制作。十三、建议使用的比赛器材、技术平台和场地要求1、 器材a) 图形工作站：多核CPU，主频2G、内存8G或以上，硬盘500G以上，配备独立显卡、操作系统Windows 7(中文版) 64位、配备不小于19英寸液晶显示器b) 电子绘画板：外形尺寸：320毫米210毫米10毫米技术规格：无线无源的压感笔压力感应：2048级感应区域尺寸：228.6毫米X152.4毫米支持60倾角，坐标精度：0.1毫米分辨率：5080LPI（线/英寸），读取速率：256点/秒功能快捷键：4个（撤销，一键橡皮擦、一键上网、移动画布）可更换笔芯，含5支赠送笔芯，USB接口2、 技术平台比赛操作系统采用Windows 7 64bit操作系统，应用软件采用业界主流的图形图像设计软件和视音频编辑软件。a) 路由器：b) 服务器：用于考题发放和答案收集3、 赛场环境要求：每赛位配备220V电源（带漏电保护装置）和网络端口，电缆线应符合安全要求。每个赛位面积2以上，确保参赛者之间互不干扰，具备至少安排160人的竞赛场地。赛位标明赛位号，并配备竞赛平台和技术工作要求的软、硬件。环境标准要求保证赛场采光(大于500lux)、照明和通风良好；提供若干垃圾箱。 赛场组织与管理员应制定安保须知、安全隐患规避方法及突发事件预案，设立紧急疏散路线及通道等，确保比赛期间所有进入带点车辆、人员需凭证入内；严禁携带易燃易爆物、管制刀具等危险品及比赛严令禁止的其他物品进入场地；对于紧急发生的拥挤、踩踏、地震、火灾等进行紧急有效的处置。 赛场周围要设立警戒线，防止无关人员进入发生意外事件。比赛现场内应参照相关职业岗位的要求为选手提供必要的劳动保护。十四、安全保障（一）成立安全保卫组织机构组委会成立技能大赛赛事安全保卫组。设立组长为赛项安全责任人，以承办校相关安保人员为主要成员。（二）大赛现场保卫赛事期间，为保证赛场秩序和安全，将采取如下措施:1、大赛现场安排专业的安保人员全程执勤，所有进入大赛现场的参观人员，都要服从现场安保人员的引导和指挥，在指定区域内参观。2、参赛车辆，安排指定地点停放。3、现场通道拉上警戒线，防止人员无序流动，影响赛事。4、对现场进行安全检查，保证现场无安全隐患。5、保障疏散通道畅通，以便赛场出现意外时参赛人员迅速撤离。6、做好安全防火工作。灭火设施及器材要保证安全有效。（三）统一安排食宿统一安排同一个酒店住宿，保障住宿安全，统一安排餐饮，保障饮食安全。（四）医务人员值守承办校医务室人员及周边医院医护人员现场值守，提供医疗保障服务，如遇紧急情况将为参赛选手联系120，并协助救治。十五、企业合作意向国内知名网站公司、电商平台公司、数字媒体软硬件产品公司、孵化器公司将于2016年在技术、产品和服务等方面赞助支持技能大赛的组织筹办工作，保障技能大赛顺利举办。其具体支持包括：（一）技术支持承诺提供一系列技术和培训支持，共同参与本赛项的调研、研讨、论证工作，负责比赛设备现场安装调试、比赛现场临时突发事件处理等技术支持，及赛前培训、赛后研讨总结、作品发布支持等一系列相关工作。（二）其他支持根据大赛执委会的工作安排，承接一些力所能及的公益工作。其中数字媒体软硬件产品公司致力于数字媒体领域和支持中国教育事业10余载，曾多次为中国高等院校、职业院校提供数字媒体软硬件设备支持和技术支持。多次参与全国职业院校技能大赛，经验丰富，表现良好。十六、经费预算方案序号项目阶段资金用途费用（万）1方案论证专家论证会议32赛前准备模拟题开发专家费（10名），培训内容整理3全国培训面授约2场1网络约2场13比赛现场场内活动设备运输、安装调试2工作人员服务保障3出题，监考和裁判2获奖选手奖品6场外活动技术展示体验5教师学生论坛2赛事宣传报道34比赛总结总结研讨会65机动费用临时突发事件3小计(单位：万元)40十七、比赛组织与管理赛项成立执委会：整体负责赛项组织筹备工作；负责竞赛方案与赛题设计、赛项命题专家遴选、赛项裁判专家遴选等；承办院校：负责提供赛项场地并协调搭建赛场环境；负责接待赛项参赛院校师生、赛项专家和相关领导；支持企业：负责提供技术指导和现场技术支持。十八、教学资源转化建设方案“以赛促教、以赛促改、以赛促学”是全国职业院校技能大赛的重要目的。将竞赛内容成功转化为可教学化的资源无疑是实现这一目的的重要保障。为此，拟制定如下教学资源转化方案。1、 制作数字媒体技术专业教学资源包：系统地梳理该专业的培养目标、岗位需求、课程体系、核心知识点和最新技术发展。2、 优选获奖作品进入UI设计与应用的大赛案例集：将未来大赛的内容进行分析汇总，形成应用案例，从而使赛题中的行业应用成为日常教学内容的载体。3、 出版数字媒体系列教材：依托大赛，开发一套融入大赛思想，体现新技术、新标准、新应用的实用型系列教材。4、 设置大赛成果网站，接轨国际通行的微课教学模式：将优秀的教学设计、教学成果