兒牙醫(yī)生:Come and Get Your Love

或許你是這樣的人……

搞定過7356個創(chuàng)意

說服過1829名客戶

被“拒絕”過n次

被誤會了n2

面對無數(shù)質(zhì)疑

你 卻依然要做h5

展示.jpg

創(chuàng)意分析

在作品的前半截,制作者用漫畫這種簡單、易懂又有表現(xiàn)力的方式,竭力展現(xiàn)了兒牙醫(yī)生不被理解、長面質(zhì)疑等困境。通過情景的同一性引發(fā)了觀眾——尤其是兒牙醫(yī)生觀眾的共鳴,輕而易舉的放大了兒牙醫(yī)生在日常工作生活中的憂郁。

到了作品后半,作品的風(fēng)格突變,整個頁面?zhèn)鬟f出了活力與快樂的信息,并向觀眾表達(dá)了招聘的意愿。觀眾收到了作品歡快氛圍的感染,再聯(lián)想到之前不被理解的生活,會更容易催發(fā)對招聘公司的好感。

作品所表達(dá)的前后情感態(tài)度的變化與招聘主題完美契合,對目標(biāo)用戶有著極強(qiáng)的吸引力。即使不是目標(biāo)用戶,因為前面漫畫夸張的表現(xiàn)力,也十分樂意將這支h5分享出去,擴(kuò)大其傳播的面積。


技術(shù)實現(xiàn)

從技術(shù)角度來看,這個h5平平無奇,主要應(yīng)用的插件為動畫文字圖片相框。

動畫文字插件在ppt等應(yīng)用中已經(jīng)被大家所熟知,但從人人秀后臺的統(tǒng)計數(shù)據(jù)來看,利用動畫文字插件的制作者并不算多。一方面可能是因為h5極強(qiáng)的互動性和其對gif圖片、嵌入式視頻的兼容使動畫文字的效果沒有那么顯眼;另一方面動畫文字的效果與h5頁面制作中插入動作的效果有一定的重合,使得大家不愿意花費(fèi)時間再去細(xì)細(xì)琢磨一個可以部分替代的功能。其實在h5的制作中,動畫文字如果應(yīng)用得當(dāng)也同樣出彩。

動畫.gif

與動畫文字比起來,圖片相框是一個比較常見的功能。其主要特點(diǎn)是在背景模板中提供一個遮罩層,在編輯器內(nèi)插入圖片后,圖片只會顯示未被遮罩的部分。圖片相框在婚禮邀請函、活動展示h5中比較常見,但用于招聘的場景卻還是比較新穎。

圖片相框.jpg

無論是動畫文字還是圖片相框,人人秀都能幫您輕而易舉的實現(xiàn):動畫文字,圖片相框。


視覺分析

雖然叫做視覺分析,但接下來我們不僅僅要從視覺的角度,更要結(jié)合聽覺,從這兩方面共同對這個招聘類h5進(jìn)行解析。

作品的一開始是沒有音樂的,配合上低飽和度的高級灰和純黑色的無襯線字體,帶給人平穩(wěn)、安靜、柔和感覺。而平穩(wěn)、安靜、柔和的另一種表示,就是死寂、沉悶、單調(diào)。單調(diào)的色調(diào)結(jié)合漫畫表現(xiàn)的兒牙醫(yī)生不被理解的現(xiàn)狀,很容易使人帶入情感。

作品過半的時候,畫風(fēng)陡轉(zhuǎn),界面中首次出現(xiàn)了彩色色調(diào),而且一出現(xiàn)就是表示熱情與活力、極具沖擊性的橙色。同時背景音樂響起,采取了經(jīng)典的Deep House風(fēng)格,帶著鮮明的節(jié)奏,很容易將人的情緒隨之搖擺。二者結(jié)合,將用戶的感情從低谷一下抬向了高潮。

隨后的作品充滿了各種高飽和度的色彩,一直傳遞給用戶積極、快樂的情緒,一直到招聘信息的出現(xiàn)。

這份作品雖然只是一個招聘類h5,但卻充分的調(diào)動了讀者的感情,是一個充滿表現(xiàn)力的作品。在沒有渠道、沒有推廣的幫助下,輕松達(dá)到了數(shù)萬瀏覽和近6000的贊也不足為奇了。

長展示.jpg

開始制作按鈕.png

人人秀原創(chuàng)文章,如若轉(zhuǎn)載請注明出處:http://bydok.cn/content-5yldnf