资源简介

(共28张PPT)
CHAPTER 8
新媒体与新媒体编辑
新媒体H5页面设计
8.2
8.2.1　H5页面设计原则
8.2.2　H5页面设计方法与技巧
8.2.2　H5页面设计方法与技巧
常用的H5页面编辑工具
8.3
8.3.1　易企秀
易企秀是一款针对移动互联网营销的在线编辑工具，内置H5页面、海报、长页、表单、互动、视频六大品类的编辑器和数十款实用小工具。
图8-8　易企秀网页版的工作界面
8.3.2　人人秀
人人秀是一款专业的在线H5页面编辑工具，以操作简便、互动功能多而受到广大用户的广泛好评。
人人秀汇集了数千位设计师和超过5万套H5页面的素材模板，可满足不同的使用场景，如会议邀请、企业招聘、学校招生、店铺活动等。
8.3.3　MAKA
MAKA是全球最受欢迎的在线H5页面编辑工具和平面设计工具之一，其用户超过了3 000万。
使用MAKA可轻松制作出宣传海报、电子传单、节日贺卡、婚礼请柬等H5页面。MAKA提供了多种精美的动画和炫酷特效，如刹车、向下滑入、左右翻转、向上飞入等，用户轻点鼠标即可制作出酷炫的动态效果。
8.3.4　凡科互动
凡科互动是凡科网旗下的一款备受好评的在线H5页面编辑工具。
它具有海量模板、丰富的控件和强大的动画效果，可帮助用户轻松制作出包含弹幕、720°全景、画中画等多种绚丽动效的H5页面。
编辑实战
为金企鹅公司制作企业宣传手册
实战目标
使用本章提到的H5页面编辑工具易企秀，为金企鹅公司制作企业宣传手册，具体包括制作图文内容，设置地图、表单等控件，为H5页面设置翻页动画，为H5页面中的元素添加动画和背景音乐，发布H5页面等操作，页面最终效果如图8-9所示。
图8-9　金企鹅公司宣传手册（部分）
实战步骤
1．选择 H5 页面模板
实战步骤
2．制作 H5 页面内容
实战步骤
2．制作 H5 页面内容
图8-11　单击“编辑”按钮　　　 图8-12　单击“更换图片”按钮
实战步骤
2．制作 H5 页面内容
实战步骤
2．制作 H5 页面内容
实战步骤
2．制作 H5 页面内容
实战步骤
2．制作 H5 页面内容
　图8-15　切换至下一个H5页面　图8-16 “公司简介”页面效果
实战步骤
2．制作 H5 页面内容
实战步骤
2．制作 H5 页面内容
步骤11 制作“ 企业风采”页面。
步骤12 调整各图片的位置并编辑页面中的文本。
步骤13　参考前面的方法，将“6”页面制作为“核心业务”页面。
步骤14　在“页面与图层管理”面板的“页面管理”选项卡下选择“特色产品”页面的下一页面。
步骤15　制作“联系我们”页面。
步骤16　参考前面的方法，对当前页面中的文本进行编辑。
步骤17　制作“商务合作”页面。
实战步骤
2．制作 H5 页面内容
步骤18 在“选项设置”组下的编辑框中输入“教师”“学生”和“经销商”。
步骤19 调整颜色。
步骤20 在“边框弧度”右侧的编辑框中输入“6”，然后拖动“下拉列表”表单四周的尺寸控制点调整其尺寸和位置。
步骤21　制作“关注我们”页面。
实战步骤
3．设置动画和背景音乐
图8-33　上传并应用背景音乐
实战步骤
4．发布 H5 页面
图8-34 “预览”面板
佳作赏析
赏析1 网易云音乐年度听歌报告
网易云音乐的年度听歌报告是典型的总结报告型H5页面。进入该H5页面后，受众首先需要通过选择头部、上衣、裤子和配饰，为自身DIY 一个可爱的卡通形象，这增强了H5页面的交互性，让受众有参与感，从而对H5页面中的内容更加感兴趣。在完成形象创建后，用户接下来的交互将主要为向上滑动，操作非常简单流畅。
佳作赏析
赏析1 网易云音乐年度听歌报告
图8-35　网易云音乐年度听歌报告
THANKS!
谢谢!

展开更多......

收起↑