TGideas:探究H5的不同表现手法

日期:2015-12-02 / 人气: / 来源:未知

文艺、走心的手绘风格 项目背景 雷霆战机周年庆,项目组为雷霆进行了拍摄了一部品牌短片,围绕整个影片策划了一个h5对其进行传播。 视频主要内容讲述几个小朋友从小心怀对星空的梦想,通过不断研究学习长大后当上了航天工作者完成了自己一直的梦想,来阐述如今繁华社会里仍有千千万万不断追随自己的内心的人。引发大家对天空的梦想的共鸣走情感路线。 前期构思 本次尝试了2套方向展现——围绕视频内容的静帧截图直接展示,主打宇宙情怀的手绘风格文艺的展示。 此前移动端上大多是以单页大长图+视频按钮进行宣传的方式,作为首个尝试试水两种方向对最终视频造成的转化率影响。 风格推导 风格一 视频元素提取: 根据其视频提取关键元素:收音机、天文望远镜、宇宙飞船、风铃。

整体氛围围绕四个关键词 科幻、复古、文艺和走心。 于是最终采用牛皮纸背景来展现复古+手绘主元素使科幻主题更添亲和力增添情怀,不同于以往的写实风。 为了在手机上更生动的展示,每一个元素搭配小动画来使手绘的物件更具有生命力(例收音机动画:打开天线——搜频——搜到声音)。一段描述性的文案搭配小动画增加画面故事的完整性,同时配合空灵的背景声效,让用户在体验h5的时候,在符合移动端用户体验同时让用户在视觉、听觉上感受到情怀产生共鸣。

1.TVC的推广,使用视频本身元素和再创作元素,对于传播哪一个更合适? 一开始老板担心跟视频本身的结合度不够,项目组对于手绘风格与游戏内风格差异大有所担忧,于是首推的是静帧视频截图版本,出于探究精神我们在微信公众账号对手绘版本进行传播。 (当时老板的担心,项目组的倾向,设计团队的坚持,最终加推后的数据反馈)  从最终的数据可以看到,手绘版本在只有唯一宣传入口(微信公众账号)和视频静帧有多方的宣传渠道的对比下,两者的数据达到相当,且手绘版本的点击全文阅读量远高于以往文章点击量,由此可见在创作元素来宣传视频并无影响,游戏用户更多是乐于接受不同风格的尝试。

2.手绘插画类型的H5,在设计和重构阶段应该注意的问题 A.给到重构的psd文件分层将每个元素合理打包能减少重构负担提高工作效率,将主元素转化为智能对象和背景分开,若主元素内有单独需要动画的部件,再另外区分开来。   3. H5需要的插画类型与传统插画的区别 A.由于手机屏幕的限制,一屏内出现一个主要元素最为舒适,更容易引导用户在体验中看到重点。画面排版过满容易分散用户注意力失去焦点。 B.矢量扁平风格的插画和可复用背景能大大减少文件包大小提升加载速度。 C.简单的图形加上微妙的肌理感能瞬间提升画面质感。

作者:admin


现在致电 0898-688989 OR 查看更多联系方式 →

足球比分,足球直播,天下足球,足球新闻,恒大足球,足球推荐,足球比赛规则,皇冠足球

NBA,NBA直播,NBA新闻,NBA总决赛,NBA季前赛,NBA全明星,NBA季后赛,NBA球队,NBA常规赛

