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