儿牙医生:Come and Get Your Love

或许你是这样的人……

搞定过7356个创意

说服过1829名客户

被“拒绝”过n次

被误会了n2

面对无数质疑

你 却依然要做h5

展示.jpg

创意分析

在作品的前半截,制作者用漫画这种简单、易懂又有表现力的方式,竭力展现了儿牙医生不被理解、长面质疑等困境。通过情景的同一性引发了观众——尤其是儿牙医生观众的共鸣,轻而易举的放大了儿牙医生在日常工作生活中的忧郁。

到了作品后半,作品的风格突变,整个页面传递出了活力与快乐的信息,并向观众表达了招聘的意愿。观众收到了作品欢快氛围的感染,再联想到之前不被理解的生活,会更容易催发对招聘公司的好感。

作品所表达的前后情感态度的变化与招聘主题完美契合,对目标用户有着极强的吸引力。即使不是目标用户,因为前面漫画夸张的表现力,也十分乐意将这支h5分享出去,扩大其传播的面积。


技术实现

从技术角度来看,这个h5平平无奇,主要应用的插件为动画文字图片相框

动画文字插件在ppt等应用中已经被大家所熟知,但从人人秀后台的统计数据来看,利用动画文字插件的制作者并不算多。一方面可能是因为h5极强的互动性和其对gif图片、嵌入式视频的兼容使动画文字的效果没有那么显眼;另一方面动画文字的效果与h5页面制作中插入动作的效果有一定的重合,使得大家不愿意花费时间再去细细琢磨一个可以部分替代的功能。其实在h5的制作中,动画文字如果应用得当也同样出彩。

动画.gif

与动画文字比起来,图片相框是一个比较常见的功能。其主要特点是在背景模板中提供一个遮罩层,在编辑器内插入图片后,图片只会显示未被遮罩的部分。图片相框在婚礼邀请函、活动展示h5中比较常见,但用于招聘的场景却还是比较新颖。

图片相框.jpg

无论是动画文字还是图片相框,人人秀都能帮您轻而易举的实现:动画文字图片相框


视觉分析

虽然叫做视觉分析,但接下来我们不仅仅要从视觉的角度,更要结合听觉,从这两方面共同对这个招聘类h5进行解析。

作品的一开始是没有音乐的,配合上低饱和度的高级灰和纯黑色的无衬线字体,带给人平稳、安静、柔和感觉。而平稳、安静、柔和的另一种表示,就是死寂、沉闷、单调。单调的色调结合漫画表现的儿牙医生不被理解的现状,很容易使人带入情感。

作品过半的时候,画风陡转,界面中首次出现了彩色色调,而且一出现就是表示热情与活力、极具冲击性的橙色。同时背景音乐响起,采取了经典的Deep House风格,带着鲜明的节奏,很容易将人的情绪随之摇摆。二者结合,将用户的感情从低谷一下抬向了高潮。

随后的作品充满了各种高饱和度的色彩,一直传递给用户积极、快乐的情绪,一直到招聘信息的出现。

这份作品虽然只是一个招聘类h5,但却充分的调动了读者的感情,是一个充满表现力的作品。在没有渠道、没有推广的帮助下,轻松达到了数万浏览和近6000的赞也不足为奇了。

长展示.jpg

开始制作按钮.png

人人秀原创文章,如若转载请注明出处:https://rrx.cn/content-5yldnf