sagdfsgfsdw.com   caipfddhfe.com 027novi.com 0737asn.com 11ppssbb.com
163website.com      3gg3gg.com  365itnet.com 11fff163.com  0576seoer.com 
assignmentshooters.com wzhtfm.com  fygLq.com  0719houe.com xinsoa.com
jnrdbz.com   qkaoyan.com kuxunLu.com yihaiquan.com upm168.com
hongxiangweiye158.com minghuim.com  tianyajituan.com njnLzx.com ahdsdq.com
yh-ss.com   xuandianhk.com drguoLu.com  cahuadi.com  Laobudao.com
gcxcgz.com   huiyawL-hongkong.com Lukebeauty.com sunhotspring.com  sh-chemistry.com
jidiaopeixun.com 5008qq.com  mtv11.com hgyuLe888.com  hzjsxL.com
dxgLr.com cnroma.com  ykxinxingj.com jnkuanye.com shjianzhenqi.com
cnywfy.com huaqi6.com  mygs2002.com wqt0755.com cqbogao.com
gxsfdxjj.com pengchengprinting.com dddd120.com fj-crjy.com 123onLinepharmacies
xuqingxuan.com chuangguo1278.com xinyuanhuojia.com apatcomm.com  pfsLjx.com
evoip88.com 3hh3hh.com 188jbblove.com georgiajonesLive.com afdeutschLandashop
ahLongguan.com beitema.com suprashoescom.com bafangshiye.com bmdian.com
Loubanwang.com hongyuanshuma.com LisseurstyLe.com czyhsw.com Lxqqqw.com
yumosy.com pzpai.com dr-shettLes.com czhaihao.com susiyuan.com
Lun302.com hznf1069.com baobei20.com zippofire.com bngdhjkrf.com
taecyeonchina.com hfchuangtong.com chubaiLi.com sh-quanshun.com kjkjhkjt.com
yichangqa.com 024nbk.com hongxinzc.com Longhuajumprope.com gfjrkfuh.com
gfjrkfu99.com aomenyinheyL.com changchunLawyers.com mysucaiku.com lhwrew.com
drz77.com meigaomeigw.com sh-tyn.com yinxiangzhuLin.com lhasm.com
gatorade10k.com yinqitouzi.com shoujiguishu.com lhaefeqf.com lhasm11.com
spb168.com worLdtearain.com cdpjsc.com lhdfgsagfdaq.com lhasm99.com
bjzhjd.com zdkj888.com LLyyff.com 258top.com eawzh.com
jb028.com cp5747598.com cp4253256.com Lhcp3463989.com Lhcp375474.com
cp57683234.com cp876868.com cp87078876.com Lhcp089789.com Lhcp34634.com
Lhcp6768868.com hyagrochemicaLs.com iotecho.com whsafs.com dygwcL.com
txjzx.com 54djcLub.com sichuan-kaianLin.com seaono.com khkyy.com
kj138138.com kj428428.com kj9820323.com kj467642.com kaijiang138138.com
kjiasda.com kj139139.com dsdsdsgfds.com cc-suv.com Lovexxn.com
zuoxuanroujian5.com 0755boren.com wzLjwh.com zryxf.com LiLinjie.com
dingpayy.com bjyLfk.com ghostshan.com cdutcu.com  taopiane.com
ertyoq.com sdtayifa.com mxtxwh.com cumtxzgL.com Lyiptv.com
booke365.com zjdqsz.com shjdtm.com zaoyunzz.com ygdeco.com
huaLian-ceramics.com kyd028.com xdh-gz.com hn-wiremesh.com depindichan.com
bosiLaite.com xinxianjiuye.com xinruicctv.com wkwbms.com zjyxpump.com
srcjzs.com gyjc-sh.com bodaosy.com syjtgfj.com zysxfiLm.com
shunkepcb.com chrysman.com ycshinam.com dgLbjd.com jszyhs.com
xuyisheng8.com 5xiangxiang.com wxgxm.com wxkdj.com fsxxm.com
wxgwb.com wxgtf.com 00779977.com be1737.com twmagichouse.com
smartpspconverter.com cominschina.com  57caicai.com cucdy.com a66688.com
fqzLzy.com dyyfjt.com betterLi.com thjL58.com fzjjf.com
hg0088ch.com 615703.com batadae.com 0791drinks.com  tywjcc.com
cLubhousesj.com zzdsjc.com cdxzjd.com jurentiandi.com tjhyxyfg.com
shtxwjg.com hf5777.com hLjLexus.com szbz160.com Lfyueruyi.com
csposuiji.com whhwyd.com 971499.com 5557966.com 5559388.com
5557288.com  yaxinfenghui.com wjzp8.com zt-tractor.com 5552166.com
5551766.com 5552866.com txj8.com 5553566.com 5551966.com
asmlhw.com 322580.com 25878888.com chenggonghu.com cqLieyingcs.com
wuxi-hc.com scrptz.com yhydLy.com answersrun.com bet1663523.com
sx141319.com csbzds.com deLimader.com bjmcdz.com baipunet.com
qx37672.com bLryLc58378.com Lovenuofu.com qdhypnosis.com zqLifes.com
smtqqq.com jiahaomj.com hongyunfsj.com shoppviLL.com 158moLd.com
oLhand.com cnLongdi.com chengkaokd.com gxhuadie.com cpgsdhwfswht.com
cpbjkc.com cpsscp.com bjkcssc.com bjkcok.com bjkcpk.com
mmy11.com ddcpk.com shjyauto.com jinshujianqieji.com shfengying.com
jjbaoan.com xxrLt.com ccpgov.com dean110.com wangsdaystar.com
qhdyymy.com 88ms88ms.com hnspecialty.com cpdsgs888.com warm-holiday.com
yuandiannet.com cdbzfw.com a0j2.com hemicaL1.com tjhksj.com
tzzstoyota.com hdfk91.com 1stLivenude.com zxhyjz.com  szyyxcctv.com
fxautoea.com zL-seafood.com xinmaonongke.com  fzbaoheng.com  zhongruijy.com
yuLepk518.com meiouwei.com  ludaogou.com cp6768665.com cp6789929.com
cp668449.com cp56789555.com cp567868.com cp456889.com cp456883.com
cp668448.com cp23423.com cp23478.com cp23499.com cp23466.com
cp56733.com cp67833.com huifeng08.com xhdjck.com hbchuangLi.com
ecidcs.com aipaihunsha.com jingtr.com yfnLs.com wxcis.com
sxdyz.com dgcsphw.com LygongLue.com shequn888.com taoqins.com
accountsuzhou.com chinaxianzhi.com cqwhzb.com xzLfqj.com 0797Ltw.com
webmoshou.com zzLisen.com 9179188.com xshandong.com jiushenfang.com
ywgszs.com bennettbanner.com haiquanbengye.com pinkuw.com gzdieLan.com
Laweiphoto.com goLog-tex.com xtguoLian.com 6thpark.com channeLwinLtd.com
LbLcfc.com wiremesh-mh.com Lhsjhc.com xcbe88.com daaihuLian.com
qbd668.com foobos.com chinaLygL.com sheshi19du.com gztxjnet.com
hg07a.com fcpingan.com xxxsys.com  dwarkaart.com ahxzLg.com 
Lhgydy.com ahbzsjgc.com goLdLeaf-co.com dfjinyang.com  hbyckc.com
icebk.com cxdsgroup.com  aginow.com  hainingsoLar.com 8007008.com
hya888.com yirenLove.com bjswxj.com 1006478.com njLianbang.com
wLmqgq.com uedbe17.com uedbe16.com  qdhjsw.com bcbjx.com 
zibowankang.com 018pingce.com dfspjxc.com  dkLzq.com shbaixingfLoor.com
ksgoodhouse.com  chinaxiangran.com oyunkasam.com czsmxs.com  Lfjuanzhiwake.com
zksyzx.com  zhengfeishipin.com cdLjjyfs.com fssLL.com pn-yq.com
jsxrh.com dobecn.com itodm.com bscc99.com dLyuying.com
dsqian.com taobaoihy.com chinayinzhou.com uedbet41.com uedbet37.com
uedbet43.com uedbet17.com uedbet40.com uedbet46.com uedbet15.com
geiLixiaoshou.com sanfenghb.com  vivento-web.com niubeibeibeijing.com weiLang-china.com
zhenyouguqi.com 302059.com  Liang93.com huandanmei.com aoxiangfc.com
pzckc.com 023dibang.com 397095.com cs-daqing.com yuandayiyuan.com
wufenggangxs.com  tombstonebuy.com 91xiaoqiang.com cn-jienuo.com gzjued.com
jingshihai.com yuhuzhifu.com cz-deLai.com  Lksysy.com xzsmouLd.com
8987655.com   xiangzaozhi.com chuangtian-group.com 168ejia.com wnq365.com 
uedbet51.com hisunair.com 397205.com shhongyunwx.com ynjgzc.com
5566qj.com dekerL.com jianLivip.com moLLaji.com aisbei.com
xiandangaosudi.com qingmei520.com 55642.net m22y.net mcaq.net
997665.net 882375.net 776363.net hzwanfeng.net tangshihuagong.net
gfgreen.net aoohu.net shenbbs.net 0003c.com sxsy9.com
shenyangsteeL.com nbsanfeng56.com  Lianyins.com  zjL365.com mensao1.com
cmm2018.com  synet123.com Lf1234.com zhongyuanzhixiao.com guanfangwangzhan.net
sthybjgs.net szzhongchuang.net csszy.net 9981shop.com yuanzhongLu.com
mingshenms88.com whxinshengda.com 022zhongLiu.com topinterpretation.com ngitek.com
petadu.com napsuu.com zibojia.com Leztouch.com yumisto.com
yeLene.com kpdprofs.com juskune.com zoeqcmnt.com zenbyday.com 
xzrtL.com sddingyue.com ybavm.com jkqphow.com zxface.com
zurinoir.com Lefcbd.com yktLytf.com hapuhome.com femoLcom.com
yanapat.com oyesongs.com nLstec.com hnLyfireworks.com tjwanju.com
aiditongLian.com yongshunmenye.com jLfinery.com gfwdp.com dhocL.com
nanfanghangkfvh.com wenkudoc.com Lqbzjx.com jxzhengLian.com mmwuLiu.com
chuangxinchuchen.com  daxixiachuangtan.com zhengfengtooLs.com zanvisa.com fuyuanshanxie.com
pc0539nj.com dgaLm888.com jsjxzd.com ghdpgc.com dgrjzzs.com
jxyaofa.com  ccsssgL.com byjhuishou.com miaodemao.com ddsjbw.com
hbyyfy.com tianfa88w.com xjmingjiu.com mumingjiaju.com hhtdoor.com
dgdeyusj.com zggsbgg.com 345999com.com fengziwenhua.com shLf365.com
cnruidi.com bzgdLjq.com shrLbj.com shiyanxianghuaxia.com zhaomingdengju.com 
stiLLmanbLades.com  cnyxpx.com sitedesexegratuit.com  discake.com oinnia.com
gzhfmy.com cztcLight.com cctshz.com wanhuistone.com fsjssL.com
ksscps.com xzjfgm.com shtangwei.com gzjiufeng.com Lftongtai.com
fjqLk.com tLwjjx.com njzx123.com yiguanghuaLang.com newbornfLoor.com
ruijiwangLuo.com  zeshengcity.com tjxhgc.com freewwpLans.com nbLianmeng.com
jademenegueL.com gzpaiking.com egLencesenin.com dpqjrb.com faskefoods.com
dongLiandianzi.com mengjimanao.com 023yyjz.com hawaiicrs.com imssmartpower.com
moLLygeiger.com kaiyuandianti.com uiLs.net  100cms.net jxsxzp.com
Liangfengjj.com justonechem.com bbradar.com jinanguoyi.com caddude.com
bbhengda.com jiuhtx.com zhifansujiao.com tLyzhzs.com bLxxLj.com
wssfscc.com kaihuibaozhuang.com shengmingstone.com hnmindong.com achsz.com
Lhgydy.com 840155.com