页面设计与制作（全彩慕课版）（第2版）课件 第10章 视频动画页面的制作_第1页
页面设计与制作（全彩慕课版）（第2版）课件 第10章 视频动画页面的制作_第2页
页面设计与制作（全彩慕课版）（第2版）课件 第10章 视频动画页面的制作_第3页
页面设计与制作（全彩慕课版）（第2版）课件 第10章 视频动画页面的制作_第4页
页面设计与制作（全彩慕课版）（第2版）课件 第10章 视频动画页面的制作_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

视频动画H5制作视频动画H5拥有强烈的故事情节，加之与情节环环相扣的音效，往往令用户在体验时目不转睛并产生强烈的真实感。本章从实战角度对视频动画H5的项目策划、交互设计、视觉设计以及制作开发进行系统讲解与演练。通过对本章的学习，读者可以对视频动画H5有一个基本的认识，并快速掌握设计制作常用视频动画H5的方法。了解文化传媒行业活动推广H5的项目策划掌握文化传媒行业活动推广H5的交互设计学习目标项目策划交互设计视觉设计制作发布10.1课堂案例——旅游出行行业活动推广H5制作旅行社在春节推出了新加坡七日游旅行套餐，现在想策划一款H5来推广该旅行套餐。在内容上，首先模拟锁屏界面，界面上提示收到微信消息，点击消息解锁进入模拟的微信聊天界面，亲戚分享旅行心情并让我浏览其朋友圈，接着场景转换到模拟的朋友圈界面，开始浏览别人分享的各处景观。最后的页面，点击按钮可以跳转到新加坡七日游的链接了解活动。针对视觉，模拟了锁屏、微信聊天和朋友圈界面，加强了代入感。针对制作，微信聊天以及朋友圈观看会以视频的形式展现，同时浏览朋友圈的视频中也嵌入了很多小视频，使整个H5非常生动。10.1.1项目策划通过前期基本的项目策划，对这支H5的原型进行了梳理，并运用Axure进行了绘制。10.1.2交互设计使用谷歌浏览器登录iH5官网，使用iH5制作旅游出行行业产品介绍H5，使用Photoshop软件制作页面的视觉设计，使用iH5的动效、事件、横幅制作最终效果。10.1.3视觉设计10.1.4制作发布效果图

使用谷歌浏览器登录iH5官网，使用iH5制作文化传媒行业活动推广H5，使用Photoshop软件制作页面的视觉效果，使用iH5的动效、事件、横幅功能制作最终效果。10.2课堂练习——文化传媒行业活动推广H5制作效果图

使用谷歌浏览器登录iH5官网，使用iH5制作电子数码行业品牌推广H5，使用Photoshop软件制作页面的视觉设计，使用iH5的动效、事件、横幅功能制作最终效果。10.3

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论