一镜到底H5制(zhì)作之长图设计
一镜到(dào)底H5从(cóng)出示(shì)到现在一(yī)直是很受(shòu)欢迎的一种营销玩法,我(wǒ)们常说(shuō)的一(yī)镜到底通常是通(tōng)过模仿(fǎng)镜头的(de)拉伸,使(shǐ)得不同的(de)画面元素陆续呈(chéng)现在用户眼前的一种表(biǎo)现方式。一镜(jìng)到(dào)底H5有多种镜头表现形式,其中最为长图展示(shì)型一镜到底,下面开云手机站登录入口和蓝橙(chéng)互动就给大家聊聊(liáo)如何做好一镜到底(dǐ)H5的长(zhǎng)图设计。
1、内容直观
直击内容可以引导用户跟随画(huà)面(miàn)视线,浏览不断滑动的品牌主题,让内容(róng)清晰明了,可读性(xìng)强(qiáng)。品牌营销活动中,传递品牌信息的同时又(yòu)要考虑(lǜ)用户体验,在用户体验中(zhōng)往(wǎng)往品牌信(xìn)息的接(jiē)收会大打折扣,而(ér)长图H5可在用户体验的同时给足用户时间接收信息,加深品牌印象(xiàng)。
2、视觉冲击力
大(dà)画幅画面的强效冲(chōng)击感与信息流可长时间停留的特点结合在一起,印刻效应+视觉冲击+长(zhǎng)效停留,实现(xiàn)广告效果(guǒ)1+1>2。
3、交互简单
长图型(xíng)一镜(jìng)到底H5表(biǎo)达方式就是简单的上(shàng)下左右滑动,在整个过程中将(jiāng)其他元素融(róng)入滑动,能让作(zuò)品(pǐn)更加立(lì)体,摆(bǎi)脱只(zhī)有文字的枯燥(zào)。视差动画与一镜到底的结合,让故事的传达更加直接(jiē)明了,无论(lùn)是视(shì)觉效(xiào)果还是趣味性,都非(fēi)常出彩,故事内容丰满(mǎn),逻辑清晰。大部分H5营销需要(yào)不断进行(háng)交互,才(cái)能看到接下来要展示的内容(róng),一镜到底,交(jiāo)互(hù)简(jiǎn)单,不知(zhī)不觉(jiào)中就浏览了(le)所(suǒ)有内容,一镜到底结束,品(pǐn)牌宣传也就到位了(le)。
4、屏幕适配
现在的手机尺寸可以说是五花(huā)八门(mén),一支H5不会为了不同的手机尺寸,每一(yī)个尺寸都(dōu)单独开发不同(tóng)的版本,传统H5为考(kǎo)虑不(bú)同的手(shǒu)机尺寸,往往(wǎng)会选(xuǎn)择上下裁剪或左右裁剪,或者更(gèng)耗成(chéng)本的(de)元(yuán)素适配,极端的手(shǒu)机尺寸看上去就会不是很自然(rán)。在一镜到底H5中,不(bú)管是竖(shù)滑还是横滑(huá),页面(miàn)裁剪的只能是边角的一小部分(fèn),不能影响整体的画面,手机更(gèng)长,那么显示更长就行了,只要注意(yì)第一(yī)屏和(hé)最后一屏内容的裁剪(jiǎn),中(zhōng)间不(bú)会有内容缺失(shī)即可。
总的来说(shuō),相比(bǐ)镜(jìng)头拉伸,长图型一镜到底H5要简单得多,不用考(kǎo)虑太(tài)多(duō)的空间感(gǎn),更(gèng)多的是一眼视觉,就算在没有动态的条件下一样可以呈(chéng)现。在H5页面不(bú)剪,画面不切的情况下,做到(dào)一气呵成的(de)浏览(lǎn)效果。对于广(guǎng)告宣传(chuán)为主的H5游戏玩法(fǎ)来说,一镜到底在内容展示以(yǐ)及视觉(jiào)冲击力方面,都有极(jí)好的效果。
联系QQ:2899301896
蓝(lán)橙互动·致力于为企业提供更高效(xiào)的(de)开发服务