H5设计理念、设计思路

    设计稿确认后就需要交付给技术进行开发，开发过程这里不作过多描述。当制作完成，大家可以一起进行测试。测试维度主要是以下三个方面：视觉还原度,音效、动效配合及实现,体验是否流畅。这是一个反复确认的过程，当一切准备完毕，H5 就完成了，就可以静静等待上线。下面就由小编为您介绍H5设计理念、设计思路。

易海报

2.1

5条点评

咨询产品

免费试用

解决用户选型困难的好软件，有各维度的信息

客户案例

暂无

合作品牌

13

H5设计理念、设计思路

      当方案确认后，就是设计开始执行。一般 H5 设计根据需求来大致分为插画、真人合成、视频、3D 四个方向（个人分类，仅供参考）。但是很多人接到需求就不知道如何下手了，那么你需要先做2点：

• 认真看完策划，理清跳转逻辑及需要设计的内容，有问题可分条列出发给项目经理和策划沟通并确认具体内容；

• 确认设计风格方向，在策划出方案的时候，有些策划会提供明确的视觉风格方向，有些则是比较模糊的，如果是比较模糊，可以根据策划提供适合的风格方向供大家选择，确认后再开始动手做设计。

      在做的过程中一定不要盲目做也不要一次性做完全部的页面，正确的做法是先沟通确认需求，然后出 demo 确认风格再进行下一步，这样可提高整体的工作效率。demo 可以选择首页或较为重要的页面优先进行视觉设计。设计风格上要契合产品调性和受众喜好，同时也需要考虑公司品牌文化展示的一些需求。

      除了视觉的展示，一个优秀的 H5 还包含动效和音乐。动效部分如果非视频植入，建议绘制逐帧给到开发实现，绘制也需和开发提前沟通实现效果。如果页面动画的呈现是由设计师自己把控，那么在设计结束后，建议撰写动画页面展示效果说明，一起交给开发，避免反复的沟通。

     同时很多同学对 H5 设计尺寸还抱有疑惑，首先给大家看看这一年多我自己作图尺寸的变化。

     具体的工作流程和职能划分也可结合自己的实际情况进行调整。但是万变不离其宗，做任何项目都需要理清制作需求、把控好项目进度、积极沟通反馈，更要学会总结复盘，对项目进行回顾反思，总结经验。如果你是负责自家的产品，则需要在一开始就策划好整个推广流程。比如是单独推 H5 还是结合活动进行推广、什么时间推、推广渠道等等，这些就需要更加详细的策划方案。以上就是小编为您介绍的H5设计理念、设计思路。