H5的创意形式和视觉表达

摘要：8种最吸引眼球的H5： （1）一镜到底;（2）画中画;（3）360。全景;（4）快闪;（5）长图故事漫画;（6）互动游戏;（7）双屏互动;（8）测试类。H5在视觉表现上，即使是简单单一的画面，调整好了节奏，感官综合的好，反而胜过大多数仅靠画面撑场的作品，所以想设计好H5，首先要调整自己的思维状态。

关键词：H5创意形式;视觉执行;运营目的;最终呈现

中图分类号：J05

文献标识码：A

文章编号：1005-5312 （2019） 30-0142-01

视觉设计在H5设计制作中尤为重要，优秀的视觉设计不仅能将主题表达得淋漓尽致，还能产生强烈的视觉感染力，最终引发用户的传播行为。比起其他新兴内容传播形式，H5算是最受争议的其中之一。已经有人开始唱衰，有人还没摸清门路。但不能否认的是，在内容质量有保证的基础上，合适的H5展现形式，能让内容更容易被用户接受。内容是血肉，那创意形式就是骨骼。以何种创意形式来呈现内容才最合适？以下这8种最吸引眼球的H5形式或许可以给你启发：（1）一镜到底;（2）画中画;（3）360。全景;（4）快闪;（5）长图故事漫画;（6）互动游戏;（7）双屏互动;（8）测试类。

大部分的H5不能成为经典的原因主要就在创意上，表达形式还是那些但是不能出乎意料是致命的，就算不能一鸣惊人但是也可以走感情路线触发人的情怀也是好的创意思路，比较常用的就是蹭蹭热点啥的，不用太复杂太华丽有特点与众不同可能就是刷频的重点所在。视觉设计师在进行H5创意之前，在了解具體需求的同时，要明确项目运营目的和用户的需求。

常见的运营目的：增加日活跃用户量、拉新用户、品牌曝光等常见的用户需求：炫耀心理、占便宜心理、好奇心理、情感共鸣等H5的创意应当将运营的目的和用户需求合理的结合在一起，过多倾向于用户需求，会导致PV （Page View，页面浏览量）上升而CV （Content View，内容播放量）下降;过多倾向运营目的而忽略用户需求，则会失去流量最终达不到运营的目的，因此，视觉设计师在进行创意的时候，应当将运营目的和需求巧妙的结合在一起，从而达到最终的运营目的。

有目的的进行创意就像是搭建好了骨架接下来就需要丰富创意形式，主要的的途径有：（1）元素娱乐化，在设计中加入一些趣味元素，用比较娱乐的方式表现出来。（2）巧用纪实性摄影图像，摄影图像作为创意元素的H5，按照正常的图片处理会导致体量过大，可以利用分段加载、减少图片颜色、压缩单张图片大小等减少H5体量。（3）色彩运用契合主题，符合受众心理。（4）用户参与，让用户参与创造画面提高用户的参与度，使用户获得更多的成就感，增加用户分享的热情。（5）技术加持，利用AR、VR、3D技术实现特殊效果创意。

有效的创意方法是保证系统的进行H5设计的方法，主要所含：（1）借鉴创意法，适用于工期短但是有细节的项目。（2）情景联想创意法，适用于对氛围有一定要求的项目，比如年终总结、节假日庆典，婚礼。（3）头脑风暴，适用于整体创意有较高要求的项目。

H5在呈现的形式上主要有纯信息展示类和游戏互动类，纯信息展示类在执行要注意以下方面，信息的内容多而繁杂但是对于观看者来说，过多的文字是一种负担所以需要集中展示信息，提炼出关键信息点集中展示给用户。如果需要展示的内容过多还可以增加层级，将纷繁复杂的信息，分类拆分，适当增加层级，提高传达效率。如果能做到内容可视化就更好了，图像比较形象，表达内容方面比较清晰，是用户视觉不容易疲倦，可以降低用户流失率。并且在一些细节方面也要多加注意，比如封面的设计，封面设计大方新颖会吸引用户点击观看的冲动，俗语说的好人要衣装佛要金装。

H5的画面表现不单是视觉层面，还要考虑到屏幕之间的切换，如何把握整套页面之间的节奏，什么时候抛出按钮，什么时候正确引导。还包括动效，音乐等，这些都是需要设计师花时间去琢磨研究的。在H5的视觉表现上，即使是简单单一的画面，调整好了节奏，感官综合的好，反而胜过大多数仅靠画面撑场的作品，所以想设计好H5，首先要调整自己的思维状态。

1.梳理结构有时候策划人也不知道如何更好地表达案例的时候，你得先搞清楚做这个H5的目的，你是想卖产品搞促销？还是想引流增加用户？或者只是单纯的去推广一个品牌形象？先确立你要干什么，是要做一个文艺走心的小故事，还是做一个互动答题的小游戏。先梳理好一个故事脚本，类似于每个页面之间的结构形式。

2.风格定位，前期的风格定位就像选择一件外套，走清新可爱风格，还是成熟干练的路线，关键在于穿衣的人适合哪个风格。所以，用手绘风格表达，还是用调性元素去诠释，主要取决于你想传达什么。

参考文献：

[1]肖蓉，手机端功能型H5广告的创意设计研究[D].青岛：青岛科技大学，2018.

[2]董博严.以用户体验为核心的创意营销型H5的设计研究[D].北京：北京邮电大学，2017.

作者简介：饶蕾，女，青岛科技大学硕士研究生，研究方向：艺术设计、视觉传达。