从角色分工的角度带你了解H5制作的制作流程
发表时间：2023-10-30 19:01:25
文章来源：炫佑科技
浏览次数：220
菏泽炫佑科技
从角色分工的角度带你了解H5制作的制作流程
近年来，H5迅速流行，应用于节日和一些品牌活动营销场景。
为什么人们选择使用H5作为营销传播方式？
线上互动，增加品牌曝光度，将流量引流至线上平台或专题活动； 树立品牌形象，增加用户粘性和关注度； 打造跨平台系统，打破与iOS的系统壁垒，快速传播。
如果你或你的公司也想打造H5，应该如何开始？ 今天笔者就带大家从角色分工的角度来了解一下H5制作的制作流程。
在一个完整的H5制作项目中，主要包括以下四个角色：项目经理、策划、设计、开发。
△H5制作角色及分工
那么在实际项目中如何发挥好这些作用呢？
1、项目经理
联系需求并控制项目进度。
项目经理是协调全局的角色。 当有生产需求时，项目经理负责沟通对接。 然后将需求传达给负责项目的成员，同时控制整个项目的进度。
首先，让我们从划分需求开始。 我们可以将需求从5WH维度拆分出来：
△5WH分光要求
这个维度也适用于规划、设计和开发。
通过这六个维度，项目经理可以了解具体需求、规划项目周期、安排时间节点、掌控项目。 项目过程中，项目经理应积极与规划、设计、开发沟通，协调上下游，推动项目进度，做好项目管理，完成项目目标。
2. 规划
构思创意解决方案并制作交互式原型。
项目经理沟通需求后，转交给计划员，计划员就可以根据需求开始制定计划。 在常规项目中，规划首先可以提供几个方向供大家选择。 选择方向后，规划者会完善计划。
在规划和生产过程中，经常使用以下工具：
△H5策划常用工具
在常规制作中，H5策划人员使用PPT作为绘制原型的工具，因为H5对原型图的要求不高，而且PPT简单易用，易于演示和修改。 但当H5设计逻辑比较复杂，原型绘制要求较高时，可以优先使用axure和墨刀进行绘制，这样方便演示以及与设计开发的沟通。
还有一些H5展示是纯动画的，所以需要规划一个故事板脚本。 这时候就需要将输出计划与设计进行协调。 不过，如果要求不高，也可以找一些相关图片来代替。 重要的是要清楚地解释你想要表达的内容。 想法。
在策划创意输出时，需要积极与设计开发进行沟通，例如：场景如何构思和展示，技术上是否可以实现，以保证后续计划的实施。
△使用PPT绘制原型
3. 设计
根据规划，进行可视化实现。
当方案确定后，设计开始实施。 一般来说，H5设计根据需求大致可以分为插画、真人合成、视频、3D（个人分类，仅供参考）四个方向。
但很多人在收到需求时不知道如何开始，所以你需要先做两件事：
仔细阅读方案，明确需要设计的跳转逻辑和内容。 如有疑问，可分项列出并发送给项目经理软件制作，与策划人员沟通并确认具体内容； 确定设计风格方向。 在策划方案时，有的策划会议提供了明确的视觉风格方向，有的则比较模糊。 如果比较模糊，我们可以根据规划提供一个合适的风格方向供大家选择，确认后再开始设计。
在做的过程中，一定不要盲目做或者一次性完成所有页面。 正确的做法是先沟通确认需求，然后做demo确认风格再进行下一步。 这样可以提高整体的工作效率。 对于演示，您可以选择首页或更重要的页面从角色分工的角度带你了解H5制作的制作流程，优先考虑视觉设计。 设计风格必须符合产品基调和受众喜好。 同时，还必须考虑公司品牌文化展示的一些需求。
优秀的H5除了视觉展示之外，还包括动效和音乐。 如果动效部分不是视频嵌入的，建议开发团队逐帧绘制。 图纸也需要提前和开发团队沟通才能达到效果。 如果页面动画的呈现是由设计者自己控制的，那么设计完成后，建议写一个动画页面显示效果的描述，一起交给开发者，避免重复沟通。
同时，不少同学对H5的设计尺寸仍存有疑虑。 首先给大家展示一下我自己一年来画的尺寸的变化。
一开始我的制作尺寸是640*。 后来为了适应全屏设计，尺寸改为640*。 安全高度为 ，超过安全高度的画作只是主图的延伸。 很多人想问UI一般都是按照设计尺寸（750*）来设计的吗？
是的，您也可以使用这个尺寸。 事实上，关于尺寸，还没有*终的定论。 许多公司也使用或X尺寸进行设计。 这些可以根据实际情况通过与开发商沟通来设计。
随着技术的不断发展，智能设备的不断更新，设计尺寸仍然会发生变化，因此需要与时俱进。
4. 开发、测试、上线、数据监控与反馈
设计稿确定后，需要交给技术进行开发。 这里不再详细描述开发过程。 制作完成后大家可以一起测试。
测试维度主要包括以下三个方面：
视觉恢复； 声音效果和动作效果的协调和实施； 体验是否流畅。
这是一个反复确认的过程。 当一切准备就绪后，H5就完成了，你可以静静等待它上线了。
然而，一旦上线就结束了吗？
当然不是。 费了这么大劲的H5一上线就完了，岂不是很可惜？ 这时候我们就要回到我之前提到的5WH的WHY：你想解决什么问题，平台引流还是品牌营销？
因此，上线后需要监控H5数据，了解H5的打开率、转化率等，并对用户行为数据进行分析。 开发的时候需要重点关注H5。 一般可以选择CNZZ友盟、神策等在线工具。 整个活动结束后，可以对数据进行分析和审核，看看是否达到了我们一开始提到的原因，是否达到了*初规划的预期。
△友盟平台数据分析截图
通过项目管理、规划、设计和开发。
分析这四个角色，我们可以得到如下图表：
△H5制作流程
看到这里，相信大家已经对H5的制作流程有了一定的了解了。 具体的工作流程和职能划分也可以根据您的实际情况进行调整。 但一切都保持不变。 做任何一个项目，都需要明确生产需求，控制项目进度，积极沟通反馈。 还要学会总结和回顾项目，回顾和反思项目，总结经验。
