《H5匠人手册》2：H5视觉创意

视觉设计在H5设计制作中非常重要，好的视觉设计不仅能将主题表达得淋漓尽致，还能产生强烈的视觉感染力，最终引发用户的传播行为。

在H5实现的具体流程中，视觉设计师的工作内容包括：

一、H5创意视觉表现

视觉设计师在进行H5创意之前，在了解具体需求的同时，要明确项目运营目的和用户的需求。

常见的运营目的：增加日活跃用户量、拉新用户、品牌曝光等

常见的用户需求：炫耀心理、占便宜心理、好奇心理、情感共鸣等

H5的创意应当将运营的目的和用户需求合理的结合在一起，过多倾向于用户需求，会导致PV（Page View,页面浏览量）上升而CV（Content View,内容播放量）下降；过多倾向运营目的而忽略用户需求，则会失去流量最终达不到运营的目的，因此，视觉设计师在进行创意的时候，应当将运营目的和需求巧妙的结合在一起，从而达到最终的运营目的。

H5视觉创意形式：

1）元素娱乐化

在设计中加入一些趣味元素，用比较娱乐的方式表现出来。

2）巧用纪实性摄影图像

摄影图像作为创意元素的H5，按照正常的图片处理会导致体量过大，可以利用分段加载、减少图片颜色、压缩单张图片大小等减少H5体量。

3）色彩运用

契合主题

符合受众心理

4)用户参与

让用户参与创造画面提高用户的参与度，使用户获得更多的成就感，增加用户分享的热情。

5）技术加持

利用AR、VR、3D技术实现特殊效果创意。

二、H5视觉执行

常见的H5分类：纯信息展示、游戏互动

信息展示类特征：通常展示的信息量会相对较大，但表现形式却比较单一，一般都是以图文展示为主，交互形式上也相对简单，都以辅助阅读为主。

1）集中展示

在移动端进行信息排版时，由于手机屏幕有限，将关键信息提炼出来，简单集中的展示是最有效的内容呈现方式。

2）增加层级

在遇到信息量大且负责的情况时，设计师可以把需求内容进行归纳和拆分，在与需求方进行充分沟通后，适当增加层级来展现。

3）内容可视化

研究表明，大脑处理视觉内容的速度比文字内容快6万倍，人们相信视觉内容能在短时间内产生更大的影响力。所以，在H5的设计中，视觉内容更具有说服力。

H5小游戏

H5游戏设计需要注意的问题:

1)目标群体（受众）：H5游戏设计要充分考虑目标人群，了解受众，设计符合目标群体的游戏内容

2）性能体验：H5游戏要考虑IOS及安卓各种机型的性能适配问题，针对安卓中低端机型部分会出现卡顿和bug，在设计方案上要进行权衡

3）流量制约：H5游戏通常对流量会有一定的要求，需要充分考虑用户的网速问题