“人人爱上H5”—数字广告设计
“人人爱上H5”—数字广告设计
1000+ 人选课
更新日期:2026/04/01
开课平台学银在线
开课高校青岛黄海学院
开课教师王英全李超宇杨丽王蕾孙程文
学科专业艺术学设计学类
开课时间2026/03/09 - 2026/06/30
课程周期17 周
开课状态开课中
每周学时-
课程简介

这门课会讲什么?

每一支H5的霸屏都不是偶然。无论是创意的巧妙,还是视觉的惊艳、文案的走心,还是交互的多变,总有一个点能影响到你,并使你自愿参与后分享出去。我们的课程用科学的方法解析H5的生产过程,从形式到内容,从理论到实践,从现象到本质,从场景到人性,条分缕析,层层推进,用匠人精神给用户创造不期而遇的偶然。

“人人爱上H5”—数字广告设计,共分8个章节,结合大量商业案例与课程思政案例,循序渐进带你走进H5的世界。内容包含:一探究竟:初识H5与广告、按部就班:H5的设计流程与规范技巧、循序渐进:H5的内容设计方法、跃然纸上:H5的版面与文字设计要领、千变万化:H5的动态设计方法、不同凡响:H5的声效设计方法、温故知新:H5精品商业案例、小试牛刀:H5课程思政案例。我们以“内容”+“动态演示”+“线下资源”+“社群交流”+“行业文章”的立体教学模式,系统讲解H5设计的常识和规范,以及制作方法和技巧。




你将收获什么?

通过学习本课程,你将收获如下内容:

(1)认识什么是H5,以及学到H5的制作常识与技巧;

(2)了解H5的相关工具和规范知识,学会运用与H5相关的各种内容素材库;

(3)学会H5的设计方法,包括排版、文字、动态和声音的设计技巧;

(4)赏析上百个精品H5数字广告案例,涉及商业案例与思政案例等。




适合什么人学习?

“人人爱上H5”—数字广告设计是一门崭新的课程,课程面向所有数字广告爱好者,今后如果你想从事广告业、互联网业、设计师行业那么这门课程很适合你!


课程大纲

课程章节

  • 一探究竟:初识H5与广告
  • 按部就班:H5的设计流程与规范技巧
  • 循序渐进:H5的内容设计方法
  • 跃然纸上:H5的版面与文字设计要领
  • 千变万化:H5的动态设计方法
  • 不同凡响:H5的声效设计方法
  • 温故知新:H5精品商业案例
  • 小试牛刀:H5课程思政案例

一探究竟:初识H5与广告

1.1 传统广告怎么了?

1.2 H5究竟是什么?

1.3 H5与未来数码设计

1.4 H5是超媒体么?

1.5 H5的优势是什么?

1.6 关于建党100周年的H5

按部就班:H5的设计流程与规范技巧

2.1 H5常见的类型

2.2 H5的设计流程

2.3 H5常用设计工具箱

2.4 H5页面尺寸设计注意事项

2.5 关于新冠肺炎的H5

循序渐进:H5的内容设计方法

3.1 认识H5的原型图

3.2 传递情感缔造者:视觉气氛

3.3 打动用户的方法:形式感

3.4 流量爆款点燃者:参与感

3.5 常见的交互手段

3.6 创意的视觉表现(上)

3.7 创意的视觉表现(下)

3.8 万能的视觉表现:插画

3.9 关于小康社会的H5

跃然纸上:H5的版面与文字设计要领

4.1 H5与平面设计的版式区别

4.2 H5版面设计要领

4.3 你需要重新认识文字

4.4 改变你的排版习惯

4.5 H5的标题设计

4.6 关于建国70周年的H5

千变万化:H5的动态设计方法

5.1 关于动效,你要清楚一些事情(上)

5.2 关于动效,你要清楚一些事情(下)

5.3 H5动效的主要类型和实现方法

5.4 动效在H5中的实际运用

5.5 关于改革开放40周年的H5

不同凡响:H5的声效设计方法

6.1 你一直在忽略的声音

6.2 H5的背景音效

6.3 H5的辅助音效

6.4 声效的采样

6.5 关于脱贫攻坚战的H5

温故知新:H5精品商业案例

7.1 大众点评:我们之间就一个字

7.2 网易:人生必做100件事

7.3 阿迪达斯:罗斯绝不凋零

7.4 雀巢:解忧小剧场

小试牛刀:H5课程思政案例

8.1 H5创作背景

8.2 H5设计思路

8.3 H5实现技术指引(上)

8.4 H5实现技术指引(下)

App 下载
关注我们