h5怎么做从四大角色带你了解H5制作流程？( 二 ) _生活百科

在做的过程中一定不要盲目做也不要一次性做完全部的页面，正确的做法是先沟通确认需求，然后出demo确认风格再进行下一步，这样可提高整体的工作效率。demo可以选择首页或较为重要的页面优先进行视觉设计，设计风格上要契合产品调性和受众喜好，同时也需要考虑公司品牌文化展示的一些需求。
除了视觉的展示，一个优秀的H5还包含动效和音乐。动效部分如果非视频植入，建议绘制逐帧给到开发实现，绘制也需和开发提前沟通实现效果。如果页面动画的呈现是由设计师自己把控，那么在设计结束后，建议撰写动画页面展示效果说明，一起交给开发，避免反复的沟通。
同时很多同学对H5设计尺寸还抱有疑惑，首先给大家看看这一年多我自己作图尺寸的变化。
最开始我的制作尺寸是640*1008PX ，后来为了适应全面屏设计尺寸改为640*1240PX ，安全高度为1040PX ，安全高度之外的画仅为主体画面的延伸。很多人会想问UI一般不是按照iPhone6设计尺寸（750*1334PX）来进行设计吗。
是的，你也可以使用该尺寸，其实对于尺寸没有定论，很多公司也用iPhone6或X的尺寸进行设计，这些可以和开发沟通根据实际情况进行设计。
随着科技不断发展，智能设备不断更新，设计尺寸还是会变的，所以需要与时俱进。
四、开发、测试、上线、数据监控反馈设计稿确认后就需要交付给技术进行开发，开发过程这里不作过多描述。当制作完成，大家可以一起进行测试。
测试维度主要是以下三个方面：

视觉还原度；
音效、动效配合及实现；
体验是否流畅。

这是一个反复确认的过程，当一切准备完毕， H5就完成了，就可以静静等待上线。
不过，上线了就结束了吗？
当然不是，费了这么大力气做的H5上线就是结束，那岂不是太可惜。这个时候就要回到我之前提到的5WH中的WHY：想要解决什么问题，平台导流or品牌营销？
所以上线后还需要对H5数据监测，了解该H5的打开率、转换率等，对用户的行为数据进行一个分析。在开发时需要对H5埋点，一般可以选择CNZZ友盟、神策等在线工具。当整个活动结束后，可对数据进行分析复盘，是否达到最开始我们提到的why ，是否达到最开始策划的预期。

文章插图
△友盟平台数据分析截图
通过对项目经理、策划、设计、开发。
四个角色进行分析，我们可以得到下列图表：

文章插图
△H5制作工作流程
看到这里，相信你对H5的制作流程已经有一定的了解，具体的工作流程和职能划分也可结合自己的实际情况进行调整。但是万变不离其宗，做任何项目都需要理清制作需求、把控好项目进度、积极沟通反馈，更要学会总结复盘，对项目进行回顾反思，总结经验。

文章插图
△摘自陈中《复盘》
一个H5完整的制作流程讲到这里就结束了，希望你看后能够有所收获。
如果你是负责自家的产品，则需要在一开始就策划好整个推广流程。比如：是单独推H5还是结合活动进行推广、什么时间推、推广渠道等等，这些就需要更加详细的策划方案。而今天讲述的只是针对在H5制作这个部分的流程，希望你看后能够有所收获。
【h5怎么做从四大角色带你了解H5制作流程？】 好了，这篇文章的内容金华号就和大家分享到这里！