《H5+交互融媒体设计》全套PPT课件.pptx

;学习要点：随着舆论生态、媒体格局、传播方式发生深刻变化，数字产品从形态到内容再到传播方式都在不断创新与发展。“融媒体”理念越来越深入普及，这个理念以发展为前提，以扬优为手段，不断变化和迭代。融媒体把传统媒体与新媒体的优势发挥到极致，使单一媒体的竞争力变为多媒体共同的竞争力。现阶段融媒体主要表现为把广播、电视、互联网的优势互为整合，互为利用。比如把广播的迅疾、便捷，电视的直观、立体，互联网的“四个无限”（无限空间、无限时间、无限作者、无限受众）打通，将“我无他有”与“他无我有”的部分兼收并蓄、互为共融。融媒体产品，也是集结了文字、图像、音视频及多种交互技术于一体，具有多终端、多平台、多渠道发布的特点。 ; H5 交互融媒体是基于 HTML5 开发的移动端交互产品，具有跨终端、跨平台、无须本地下载等众多优势。从开发成本来说，开发一个基于 HTML5 的移动站点要比开发一个原生 APP 的成本低很多。原生 APP 包括安卓、iOS、WP 等众多不同的手机系统应用，当手机用户需要使用该应用的时候，就要下载与手机系统相对应的移动应用。但如果是HTML5 应用，不仅仅只是手机，即便是在平板、嵌入式设备等其他智能硬件上，H5 都能很好地自动适应，它是唯一一个可以横跨所有智能设备的技术应用，具有非常广泛的发展前景。 随着移动互联网产业的不断升级，H5 的应用越来越广泛，与场景的结合越来越密切。注重体验、参与交互、强化分享更成为 H5 的设计价值趋向。伴随着 5G 的发展，大数据、云计算将为媒体融合及更深层次的创新应用提供有力支撑，也将涌现出更多形式丰富、传播面广的融媒体产品，为移动交互创意设计及线上线下互动设计开辟新的沃土。 ;;HTML5技术 （HyperText Markup Language）中文直意为“超级文本标记语言” ;HTML5 = HTML + CSS + JavaScript ;; 70万 ;“围住神经猫”，上线微信朋友圈3天的时间便创造了用户500万，访问量超1亿的神话。 ;; 1、用户可视化的选择偏好 碎片化的阅读特点引发用户对可视化效果的追求。海量的信息加上细碎的阅读时间，要求信息必须尽可能地用较短篇幅呈现???富内容，同时具有相当的吸引力。比如，与其看2000字枯燥的新型冠状病毒疫情扩散新闻文本，用户更喜爱用消息直播、数据解读、可视化呈现等方式简明扼要地集纳在一个H5专题里，满足其基本核心内容快速获取的需求。可见，用户对数据可视化、内容微视频化、H5专题化的需求在移动互联网时代大大增加。 ;2、多终端跨平台的应用需求 移动设备的多样化，手机型态持续创新，全面屏、升降摄像头、双面屏到最近的折叠屏，新形态手机给用户带来不一样的操作体验。毫无疑问，在移动互联网的趋向下，多半的用户流量未来还是源于移动端的用户。H5产品的开发，改善了页面多媒体元素的运用问题，无论是动画、视频还是酷炫的交互，不只能够大胆运用这些元素，且无需担忧阅读不流畅的问题，满足了用户多终端跨平台的使用需求，保持产品的稳定性和优秀的体验感。 ;3、社会化媒体的分享要求 当下社交媒体大发展的环境下，用户的社交或者说互动、分享需求更加强烈。用户不仅要获取信息，还要在信息传播中实现社会交往。作为一个需要与他人交流的社会人，用户在交流时有交流内容的需要，不仅要实现与网友之类的弱关系互动，也要完成与自己好友之类的强关系互动。H5产品的社交分享属性既是用户的客观需求，也是产品实现自身市场推广和信息裂变传播的有效方式。 ;4、企业转化引流的选择 H5具有强互动、可监测、跨平台、易传播的特性，是各类公司、机构在移动端对各自品牌、活动、信息等进行宣传推广不可或缺的手段。基于HTML5技术所运用的代码程序相较于传统编程来说要简约得多，产品不仅能给用户一个良好的体验，也能对H5传播过程中的后台数据实时监测。包括访客情况、分享渠道、地域访问量、互动统计、访问设备、访客停留时间、阅读深度等都可以查看的非常清楚。这为后期做数据分析和复盘提供了重要信息，也能很好地把控传播发展方向，遇到问题也可以及时调整，实现有目的的转化和引流。 ;;;1、广告营销类H5;你用16秒找到了青霉素，而人类发现它用了20000余年;;2、新闻报道类H5 ;H5产品创意思维及设计方法 ;;3、教育出版类H5 ;其他行业H5 游戏行业： 文创行业：;4、游戏类H5 ;;;1. APP、H5、小程序概述 （1）APP 是什么 APP 是Application 的缩写，翻译为“应用”，通常专指手机上的应用软件，或称手机客户端。在移动互联网时代，APP 的出现便捷了每个人的生活，同时，APP 开发也开启了每个企业移动信息化的发展。 AP