H5页面创意设计

认识H5
什么是H5
1.1.1H5的特点
1.1.2 H5的类型
1.1.3 H5的行业应用
1.1.4H5的页面风格
1.2H5页面制作流程和规范
1.2.1 H5页面制作基本流程
1.2.2 H5页面设计规范
1.2.3H5页面作品赏析
1.3 H5页面制作工具
1.3.1常见的H5页面制作工具
1.3.2 H5辅助设计工具
1.3.3学会利用AIGC工具
模块2H5页面设计基础
2.1 H5页面色彩搭配
2.1.1色彩三要素
2.1.2色彩的感知
2.1.3 H5页面配色方法
2.1.4好用的配色工具
2.2H5页面版式布局
2.2.1页面视觉动线
2.2.2制造视觉动线
2.2.3理清页面视觉层次
H5页面交互设计
2.3.1交互设计的重要
2.3.2交互设计的元素
交互设计原则?
实战演练利用配色网站更改标志颜色
课后作业
H5页面元素的应用
了解H5页面尺
设置页面图像元素
3.2.1图像的种类.
3.2.2图像选取原则
3.2.3图像获取方式
3.2.4图像的简单处理
设置页面文字元素
3.3.1选择合适的字体
3.3.2 标题与正文的设置
设置H5音频元素
3.4.1常见音频类型
3.4.2音频的获取方式
3.4.3对音行简单处理
3.5设置页面表单元素?
3.5.1页面表单的作用
3.5.2页面表单的设计原则
页面表单的种类?
实战演练制作“用眼知识调查问卷”页面
课后作业
榄块4H5页面动画与的制作
页面常规动效
4.1.1添加页面动效的作用
4.1.2页面动效的类型
4.1.3常规动效的添加与设置
页面创意交互动效
4.2.1一镜到底交互
4.2.2 VR全景交互
4.2.3手指跟随交互
4.2.4重力感应交互
页面视觉
4.3.1页面粒子
4.3.2页面GIF动画
……
投票活动类
6.2.3答题互动类
6.2.4游戏活动类
6.2.5场景营销模拟.
常见H5推广渠道
6.3.1社交平台
6.3.2新媒体平台.
6.3.3 APP小程序平台
二维码推广...
实战演练制作中秋答题活动页面
课后作业
企业招聘H5页面设计与制作
制作企业招聘首页面
7.1.1设置封面页背景
7.1.2设置封面页内容
7.2制作招聘详情页面-
7.2.1制作“关于我们”页面
7.2.2制作“工作环境”页面
7.2.3制作其他页面
7.3为招聘页面添加交互动画
7.3.1添加页面元素动画
7.3.2添加页面切换动画
7.4发布与分享H5招聘页面
H5营销策略常见疑难问题
参考文献
;