对于没有制作基础的用户来说,使用以上平台可以快速上手制作H5。而对于有网页设计基础的用户,可以使用专业的H5制作平台来设计,例如iH5、意派Epub360等。这些平台功能全面,操作灵活度很高,可以更好地满足设计需求。
iH5(VXPLO互动大师)是一套专业的H5设计平台,无须下载,用户可在线编辑网页交互内容,作品支持各种移动设备和主流浏览器,如图1-19所示。
图1-19
iH5平台提供类别、场景和效果三个基本的导航功能。其中类别包含官方模板和商业模板;场景包含活动邀请函、企业招聘、电商活动、节日贺卡、品牌展示等类型;效果包含快闪、微信/电话场景模拟、VR全景等特效,如图1-20所示。
图1-20
用户登录后,单击“创建作品”按钮即可进入iH5编辑器界面,如图1-21所示。编辑器界面右侧为“对象树”面板,该功能类似于Photoshop软件中的图层功能。在此可对页面中的素材元素进行选择、隐藏、锁定、删除等操作。在编辑器左侧的属性面板中可对当前选择的元素进行编辑,例如设置颜色属性、阴影属性等。在编辑器上方的工具面板中可设置各种活动模块的添加、数据库的导出、动画的添加、二维码的加载等。
图1-21
对于刚接触H5的用户来说,iH5平台还提供相关的教学视频,方便用户学习,如图1-22所示。
图1-22
意派Epub360是一款专业的H5设计平台,与iH5相似,它是可以满足企业的人性化设计需求,如图1-23所示。
图1-23
登录后单击“免费制作”按钮,即可进行H5的创建操作。该平台的编辑界面与易企秀、人人秀等平台类似,用户可以很方便地找到各种功能按钮进行制作,如图1-24所示。
图1-24
与其他设计平台相比,意派Epub360的动画控制功能、交互设定功能、社交应用功能较为突出。
(1)动画控制。平台支持SVG变形动画和SVG路径动画,支持精细化序列帧动画控制,支持关联控制。
(2)交互设定。平台提供了10多种H5触发器控制,如碰撞检测、拖放交互、关联控制等。
(3)社交应用。平台提供微信JS-SDK接口的支持,能够快速获取用户信息,结合评论、投票、助力、信息列表等进行设计。
作为一名优秀的H5设计师不仅要会用以上的工具,还要储备一定的代码编写基础知识,以便做出更成熟的H5页面。