H5页面的感染力从文案、背景、滤镜三大细节提升
优秀的H5不仅是颜值担当,还应该是有着充沛的感染力,能够调动观者的情绪。那么,我们可以从哪些细节去调控一个H5的情感氛围呢?
优秀的H5不仅是颜值担当,还应该是有着充沛的感染力,能够调动观者的情绪。那么,我们可以从哪些细节去调控一个H5的情感氛围呢?
一、文案
文案是H5的灵魂,外表华丽却内涵空洞的作品是无法打动人心的。尽管刚开始时很抓眼球,但看得快忘得也快。真正能走进内心的,最终能被用户所记住的,往往是那些其貌不扬,却越嚼越有味道的句子。



以上案例其实都是最简单不过的图文展示,可是它给你的惊艳程度绝不会亚于任何一款玩交互玩得逆天的H5。没有过于激烈的表达方式,只有温柔而平和的口吻,表达走心并留下思考的余地。它给你一个描白的轮廓,而你却顺着它的思路,慢慢发酵成丰满的情景或回忆,撩起你的内心涟漪,有种后知后觉的共鸣或感动。
文案写出来后,如何从设计层面上进行强调?最好的方法,就是让它的出现有一种与众不同的动态效果。像凡科微传单的专属文字动画,每一种动态效果都各有千秋。例如,“打印”效果使用后文字就像打字机那样的显示;“波浪”效果是一种柔和的上下起伏,富于律动感;“闪烁”效果像霓虹灯般的若隐若现;选择“摇摆”效果,文字将左右晃动,十足的俏皮感。大家可根据自己的H5具体情况酌情选择使用。

二、背景
我们会对H5的图片元素和文案精雕细琢,而对于H5背景,可能就草草地选择一幅单色图就算了。其实,H5背景在情绪渲染作用上可是大有文章。先来看看以下几幅GIF图:



很多人都喜欢这样的GIF图,这样的图片为什么有那么突出的美感?就在于樱花、雨滴、雪花等的动态飘落让你觉得很有FEEL。如果这些图片少了这种动态飘落,就只是常规静止的画面,效果肯定是大打折扣的。
所以回到H5来,我们也可以给H5添加类似的特效层,营造氛围,给观者美好的视觉感。现在很多H5制作工具都自带多款特效层,例如,“雪花”浪漫而唯美,特别适合一些文艺范、情怀类的作品,引用户陷入一种柔软的思绪;“烟花”酷炫而震撼,让整个H5视觉更绚丽,更具有冲击力;“气泡”缤纷而灵动,带有一种活泼的轻快感。

三、滤镜
滤镜,主要是用来实现图像的各种特殊效果。相信热衷于摄影的童鞋都对滤镜的强大深有体会了,不仅能修复图片的小瑕疵,还能带来十足的设计感和艺术范。像如今大热的“你的名字”同款滤镜风靡朋友圈,让不少人都玩得不亦乐乎。
我们在做H5前,习惯利用图片处理软件、滤镜工具等把图片美化得更有逼格,等所有素材准备完毕后再上传到H5制作工具使用。但现在的H5制作工具已渐渐向“微图片处理器”看齐,这意味着你可以把原始素材直接搬到H5制作工具进行简易编辑了。像凡科微传单给图片添加了“复古”、“另类”、“鲜艳”、“胶片”等多种滤镜支持,一键随心切换,一秒图片变身。

除此之外,滤镜还可以动画化的。凡科微传单的滤镜背景将滤镜与渐变两种功能完美融合在一起,实现背景图片从原图到滤镜/从滤镜到原图的渐变,复古、另类、鲜艳、胶片等7种滤镜渐变打造出的别具一格视觉效果,仿佛穿梭在虚实交错的时光。

想自己的H5更感性?那就试试从文案、背景、滤镜三大细节入手吧!








































