紅方印:夢回前店后坊

小編我最近發(fā)現(xiàn),使用人人秀制作的展示雖然在不斷地增加,但有一些功能卻始終在坐冷板凳,很少得到上場的機會。比如說彈窗功能吧,彈窗是h5中十分重要的一個組成部分,有許多精美的展示也是必須借由彈窗功能才能實現(xiàn)的。但在最近的人人秀作品中,除了使用紅包、抽獎、游戲等功能自帶的彈窗外,很少有用戶通過它來制作一個精美展示。所以今天,我將為大家?guī)淼氖且粋€優(yōu)秀的彈窗作品。

這是一款由黃山紅方印為我們帶來的香煙品牌宣傳h5展示,在瀏覽展示前人人秀友情提醒各位觀眾:展示雖美,抽煙傷身哦~

展示.jpg

創(chuàng)意分析

前店后坊,是我國古代小作坊式生產(chǎn)的典型形式,臨街販賣為店,后院加工為坊。

作品以前店后坊為標(biāo)題,將展示分成了前店與后坊兩個板塊,分別通過點擊進(jìn)入。

在古色古香的前店后坊里,點擊畫中元素即可打開相應(yīng)的介紹。


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

制作這類h5作品,重點有二:

其一,停止翻頁。

以工筆畫作為背景的展示最忌諱的就是打破作品的整體感。使用停止翻頁功能,一將會隱藏上滑箭頭,二可以防止無意中的滑動,能夠大大加強作品的完整性,

其二,彈窗功能。

作品中的彈窗將會通過點擊顯示出來,結(jié)合對畫面細(xì)節(jié)的介紹,可以在很大程度上增加趣味性和可觀賞性。同時,彈窗出現(xiàn)時,原本頁面中的內(nèi)容將會略微變暗、模糊,因此能夠形成一個很好的層次感。

動圖.jpg


視覺設(shè)計

在視覺上,作品以古樸的牛皮紙色為基調(diào),在第一印象上給人以古市街坊的感覺。

作品的第二頁,以一句定場詩打頭,讓人仿佛進(jìn)入了明清話本小說中,隨著朦朧的煙霧,逐漸夢回前朝的前店后坊之中。

在之后的h5頁面中,作品按照前店后坊的順序,帶我們一步步領(lǐng)略古法制煙的工藝,達(dá)到品牌宣傳的效果。

g1/2017/10/20/1508483976418.jpg

1501730246779.png

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