H5页面设计与制作标准教程(全彩微课版)

H5页面设计与制作标准教程(全彩微课版)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书对H5页面设计与制作的相关知识进行详细介绍。

内容简介

全书共7章,内容涵盖初识H5、H5视觉交互设计技巧、H5页面元素的设计与制作、H5页面动效与活动设计、用易企秀平台制作H5页面,每章内容穿插“动手练”“案例实战”或“新手答疑”板块,以巩固所学知识。最后两章为综合性实操案例,即企业宣传和营销活动典型案例的设计与制作,案例讲解一步一图,即学即用。同时,还专门安排了H5页面营销模式与引流方法等知识内容,以真正做到“授人以渔”。

本书结构合理,所选案例贴合实际需求,实操性强,易教易学,适合H5页面设计者、新媒体页面设计与运营人员阅读使用,也适合高等院校相关专业的师生学习使用,还适合作为社会培训机构的培训用书。

章节目录

版权信息

内容简介

前言

第1章 初识H5

1.1 H5是什么

1.1.1 概念

1.1.2 类型

1.1.3 优势

1.2 常见的H5页面风格

1.2.1 简约风格

1.2.2 科技风格

1.2.3 水墨风格

1.2.4 插画风格

1.2.5 手绘风格

1.2.6 扁平风格

1.3 常见的H5页面制作工具

1.3.1 H5页面快速制作平台

1.3.2 H5页面专业设计平台

1.3.3 H5页面辅助设计工具

1.4 H5页面的制作流程及注意事项

1.4.1 页面的设计规范

1.4.2 页面制作的基本流程

1.4.3 页面制作需注意的细节

QA 新手答疑

第2章 H5视觉交互设计技巧

2.1 页面版式设计技巧

2.1.1 合理的视觉动线

2.1.2 突出页面的主体

2.1.3 厘清页面的层次

2.2 H5页面的色彩设计

2.2.1 色彩的基本常识

2.2.2 H5页面设计常用的配色技巧

2.2.3 实用的配色网站

2.3 H5页面的交互设计

2.3.1 页面交互类型

2.3.2 H5页面的交互设计原则

案例实战:在宣传页面加入弹幕效果

QA 新手答疑

第3章 H5页面元素的设计与制作

3.1 设置H5页面的尺寸

3.1.1 iOS设备的屏幕分辨率及尺寸

3.1.2 Android设备的屏幕尺寸

3.2 H5页面的文字设置

3.2.1 字体

3.2.2 字号

3.2.3 字间距与行间距

动手练 为产品图片添加文字标识

3.3 H5页面的图片设置

3.3.1 图片选择的三个原则

3.3.2 图片的获取途径

3.3.3 图片的处理

动手练 改变产品固有颜色

3.4 H5页面的音频设置

3.4.1 H5页面中常见的音频类型

3.4.2 音频文件的获取方法

动手练 从视频中提取背景乐

3.4.3 对音频进行简单处理

动手练 将背景乐与独白音频进行混合

案例实战:制作新品预售宣传H5封面页

QA 新手答疑

第4章 H5页面动效与活动设计

4.1 设置H5页面动效

4.1.1 页面动效的作用

4.1.2 页面动效的类型

4.1.3 页面动效的常规设置

4.2 设置页面创意动效

4.2.1 VR全景动效

4.2.2 一镜到底动效

动手练 制作新春祝福动态页面

4.2.3 手指跟随动效

4.3 营销活动页面设计

4.3.1 投票评选类活动设计

4.3.2 红包抽奖类活动设计

4.3.3 微信场景模拟设计

动手练 模拟微信朋友圈场景

4.3.4 趣味游戏页面设计

案例实战:制作店庆活动的H5页面

QA 新手答疑

第5章 用易企秀平台制作H5页面

5.1 认识易企秀

5.1.1 易企秀的应用领域

5.1.2 易企秀的使用优势

5.1.3 易企秀的主要功能

5.2 易企秀的基本操作

5.2.1 页面背景的设置

5.2.2 文字的添加与编辑

5.2.3 图片的添加与编辑

动手练 完善公司简介的H5页面

5.2.4 动画及特效的设置

动手练 为公司简介页面添加动画

5.2.5 音频与视频的设置

5.2.6 页面的创建与管理

5.3 常用的易企秀组件

