描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302655886丛书名: 清华电脑学堂
产品特色
编辑推荐
从零开始，循序渐进：详细介绍数据分析及可视化相关的基础知识和应用
紧贴实际，案例导航：全书配备121个动手练，对重要知识点随学随练
全程图解，快速上手：知识点和案例采用全程图解方式
微课辅导，易学易用：全书重要知识点和动手练配视频讲解
内容简介
《H5页面设计与制作标准教程（全彩微课版）》以H5为写作基础，以实际应用为指导思想，用通俗易懂的语言对H5页面设计与制作的相关知识进行详细介绍。H5页面设计的最大魅力在于通过巧妙的设计手法，将复杂的功能简化，将枯燥的信息趣味化，让用户在享受视觉盛宴的同时，轻松获取所需内容。
《H5页面设计与制作标准教程（全彩微课版）》共7章，内容涵盖初识H5、H5视觉交互设计技巧、H5页面元素的设计与制作、H5页面动效与活动设计、用易企秀平台制作H5页面，每章内容穿插“动手练”“案例实战”或“新手答疑”板块，以巩固所学知识。最后两章为综合性实操案例，即企业宣传和营销活动典型案例的设计与制作，案例讲解一步一图，即学即用。同时，还专门安排了H5页面营销模式与引流方法等知识内容，以真正做到“授人以渔”。
《H5页面设计与制作标准教程（全彩微课版）》结构合理，所选案例贴合实际需求，实操性强，易教易学，适合H5页面设计者、新媒体页面设计与运营人员阅读使用，也适合高等院校相关专业的师生学习使用，还适合作为社会培训机构的培训用书。
目 录
第1章
初识H5
1.1 H5是什么 2
1.1.1 概念 2
1.1.2 类型 3
1.1.3 优势 6
1.2 常见的H5页面风格 7
1.2.1 简约风格 7
1.2.2 科技风格 8
1.2.3 水墨风格 8
1.2.4 插画风格 9
1.2.5 手绘风格 10
1.2.6 扁平风格 10
1.3 常见的H5页面制作工具 11
1.3.1 H5页面快速制作平台 11
1.3.2 H5页面专业设计平台 14
1.3.3 H5页面辅助设计工具 17
1.4 H5页面的制作流程及注意事项 20
1.4.1 页面的设计规范 20
1.4.2 页面制作的基本流程 20
1.4.3 页面制作需注意的细节 22
新手答疑 23
第2章
H5视觉交互设计技巧
2.1 页面版式设计技巧 25
2.1.1 合理的视觉动线 25
2.1.2 突出页面的主体 27
2.1.3 厘清页面的层次 28
2.2 H5页面的色彩设计 29
2.2.1 色彩的基本常识 29
2.2.2 H5页面设计常用的配色技巧 38
2.2.3 实用的配色网站 41
2.3 H5页面的交互设计 44
2.3.1 页面交互类型 44
2.3.2 H5页面的交互设计原则 46
案例实战：在宣传页面加入弹幕效果 47
新手答疑 48
第3章
H5页面元素的设计与制作
3.1 设置H5页面的尺寸 50
3.1.1 iOS设备的屏幕分辨率及尺寸 50
3.1.2 Android设备的屏幕尺寸 50
3.2 H5页面的文字设置 51
3.2.1 字体 51
3.2.2 字号 53
3.2.3 字间距与行间距 54
动手练 为产品图片添加文字标识55
3.3 H5页面的图片设置 57
3.3.1 图片选择的三个原则 57
3.3.2 图片的获取途径 58
3.3.3 图片的处理 59
动手练 改变产品固有颜色60
3.4 H5页面的音频设置 61
3.4.1 H5页面中常见的音频类型 61
3.4.2 音频文件的获取方法 63
动手练 从视频中提取背景乐65
3.4.3 对音频进行简单处理 66
动手练 将背景乐与独白音频进行混合68
案例实战：制作新品预售宣传H5封面页 72
新手答疑 77
第4章
H5页面动效与活动设计
4.1 设置H5页面动效 79
4.1.1 页面动效的作用 79
4.1.2 页面动效的类型 79
4.1.3 页面动效的常规设置 81
4.2 设置页面创意动效 84
4.2.1 VR全景动效 84
4.2.2 一镜到底动效 85
动手练 制作新春祝福动态页面86
4.2.3 手指跟随动效 89
4.3 营销活动页面设计 90
4.3.1 投票评选类活动设计 90
4.3.2 红包抽奖类活动设计 91
4.3.3 微信场景模拟设计 92
动手练 模拟微信朋友圈场景92
4.3.4 趣味游戏页面设计 95
案例实战：制作店庆活动的H5页面 95
新手答疑 103
第5章
用易企秀平台制作H5页面
5.1 认识易企秀 105
5.1.1 易企秀的应用领域 105
5.1.2 易企秀的使用优势 105
5.1.3 易企秀的主要功能 107
5.2 易企秀的基本操作 107
5.2.1 页面背景的设置 107
5.2.2 文字的添加与编辑 109
5.2.3 图片的添加与编辑 110
动手练 完善公司简介的H5页面113
5.2.4 动画及特效的设置 115
动手练 为公司简介页面添加动画117
5.2.5 音频与视频的设置 118
5.2.6 页面的创建与管理 119
5.3 常用的易企秀组件 121
5.3.1 视觉组件 121
5.3.2 功能组件 123
5.3.3 表单组件 124
动手练 制作意见反馈表单125
5.3.4 微信组件 128
5.3.5 活动组件 129
5.4 AIGC在H5页面中的应用 129
5.4.1 应用易企秀AIGC工具 130
5.4.2 应用外部AIGC工具 131
案例实战：制作民宿宣传的H5页面 134
新手答疑 138
第6章
企业宣传页面的设计与制作
6.1 制作开业宣传页面 140
6.1.1 制作宣传封面页面 140
6.1.2 制作宣传内容页面 143
6.1.3 制作宣传结尾页面 148
6.2 制作课程宣传页面 151
6.2.1 制作快闪动画效果 151
6.2.2 制作课程宣传封面页 153
6.2.3 制作课程宣传内容页 156
6.2.4 制作课程宣传结尾页 159
6.2.5 发布与分享课程宣传H5页面 160
新手答疑 163
第7章
营销活动页面的设计与制作
7.1 制作企业培训问卷调查页面 165
7.1.1 制作问卷调查类H5页面的背景 165
7.1.2 设置问卷调查组件 167
7.1.3 发布并收集调查问卷信息 171
7.2 制作手抄报网络投票活动 173
7.2.1 制作投票活动封面页 173
7.2.2 制作活动内容页 176
7.2.3 分享投票活动 181
7.3 制作中秋有奖答题活动的H5页面 182
7.3.1 制作答题背景页 182
7.3.2 制作有奖答题页面 184
7.3.3 发布有奖答题活动 186
新手答疑 187
附 录
H5页面营销模式与引流方法
附录A 常见营销思维模式 189
附录B 常见引流方式 193
附录C 常见推广渠道 198
前 言
首先，感谢您选择并阅读本书。
在这个数字化飞速发展的时代，H5页面设计不仅仅是技术的展示，更是创意与美学的完美结合。一个好的H5页面，能够吸引用户的目光，让信息传递变得生动高效。设计不仅要有美感，更要有智慧，让每一个细节都精准地服务于营销目的，打造独特的用户体验。“触手可及，美感与智慧的碰撞”理念，简洁而深刻地表达了H5页面设计的核心价值。
H5作为现代数字化生活的一部分，正日益成为人们生活、工作和娱乐中重要的组成部分。这项技术贯穿于各行各业，通过其灵活性、互动性和可视化的特点，架起了企业与用户之间沟通的桥梁。无论是推广产品、提升教育体验、丰富文化娱乐内容，还是优化服务流程，H5都扮演着不可或缺的角色，它让信息传播变得更加高效，交互体验更加丰富，为数字化时代的发展注入了无限活力。
本书以理论与实际应用相结合的方式，从易教、易学的角度出发，详细介绍H5页面设计与制作的基础理论及相关软件的操作技能，同时也为读者提供一些页面设计的方法和思路，让读者能够快速了解H5技术，并掌握基本的制作技能。
本书特色
结构合理，全程图解。本书采用全程图解的方式，让读者能够直观地看到每一步的具体操作。
理论 实操，实用性强。本书为疑难知识点配备相关的实操案例，使读者在学习过程中能够从实际出发，学以致用。
疑难解答，学习无忧。本书每章最后安排“新手答疑”板块，主要针对实际工作中一些常见的疑难问题进行解答，让读者能够及时地处理好学习或工作中遇到的问题。同时还可举一反三地解决其他类似的问题。
内容概述
全书共分7章，各章内容见表1。
表1
章序 内容导读 难度指数
第1章 主要介绍H5入门的知识，包括H5的概念、类型、使用优势、H5页面风格、H5的使用工具及制作流程和注意事项 ★☆☆
第2章 主要介绍H5视觉交互设计技巧，包括H5页面版式设计技巧、页面配色技巧、页面交互设计等 ★★☆
第3章 主要介绍H5页面元素的设计与制作，包括H5页面尺寸设置、文字设置、图片设置、音频设置等 ★★☆
第4章 主要介绍H5页面动效与营销活动页面设计，包括动效设置、创意动效设置，以及H5营销活动设计等 ★★★
第5章 主要介绍易企秀平台的应用技能，包括易企秀平台的相关功能、易企秀的基本操作、易企秀常用组件，以及AI在H5页面中的应用等 ★★☆
第6章 综合案例——制作企业宣传类H5页面案例，包括开业宣传和课程宣传页面的设计 ★★★
第7章 综合案例——制作营销活动类H5页面案例，包括企业培训调查问卷、手抄报网络投票活动、中秋有奖答题活动等 ★★★
适用群体
H5页面设计爱好者。
新媒体广告美工等人员。
对H5营销感兴趣的用户。
传统纸媒体设计人员。
高等院校相关专业师生。
社会新媒体培训班学员。
本书的配套素材和教学课件可扫描下面的二维码获取，如果在下载过程中遇到问题，请联系袁老师，邮箱：[email protected]。书中重要的知识点和关键操作均配备高清视频，读者可扫描书中二维码边看边学。
作者在写作过程中虽力求严谨细致，但由于时间与精力有限，书中疏漏之处在所难免。如果读者在阅读过程中有任何疑问，请扫描下面的技术支持二维码，联系相关技术人员解决。教师在教学过程中有任何疑问，请扫描下面的教学支持二维码，联系相关技术人员解决。
配套素材 教学课件 技术支持 教学支持
评论
还没有评论。