职称：讲师
单位：青岛黄海学院
部门：艺术学院
“人人爱上H5”—数字广告设计
主讲教师：胡敏
教师团队：共5位
- 王英全
- 李超宇
- 杨丽
- 王蕾
- 孙程文
| 学校： | 青岛黄海学院 |
| 开课院系： | 艺术学院 |
| 专业大类： | 设计学 |
| 开课专业： | 数字媒体艺术 |
| 学分： | 2 |
| 课时： | 32 |
XY课程介绍
在互联网传播领域，H5开启了交互广告时代，也让用户逐渐成为了广告的参与者。我们通过H5的相关设计、精品案例诠释了H5广告所具备的文字、动效、音频、视频、图片和互动调查等各种表现于一体的营销惊喜和新契机。为你网罗互联网霸屏级H5经典案例，解读数字广告艺术。好H5胜过游戏胜过影视大片，我们精挑细选，只为有艺术眼光的你！学完这门课，你将改变对数字广告设计的认识，不出意外的话，你会爱上她！
教师团队
课程章节
4
5
XY课程简介
每一支H5的霸屏都不是偶然。无论是创意的巧妙，还是视觉的惊艳、文案的走心，还是交互的多变，总有一个点能影响到你，并使你自愿参与后分享出去。我们的课程用科学的方法解析H5的生产过程，从形式到内容，从理论到实践，从现象到本质，从场景到人性，条分缕析，层层推进，用匠人精神给用户创造不期而遇的偶然。
“人人爱上H5”—数字广告设计，共分8个章节，结合大量商业案例与课程思政案例，循序渐进带你走进H5的世界。内容包含：一探究竟：初识H5与广告、按部就班：H5的设计流程与规范技巧、循序渐进：H5的内容设计方法、跃然纸上：H5的版面与文字设计要领、千变万化：H5的动态设计方法、不同凡响：H5的声效设计方法、温故知新：H5精品商业案例、小试牛刀：H5课程思政案例。我们以“内容”+“动态演示”+“线下资源”+“社群交流”+“行业文章”的立体教学模式，系统讲解H5设计的常识和规范，以及制作方法和技巧。
XY课程收获
通过学习本课程，你将收获如下内容：
（1）认识什么是H5，以及学到H5的制作常识与技巧；
（2）了解H5的相关工具和规范知识，学会运用与H5相关的各种内容素材库；
（3）学会H5的设计方法，包括排版、文字、动态和声音的设计技巧；
（4）赏析上百个精品H5数字广告案例，涉及商业案例与思政案例等。
XY学习人群
“人人爱上H5”—数字广告设计是一门崭新的课程，课程面向所有数字广告爱好者，今后如果你想从事广告业、互联网业、设计师行业那么这门课程很适合你！
教学资源
| 课程章节 | | 文件类型 | | 修改时间 | | 大小 | | 备注 | |
| 1.1 传统广告怎么了？ |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 697.28MB | |||
|
视频
.mp4
|
2023-10-11 | 190.48MB | |||
|
文档
.pdf
|
2023-10-11 | 1.46MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 1.2 H5究竟是什么？ |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 849.66MB | |||
|
文档
.pdf
|
2023-10-11 | 1.63MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 1.3 H5与未来数码设计 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 785.60MB | |||
|
文档
.pdf
|
2023-10-11 | 827.89KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 1.4 H5是超媒体么？ |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 587.42MB | |||
|
文档
.pdf
|
2023-10-11 | 827.89KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 1.5 H5的优势是什么？ |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 810.10MB | |||
|
文档
.pdf
|
2023-10-11 | 1.68MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 1.6 关于建党100周年的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 979.56MB | |||
|
文档
.pdf
|
2023-10-11 | 517.08KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 2.1 H5常见的类型 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 713.93MB | |||
|
文档
.pdf
|
2023-10-11 | 558.25KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 2.2 H5的设计流程 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 1.02GB | |||
|
文档
.pdf
|
2023-10-11 | 2.07MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 2.3 H5常用设计工具箱 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 678.88MB | |||
|
文档
.pdf
|
2023-10-11 | 1.82MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 2.4 H5页面尺寸设计注意事项 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 483.90MB | |||
|
文档
.pdf
|
2023-10-11 | 985.79KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 2.5 关于新冠肺炎的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 930.47MB | |||
|
文档
.pdf
|
2023-10-11 | 744.26KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.1 认识H5的原型图 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 651.98MB | |||
|
文档
.pdf
|
2023-10-11 | 1.58MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.2 传递情感缔造者：视觉气氛 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 426.59MB | |||
|
视频
.mp4
|
2023-10-11 | 119.05MB | |||
|
视频
.mp4
|
2023-10-11 | 169.63MB | |||
|
文档
.pdf
|
2023-10-11 | 1.71MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.3 打动用户的方法：形式感 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 354.70MB | |||
|
视频
.mp4
|
2023-10-11 | 59.95MB | |||
|
视频
.mp4
|
2023-10-11 | 88.96MB | |||
|
文档
.pdf
|
2023-10-11 | 1.37MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.4 流量爆款点燃者：参与感 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 338.79MB | |||
|
视频
.mp4
|
2023-10-11 | 126.78MB | |||
|
视频
.mp4
|
2023-10-11 | 504.32MB | |||
|
文档
.pdf
|
2023-10-11 | 1.38MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.5 常见的交互手段 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 763.41MB | |||
|
文档
.pdf
|
2023-10-11 | 2.31MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.6 创意的视觉表现（上） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 589.93MB | |||
|
文档
.pdf
|
2023-10-11 | 1.58MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.7 创意的视觉表现（下） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 608.17MB | |||
|
文档
.pdf
|
2023-10-11 | 1.68MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.8 万能的视觉表现：插画 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 624.03MB | |||
|
文档
.pdf
|
2023-10-11 | 1.24MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 3.9 关于小康社会的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 477.57MB | |||
|
文档
.pdf
|
2023-10-11 | 355.59KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.1 H5与平面设计的版式区别 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 303.40MB | |||
|
文档
.pdf
|
2023-10-11 | 710.10KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.2 H5版面设计要领 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 820.55MB | |||
|
文档
.pdf
|
2023-10-11 | 3.34MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.3 你需要重新认识文字 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 789.66MB | |||
|
文档
.pdf
|
2023-10-11 | 1.44MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.4 改变你的排版习惯 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 465.86MB | |||
|
文档
.pdf
|
2023-10-11 | 834.27KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.5 H5的标题设计 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 438.98MB | |||
|
文档
.pdf
|
2023-10-11 | 1.42MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 4.6 关于建国70周年的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 1.10GB | |||
|
文档
.pdf
|
2023-10-11 | 489.35KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 5.1 关于动效，你要清楚一些事情（上） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 709.59MB | |||
|
文档
.pdf
|
2023-10-11 | 1.65MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 5.2 关于动效，你要清楚一些事情（下） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 717.53MB | |||
|
文档
.pdf
|
2023-10-11 | 744.34KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 5.3 H5动效的主要类型和实现方法 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 489.57MB | |||
|
文档
.pdf
|
2023-10-11 | 720.11KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 5.4 动效在H5中的实际运用 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 658.55MB | |||
|
文档
.pdf
|
2023-10-11 | 467.51KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 5.5 关于改革开放40周年的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 844.36MB | |||
|
文档
.pdf
|
2023-10-11 | 510.30KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 6.1 你一直在忽略的声音 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 347.38MB | |||
|
文档
.pdf
|
2023-10-11 | 1.02MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 6.2 H5的背景音效 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 1.02GB | |||
|
文档
.pdf
|
2023-10-11 | 1.05MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 6.3 H5的辅助音效 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 315.67MB | |||
|
文档
.pdf
|
2023-10-11 | 803.60KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 6.4 声效的采样 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 535.15MB | |||
|
文档
.pdf
|
2023-10-11 | 2.12MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 6.5 关于脱贫攻坚战的H5 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 1.09GB | |||
|
文档
.pdf
|
2023-10-11 | 352.03KB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 7.1 大众点评：我们之间就一个字 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 1.08GB | |||
|
文档
.pdf
|
2023-10-11 | 1.38MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 7.2 网易：人生必做100件事 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 811.20MB | |||
|
文档
.pdf
|
2023-10-11 | 1.16MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 7.3 阿迪达斯：罗斯绝不凋零 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 754.28MB | |||
|
文档
.pdf
|
2023-10-11 | 2.71MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 7.4 雀巢：解忧小剧场 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 757.94MB | |||
|
文档
.pdf
|
2023-10-11 | 2.07MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 8.1 H5创作背景 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 448.68MB | |||
|
文档
.pdf
|
2023-10-11 | 2.47MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 8.2 H5设计思路 |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 593.25MB | |||
|
文档
.pdf
|
2023-10-11 | 1.85MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 8.3 H5实现技术指引（上） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 225.77MB | |||
|
文档
.pdf
|
2023-10-11 | 518.92KB | |||
|
视频
.mp4
|
2023-10-11 | 174.81MB | |||
|
作业
.work
|
2023-10-11 | -- | |||
| 8.4 H5实现技术指引（下） |
附件
.${file.extension}
|
2023-10-11 | -- | ||
|
视频
.mp4
|
2023-10-11 | 236.42MB |
附件