《h5设计与制作》 课件 模块一：H5的前世今生_第1页
《h5设计与制作》 课件 模块一：H5的前世今生_第2页
《h5设计与制作》 课件 模块一：H5的前世今生_第3页
《h5设计与制作》 课件 模块一：H5的前世今生_第4页
《h5设计与制作》 课件 模块一：H5的前世今生_第5页
已阅读5页，还剩30页未读， 继续免费阅读

下载本文档

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

文档简介

H5设计与制作修创意设计心法／练动效交互技法第一章H5的前世今生主

讲：罗

玥/重庆工商职业学院／H5的基本概念课程内容／H5的诞生之路H5的基本概念PART1聊几个有关H5的问题H5Why——我们为什么要做H5移动传播特性纸媒用户／是单纯的读者信息传播单向／被动接受／互动少PC用户／通过跟帖与媒体进行简单互动移动用户／通过微博、微信、QQ是内容生产者，社交化传播H5基于Web的产品形态强互动／可监测／跨平台／易传播等优势为了传播而生为了推广宣传内容、活动或品牌而制作为了尽可能最大化地引导用户分享和回流Who——用户是谁70后-85后社交群体核心型用户

85后-95后95后-00后成长型用户

潜力型用户

60%微信用户（15-29岁）每个年轻人平均有100多个好友社交渠道

What——优质H5的评判标准需要具备以下特质主题传播性／热点／点击欲／信息有效／激发想象力视觉表现力／张力／吸引用户在移动环境下停留产品形态及交互体验创新点／简单易用／获得感／愉悦感／情感共鸣／分享意愿12010203第三层级能够引发用户情感共鸣，提升产品的品牌调性第二层级用户的参与感强，分享意愿强第一层级信息传播准确有效到达、交互顺畅舒适成功标准

How——怎么做一个H5产品策划／用户心理／视觉设计／动效运用／交互手段建立一个完整的H5设计思维体系确定制作方向后开始设计H5究竟是什么呢广

义第5代HTML

解码HTML浏览器HTML5简化而来呈现内容H5最显著的优势在于跨平台交

互图

表音

频文

字图

片动

效插

画视

频H5H5的诞生之路PART2／H5发展前史课程内容／H5为何产生／H5阶段性发展“H5发展前史”90年代：前Flash时代的那些事一个不忍直视的网络世界十几年前：Flash来了视频+音频形式风靡网络几年前：如日中天的Flash建站、媒体广告，页游不久以前：移动互联网时代降临Flash将何去何从?AdobeJustTookaBigStepTowardsEndingFlash.2015-12-1“H5何时产生”Newopenstandardscreatedinthemobileera,suchasHTML5,willwinonmobiledevices(andPCstoo).移动时代的新开发标准，如HTML5，将在移动设备（及Pc设备）上获胜。——SteveJobsApril2010乔布斯的伟大预言业界巨头的联合驱动Html5的定稿与修订2014Html诞生2016Html5.1即将问世为什么是2014HTML5元年WiFi普及3G/4G发展“H5的阶段性发展”纯静态页面PPT放在／移动端播放易企秀等模版型第三方平台制作1、最初阶段——“视觉设计”婚礼邀请函

场景和故事直观感受移动端碎片化2、发展阶段——“视觉＋交互

”《史上最长夜班车》

长拉页滑动交互引入游戏游戏脚本设定互动性加强3、引爆阶段——“游戏引擎”《围住神经猫》

沉浸体验式的范游戏类交互式微电影故事创作／影视制作

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

温馨提示

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

最新文档

评论

0/150

提交评论