《H5设计H5 Desig1》教学大纲

H5设计H5Design课程总学时:48总学分:3实验学时:32适用对象：本科生一、基本信息课程代码：实验课程名称:H5设计英文名称:H5Design二、实验课程的性质与任务《H5设计》实验课是配合《H5设计》课程教学而设置的实验课程。H5设计是新媒体在移动端的社会化呈现，具有移动网络无限传播、多种媒介融合、人机交互的特征，它不仅是视觉表达，还综合了视觉、听觉、交互的因素，在学习理论知识的基础上，进行实验课程专题训练，有利于增强学生的感性认识，更好地理解和利用理论知识。掌握当今前沿的数字媒体艺术表现手段，能熟练运用数字技术、互动硬件设备及数码设计软件，在科技与艺术日益融合的发展趋势中，具备数字媒体、交互设计与数字影像设计的能力和创新精神，成为跨领域、跨媒体的设计人才。《H5设计》实验课程注重对各专业领域如视觉表达、版式设计、字体设计、动效设计、声效设计等知识的整合和综合应用。三、实验教学目的与要求通过实验课程的学习，使学生加深对H5的理论概念、设计流程和规范的理解，掌握H5的设计方法与技能，并能够完成出具有原创性的设计。设置综合性、设计性实验，目的是培养学生的专业思维能力和实践能力。要求学生掌握H5常用设计软件的操作，设计画面元素、剪辑视频和声音进行H5设计效果演示，具备H5的设计能力。四、实验项目、内容提要与要求序号实验名称实验类型实验时数实验者类别实验目的每组人数实验内容提要教学方法教学要求备注实验一H5的设计流程验证性实验2本科培养专业思维能力3秩序和规范是进行系统化工作的保障，H5设计有其设计流程和规范。学生在实验中观察分析H5案例在每个设计环节中的体现，作分析验证。通过本实验掌握H5的设计流程：1.了解需求，选好方向；2.确定表现形式；3.设计表现；4.开发执行；5.数据总结分析。案例分析实践掌握实验二H5常用设计工具的使用设计性实验2本科培养实践能力3H5是目前涵盖领域最广的一种传播媒介，涉及到的设计工具也是很庞杂的，学生要根据自己的专业优势掌握技能。学生在实验中操作设计工具，熟悉设计H5的功能。课堂实验实践掌握实验三无代码类H5生成操作设计性实验1本科培养实践能力3无代码生成H5是指互联网上的H5页面生成工具，由大量工程师开发而来，专门为没有前端资源的设计师提供辅助。学生在实验中把设计好的素材上传到第三方平台服务器，进行编辑和发布。通过实验掌握无代码类H5生成的基本操作：1.选择模版；2.布局页面；3.添加和编辑素材；4.预览和发布作品。课堂实验实践掌握实验四H5原型图设计性实验2本科培养实践能力3在互联网相关领域，原型图是互联网产品执行前的框架样式。在实验中，要求学生利用原型图将产品的需求转化到页面的设计草稿，将页面的模块、元素、人机交互等形式用图形和线框等描述出来。课堂实验实践掌握实验五H5画面表现设计性实验2本科培养实践能力3画面表现直接关系到原型图的构思和规划，是具体执行的第一步，是学生上手H5设计的开始。通过实验掌握H5设计的画面表现的三个层面：1.视觉气氛2.形式感3.参与感课堂实验实践掌握序号实验名称实验类型实验时数实验者类别实验目的每组人数实验内容提要教学方法教学要求备注实验六H5版式设计设计性实验2本科培养实践能力3在本实验中，学生对比分析H5与平面设计的版面差异，培养画面焦点意识，在H5版式设计中做到页面视觉的平衡，创造清晰明确的层级。课堂实验实践掌握实验七H5文字设计设计性实验2本科培养实践能力3文字设计是H5设计必不可少的一个环节，文字设计不仅仅是字体字形的设计，还包括文字排版、文案设计、具体描述等因素。通过实验训练学生文案创作的创意思维。课堂实验实践掌握实验八H5动效设计设计性实验2本科培养实践能力3学生在实验中观察分析H5动效设计的实际运用，作分析验证。通过本实验掌握动效优化内容的作用：1.动效串联内容更有条理；2.交互的动效更有感染力；3.动效带来情感共鸣；动效的层级与节奏。课堂实验实践掌握实验九H5声效设计设计性实验1本科培养实践能力3在实验中体会H5声效的作用和种类，通过实验掌握声效设计的概念和应用，在实验中收集音效素材。课堂实验实践掌握实验十H5设计综合实践设计性实验18本科培养实践能力3在本实验中要求学生运用H5的设计方法，形成整合原型绘制、内容表达、版式设计、文字设计、动效设计、声效设计等多个部分于一体的设计思维，进行综合设计实践。课堂实验实践掌握注：实验类型在“认识实验、验证性实验、基本操作、综合性实验、设计性实验”等中选择五、考核办法和成绩评定标准考核办法：考查和记录学生对待实验的态度是否认真；实验设计是否合理；所有实验内容是否完成；操作是否正确和熟练；实验结果是否真实。每次实验随时记录以上内容作为考核依据之一。最后结合实验报告记录给出每次的成绩。成绩评定标准：实验课成绩单独按100分记录成绩。凡实验成绩不及格者，该门课程必须重修。学生的实验成绩应包括平时的实验设计和操作，一般占总成绩的60%。六、实验指导书刘欢《HTML5基础知识、核心技术与前沿案例》人民邮电出版社，2016石丹《创意无间--HTML5微场景设计指南》电子工业出版社，2016苏杭《H5+移动营销设计宝典》清华大学出版社，2017