“人人爱上H5”—数字广告设计

胡敏

目录

  • 1 一探究竟：初识H5与广告
    • 1.1 传统广告怎么了？
    • 1.2 H5究竟是什么？
    • 1.3 H5与未来数码设计
    • 1.4 H5是超媒体么？
    • 1.5 H5的优势是什么？
    • 1.6 关于建党100周年的H5
  • 2 按部就班：H5的设计流程与规范技巧
    • 2.1 H5常见的类型
    • 2.2 H5的设计流程
    • 2.3 H5常用设计工具箱
    • 2.4 H5页面尺寸设计注意事项
    • 2.5 关于新冠肺炎的H5
  • 3 循序渐进：H5的内容设计方法
    • 3.1 认识H5的原型图
    • 3.2 传递情感缔造者：视觉气氛
    • 3.3 打动用户的方法：形式感
    • 3.4 流量爆款点燃者：参与感
    • 3.5 常见的交互手段
    • 3.6 创意的视觉表现（上）
    • 3.7 创意的视觉表现（下）
    • 3.8 万能的视觉表现：插画
    • 3.9 关于小康社会的H5
  • 4 跃然纸上：H5的版面与文字设计要领
    • 4.1 H5与平面设计的版式区别
    • 4.2 H5版面设计要领
    • 4.3 你需要重新认识文字
    • 4.4 改变你的排版习惯
    • 4.5 H5的标题设计
    • 4.6 关于建国70周年的H5
  • 5 千变万化：H5的动态设计方法
    • 5.1 关于动效，你要清楚一些事情（上）
    • 5.2 关于动效，你要清楚一些事情（下）
    • 5.3 H5动效的主要类型和实现方法
    • 5.4 动效在H5中的实际运用
    • 5.5 关于改革开放40周年的H5
  • 6 不同凡响：H5的声效设计方法
    • 6.1 你一直在忽略的声音
    • 6.2 H5的背景音效
    • 6.3 H5的辅助音效
    • 6.4 声效的采样
    • 6.5 关于脱贫攻坚战的H5
  • 7 温故知新：H5精品商业案例
    • 7.1 大众点评：我们之间就一个字
    • 7.2 网易：人生必做100件事
    • 7.3 阿迪达斯：罗斯绝不凋零
    • 7.4 雀巢：解忧小剧场
  • 8 小试牛刀：H5课程思政案例
    • 8.1 H5创作背景
    • 8.2 H5设计思路
    • 8.3 H5实现技术指引（上）
    • 8.4 H5实现技术指引（下）
动效在H5中的实际运用
  • 1 学习任务单
  • 2 知识点视频
  • 3 课件资料
  • 4 小节测验