基于HTML5技术的移动端广告设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
１ ＨＴＭＬ５ 技术特点
相比于 Native APP 而言，以 HTML5 为核心的 Web 页面 具有轻便化的优势，可以在较短的时间内对新内容做出反应。 HTML5 标准具有“富交互、富体验、重内容与跨平台”等 要求，并对 HTML4 技术进行了大量的优化，降低了 Web 页 面的开发难度。实际上，HTML5 技术特点包括以下几个方面。
Abstract: With the development of mobile terminal technology and broadband wireless access technology, mobile advertising design not only improves the user experience, but also changes the user's Internet usage habits, and promotes the development of mobile advertising design based on HTML5 technology, which greatly facilitates the memory and recognition of users and designers. At the same time, HTML5 advertising has effectively broken all kinds of design boundaries, linking all kinds of art forms of advertising together, bringing different sensory experience to users. This paper will introduce the characteristics of HTML5 technology and mobile advertising design principles, and explore the mobile advertising design countermeasures based on HTML5 technology, in order to better improve the quality of mobile advertising design.
Key words: HTML5 technology; mobile advertising; creative principles
０ 引言
传统服务和信息获取方式已无法满足时代发展的需求； 而移动互联网提高了信息获取的便携性、便利性及快速性。 HTML5 标准在 2014 年 10 月正式推出，彻底颠覆了 PC 端互 联网的格局，优化了移动互联网的用户体验，在此基础上诞 生了以 HTML5 技术为主体的移动端广告设计。HTML5 广告 设计除了视觉效果外，还从触觉、听觉等方面为用户提供不 一样的体验和感受。
关键词：HTML5 技术；移动端广告；创意性原则 中图分类号：J524.3 文献标识码：A 文章编号：1003-9767（2019）01-128-03
Mobile Advertising Design Based on HTML5 Technology
Li Yi, Liu Daxin
(Harbin Vocational and Technical College, Harbin Heilongjiang 150081, China)
第一，跨平台性。HTML5 技术提供了开放式结构，能够实 现应用与数据的有效接入，开发者无需考虑浏览器与设备内 部数据联通问题。基于 HTML5 技术构建的站点与应用可以 兼容安卓系统、IOS 系统、Windows 系统等，只需要设计者 编辑一次程序，就能够将 HTML5 技术移植到不同开放平台 上，既能够降低开发和运营成本，又能够给企业营造更多的 发展空间。第二，支持更多的多媒体元素。在 HTML5 技术 发展过程中，Audio/Video 可以为其提供强大的多媒体支持， 降低了 Web 页面开发对于视频混排、文字与音频的压力，用 户无需在页面上安装任何插件，直接播放视频和声音文件。 在设计诸如微博类、新闻类、社交类应用等内容时，设计师 还可以实现文字使用与多媒体混排，比原生开发更具优势。 第三，支持本地储存。与 Native App 相比，基于 HTML5 技 术开发的 Web 页面所需要的启动时间较短，且联网速度更 快，主要是由于 HTML5 技术支持本地储存功能。在应用过
作者简介：李怡 (1977—)，女，黑龙江哈尔滨人，本科，副教授。研究方向：网页制作、前端开发。
— １２８ —
2019 年第 1 期
信息与电脑 China Computer & Communication
软件开发与应用
程中，不需要下载软件，而且再次打开网页时能够在短时间 内恢复数据，有效降低了网络流量，在手机等移动媒体中得 到了广泛应用。第四，三维效果。基于 Canvas、Web GL、 SVG 及 CSS3 的 3D 功能，能够使开发者开发出更加清晰的 Web 页面布局，在浏览器中用户可以体验到更加惊艳的视觉 效果。同时，Canvas 的应用编程接口可以为用户提供数十个 方法，以确保 Web 绘图功能的实现，在使用 Canvas 标签的 Web 应用过程中，用户可以动态生成各种动画和图形图像， 借助 Web GL 技术方案，能够完成对复杂数据的有效处理， 使三维的立体效果呈现在页面上。Canvas 和 Web GL 的出现 可以确保 Web 应用独立完成绘图和渲染操作，使页面效果变 得更加丰富。
软件开发与应用
信息与电脑 China Computer & Communication
基于 HTML5 技术的移动端广告设计
百度文库
2019 年第 1 期
李 怡 刘大欣 （哈尔滨职业技术学院，黑龙江 哈尔滨 150081）
摘 要：随着移动终端技术和宽带无线接入技术的发展，移动端广告设计不仅能够提升用户体验，而且使得用户上 网的使用习惯发生了改变，并推动了基于 HTML5 技术的移动端广告设计发展，极大地方便了用户与设计者的记忆和认知。 HTML5 广告打破了各种设计界限，将各种艺术表现形式的广告串联在一起，给用户带来不一样的感官体验。基于此，对 HTML5 技术的特点和移动端广告设计原则进行了介绍，并探究了基于 HTML5 技术的移动端广告设计对策，以更好地提高 移动端广告设计质量。
相比于 Native APP 而言，以 HTML5 为核心的 Web 页面 具有轻便化的优势，可以在较短的时间内对新内容做出反应。 HTML5 标准具有“富交互、富体验、重内容与跨平台”等 要求，并对 HTML4 技术进行了大量的优化，降低了 Web 页 面的开发难度。实际上，HTML5 技术特点包括以下几个方面。
Abstract: With the development of mobile terminal technology and broadband wireless access technology, mobile advertising design not only improves the user experience, but also changes the user's Internet usage habits, and promotes the development of mobile advertising design based on HTML5 technology, which greatly facilitates the memory and recognition of users and designers. At the same time, HTML5 advertising has effectively broken all kinds of design boundaries, linking all kinds of art forms of advertising together, bringing different sensory experience to users. This paper will introduce the characteristics of HTML5 technology and mobile advertising design principles, and explore the mobile advertising design countermeasures based on HTML5 technology, in order to better improve the quality of mobile advertising design.
Key words: HTML5 technology; mobile advertising; creative principles
０ 引言
传统服务和信息获取方式已无法满足时代发展的需求； 而移动互联网提高了信息获取的便携性、便利性及快速性。 HTML5 标准在 2014 年 10 月正式推出，彻底颠覆了 PC 端互 联网的格局，优化了移动互联网的用户体验，在此基础上诞 生了以 HTML5 技术为主体的移动端广告设计。HTML5 广告 设计除了视觉效果外，还从触觉、听觉等方面为用户提供不 一样的体验和感受。
关键词：HTML5 技术；移动端广告；创意性原则 中图分类号：J524.3 文献标识码：A 文章编号：1003-9767（2019）01-128-03
Mobile Advertising Design Based on HTML5 Technology
Li Yi, Liu Daxin
(Harbin Vocational and Technical College, Harbin Heilongjiang 150081, China)
第一，跨平台性。HTML5 技术提供了开放式结构，能够实 现应用与数据的有效接入，开发者无需考虑浏览器与设备内 部数据联通问题。基于 HTML5 技术构建的站点与应用可以 兼容安卓系统、IOS 系统、Windows 系统等，只需要设计者 编辑一次程序，就能够将 HTML5 技术移植到不同开放平台 上，既能够降低开发和运营成本，又能够给企业营造更多的 发展空间。第二，支持更多的多媒体元素。在 HTML5 技术 发展过程中，Audio/Video 可以为其提供强大的多媒体支持， 降低了 Web 页面开发对于视频混排、文字与音频的压力，用 户无需在页面上安装任何插件，直接播放视频和声音文件。 在设计诸如微博类、新闻类、社交类应用等内容时，设计师 还可以实现文字使用与多媒体混排，比原生开发更具优势。 第三，支持本地储存。与 Native App 相比，基于 HTML5 技 术开发的 Web 页面所需要的启动时间较短，且联网速度更 快，主要是由于 HTML5 技术支持本地储存功能。在应用过
作者简介：李怡 (1977—)，女，黑龙江哈尔滨人，本科，副教授。研究方向：网页制作、前端开发。
— １２８ —
2019 年第 1 期
信息与电脑 China Computer & Communication
软件开发与应用
程中，不需要下载软件，而且再次打开网页时能够在短时间 内恢复数据，有效降低了网络流量，在手机等移动媒体中得 到了广泛应用。第四，三维效果。基于 Canvas、Web GL、 SVG 及 CSS3 的 3D 功能，能够使开发者开发出更加清晰的 Web 页面布局，在浏览器中用户可以体验到更加惊艳的视觉 效果。同时，Canvas 的应用编程接口可以为用户提供数十个 方法，以确保 Web 绘图功能的实现，在使用 Canvas 标签的 Web 应用过程中，用户可以动态生成各种动画和图形图像， 借助 Web GL 技术方案，能够完成对复杂数据的有效处理， 使三维的立体效果呈现在页面上。Canvas 和 Web GL 的出现 可以确保 Web 应用独立完成绘图和渲染操作，使页面效果变 得更加丰富。
软件开发与应用
信息与电脑 China Computer & Communication
基于 HTML5 技术的移动端广告设计
百度文库
2019 年第 1 期
李 怡 刘大欣 （哈尔滨职业技术学院，黑龙江 哈尔滨 150081）
摘 要：随着移动终端技术和宽带无线接入技术的发展，移动端广告设计不仅能够提升用户体验，而且使得用户上 网的使用习惯发生了改变，并推动了基于 HTML5 技术的移动端广告设计发展，极大地方便了用户与设计者的记忆和认知。 HTML5 广告打破了各种设计界限，将各种艺术表现形式的广告串联在一起，给用户带来不一样的感官体验。基于此，对 HTML5 技术的特点和移动端广告设计原则进行了介绍，并探究了基于 HTML5 技术的移动端广告设计对策，以更好地提高 移动端广告设计质量。