5.3.1 视觉组件

5.3.2 功能组件

5.3.3 表单组件

动手练 制作意见反馈表单

5.3.4 微信组件

5.3.5 活动组件

5.4 AIGC在H5页面中的应用

5.4.1 应用易企秀AIGC工具

5.4.2 应用外部AIGC工具

案例实战:制作民宿宣传的H5页面

QA 新手答疑

第6章 企业宣传页面的设计与制作

6.1 制作开业宣传页面

6.1.1 制作宣传封面页面

6.1.2 制作宣传内容页面

6.1.3 制作宣传结尾页面

6.2 制作课程宣传页面

6.2.1 制作快闪动画效果

6.2.2 制作课程宣传封面页

6.2.3 制作课程宣传内容页

6.2.4 制作课程宣传结尾页

6.2.5 发布与分享课程宣传H5页面

QA 新手答疑

第7章 营销活动页面的设计与制作

7.1 制作企业培训问卷调查页面

7.1.1 制作问卷调查类H5页面的背景

7.1.2 设置问卷调查组件

7.1.3 发布并收集调查问卷信息

7.2 制作手抄报网络投票活动

7.2.1 制作投票活动封面页

7.2.2 制作活动内容页

7.2.3 分享投票活动

7.3 制作中秋有奖答题活动的H5页面

7.3.1 制作答题背景页

7.3.2 制作有奖答题页面

7.3.3 发布有奖答题活动

QA 新手答疑

附录 H5页面营销模式与引流方法

附录A 常见营销思维模式

附录B 常见引流方式

附录C 常见推广渠道

H5页面设计与制作标准教程(全彩微课版)是2024年由清华大学出版社出版,作者彭超 编著。

得书感谢您对《H5页面设计与制作标准教程(全彩微课版)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
AfterEffectsCC影视后期制作标准教程(微课版第2版) 电子书
本书系统地介绍了After Effects CC 2019的基本操作方法和影视后期制作技巧。
手工基础与应用教程(全彩微课版) 电子书
本书以培养读者手工创意为核心,详尽展现纸艺造型、布艺造型、泥塑造型、综合材料造型四个手工种类的多种手工基础知识以及不同的艺术表现形式,让读者深入了解每一类手工的工艺特点、材料知识和基本技法。书中详实的制作实例让读者通过学习后熟练掌握手工制作技法,每一章节丰富的图例欣赏能拓展读者的艺术视野,开阔读者的创意思维,并通过实践训练大幅提升手工技能水平。本书既可以作为学前教育专业手工课程教材,也可以作为幼儿
平面设计制作标准教程──Photoshop CC+CorelDRAW X7(微课版) 电子书
Photoshop和CorelDRAW均是当今流行的图像处理和矢量图形设计软件,被广泛应用于平面设计、包装装潢、彩色出版等诸多领域。本书根据本科院校教师和学生的实际需求,以平面设计的典型应用为主线,通过多个精彩实用的案例,全面细致地讲解如何利用Photoshop和CorelDRAW来完成专业的平面设计项目,使学生能够在掌握软件功能和制作技巧的基础上,启发设计灵感,开拓设计思路,提高设计能力。本书适
After Effects 2022影视后期制作实战教程(全彩微课版) 电子书
本书主要讲解使用AfterEffects2022进行影视后期制作的理论知识,并结合实例进行操作。全书共11章,主要内容包括AfterEffects基础、AfterEffects影视后期制作流程、图层效果、蒙版工具、视频效果、调色效果、抠图效果、跟踪与表达式、文字效果、三维合成效果,以及综合实例:炫酷霓虹灯片头的制作。本书结合丰富的案例,详细地介绍了软件的实际操作,并由浅入深地讲解了AfterEff
设计基础(项目式全彩微课版) 电子书
本书采用项目任务式的讲解方式,详细介绍设计的基础理论知识,内容包括认识设计、设计类型、设计元素、设计原则、设计程序和设计审美等。本书内容全面,兼具实用性和适用性。本书注重培养读者的设计思维、设计素养、审美能力和创造能力,通过对大量设计作品进行分析,帮助读者打好设计基础、巩固设计技能,使读者能独立进行作品的设计,成为一名合格的设计人才。本书适合作为中等职业学校艺术设计类专业的教材,也可作为设计人员与