恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
细数这些年,二次元画风H5的套路
0.0°
2016-12-06 原创文章 经验/观点 举报 2514 7 10 0

近来二次元画风席卷文娱行业。

如果H5也想二次元,该怎么设计?

Image title


近来二次元画风席卷文娱行业。

9月2日,手游《阴阳师》上线,45天内下载量突破千万;

11月11日,电影《航海王之黄金城》上映,票房现已破亿;

11月24日,《薛之谦史上最疯狂的广告》H5刷爆朋友圈;

12月2日,电影《你的名字》上映,单日票房破亿。


你可能还不知道,BAT已进军二次元领域。

去年腾讯投资了B站,阿里收购了优酷土豆,而优酷土豆投资了A站。A站B站可都是二次元爱好者的聚集之地。


那么,如果H5也想二次元,该怎么设计?

别急,这些年,二次元画风H5的套路即将揭晓!


一、二次元+真人视频

Image title


这是最近爆红的H5,采用真人加动漫混合的形式,延续真人结合动画的影视潮流,如加菲猫、蓝精灵系列电影等。这种形式的H5能够同时利用真人和动漫人物的影响力。

类似的H5案例还有《一枚鬼手的朋友圈》,用真人来展现动漫人物的动作和精神。

Image title


二、二次元+测试

Image title


腾讯动漫这个H5用漫画情节引入测试,5道题的10个选项分为脑洞大开的二次元星人和普通地球人会选择的答案,让爱漫画的玩家体会到亲切感。

搞笑类的测试题H5最适合结合二次元进行设计,因为二次元自带搞笑属性,能让用户在二次元画风中快速入戏,娱乐性很强。搜狗输入法的《翻滚吧,二次元》就是一个例子。

Image title


三、二次元+滤镜

Image title


电影《你的名字》上映之前,同款滤镜就已经刷屏了,还引起了多家P图软件开发二次元画风滤镜的功能。动漫里的场景现实中很难看到,与动漫相关的图片处理、合成方面的H5的分享由于带有“炫耀”属性,是受用户追捧的。

据此我们可以做一些拓展。比如人人变身漫画主角,上传照片就能变身二次元形象;比如cosplay,如下图:

Image title


四、二次元+全景

Image title


这是美图软件IN利用《大鱼海棠》电影借势营销做出的H5, 忧伤的音乐,加上漂浮在浑浊天地的星星点点,给人空灵之感。

亮点是全景技术加重力感应。转动手机时页面空间也跟着转动,用开发者工具可以看出是用4张连续的图片和顶部底部两张图片围成圆筒形的全景,而前景图则是一些PNG。


这种全景效果用iH5的全景容器功能就能够快速实现。过程很简单,只需2步:

1.素材准备。注意全景图提前用Photoshop切图,竖切成N份后导出。

Image title


2.用iH5实现全景效果

Image title


A、新建全景容器,下面放1个全景背景组,将切好的4张全景图放进去。

B、把其余素材放在全景容器下,调整位置。顶部底部的图片类型选择对应选项。

具体参数根据实际调整,一个模仿的H5就大功告成了!

Image title


五、二次元+剧情游戏

Image title


奇迹暖暖这个H5以精致唯美的画风和环环相扣的剧情取胜。要知道,在角色扮演游戏中, 引人入胜的剧情能够推动玩家继续玩下去,很多恐怖生存类的游戏如《行尸走肉》、《寂静岭》都是如此。

当然H5游戏目前是以轻度的休闲益智类游戏为主,利用碎片化时间。但是随着H5游戏的增多,普通玩法可能无法满足玩家,更加新鲜复杂的玩法、画面系统有深度、持续性的在线的游戏也许是以后的发展潮流。


六、二次元+热血动漫

Image title


热血动漫是动漫的一种,主角多为少年,梦想、友情、战斗是三大主旨。《灌篮高手》、《海贼王》、《火影忍者》都是经典的热血动漫,提起这些就能够引起一代人的共鸣。因此,当你的H5要诉诸情感时,运用热血动漫式的植入,情感营销就是一件简单的事。


最近几年广告主们纷纷瞄准二次元,说到底就是因为二次元群体是非常有潜力的经济群体。

首先是二次元群体广泛,在国内二次元经济的消费群体多达2.6亿人。

其次是二次元用户养成了打赏或付费观看或购买二次元产品的习惯。这对提高H5的转化率是很有吸引力的。

最重要的一点是主动传播能力。二次元圈子最大的特征是“再生产”,对于自己喜欢的作品进行二次创作并分享,如小说、漫画、插画等,他们养成了主动传播的习惯。


二次元画风H5在设计时可以抓住热门电影进行借势营销,可以利用经典的漫画作品进行情感植入,也可以利用二次元语言营造搞笑氛围。在技术上也可充分运用全景、重力感应、交互动画等技术,达到和谐即可。

更新:2016-12-06

收藏

7人已收藏

Tianxx

学会H5,可以当饭吃!

  • 8

    作品

  • 23

    粉丝

  • 2

    关注

  • H5创意不求人,我有秘诀
  • 17年H5最新趋势:完美适配PC端!
  • 只需两招,让你的H5诱导分享更高效
  • 3月H5排行,又有哪个品牌上榜了?
相关标签
经验H5设计

    猜你喜欢

      2016-12-06 原创文章 经验/观点 举报 2514 7 10 0

      细数这些年,二次元画风H5的套路

      0.0°

      你确定要举报细数这些年,二次元画风H5的套路

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年12月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录