欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

发布时间:2017:03:20 17:01:42 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1267个文字,预计阅读时间4分钟
导语
编者按:那个刷爆互联网的H5 从诞生后已经有上百篇分析,但今天这篇不同,是背后这群创作者针对H5的设计构思以

  编者按:那个刷爆互联网的H5 从诞生后已经有上百篇分析,但今天这篇不同,是背后这群创作者针对H5的设计构思以及动画设计进行的细致分享,全部干货,一起来收膝盖。

  剥壳使&鱿鱼哥:不知大家有否见过这样一个H5:

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

推荐阅读:面试不成功?可能是你没学会这5个UI设计师的面试套路!

  这则名为《薛之谦2个月没写段子,结果憋了个大招》H5在微信上发布3小时左右,PV已经突破120W……

  正如title所说,这是薛之谦憋的一记大招,也是品牌团队、公关传播和创意设计团队联合抱团憋的一记大招……

  刷屏期间也出现过众多被分析的文章,而这一篇,来得有点迟,它不是一篇传播用新闻稿,只是一群有爱匠人在每次项目结束后的自我总结和经验积累,希望能给予往后的项目更多参考价值。

  一:整个H5体验流程是怎么想出来的?

  前期,我们有很多脑洞很大的想法(至少自认为脑洞很大),可惜留在形式表面,没有综合考虑腾讯动漫平台与代言人之间的联系,以及最重要一点:怎么通过代言人这个H5,让大众对平台内容产生兴趣,而不单单聚焦在薛之谦身上?

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  (那些夭折的方案们)

  薛之谦的长微博,是他才华魅力爆发的地方,H5用薛之谦长微博去做形式,符合大众对他段王爷身份的认知。大家翻阅他的段子时,薛之谦的突然出现吸引停留,接着他给大家讲关于腾讯动漫作品的段子,解决之前说的跟平台内容紧密结合的问题。

  二:薛之谦的表演内容多而复杂,整个制作过程是怎样的?

  这会是一个又漫长又纠结的故事……

  第一章:小黑屋

  和品牌核对完创意方向后,无所不能的传播经理用几个不眠之夜,把第一版剧本敲了出来,然后集体关进小黑屋针对长达8页将近2000字的文案画分镜……

  要解决一个重要问题:薛之谦如何边演边讲这个段子。

  围绕这个问题,整个表演的动作设计都围绕薛本人的中二特性展开联想,包括在综艺节目中的肢体语言,并且把控限定时间内的拍摄难度。

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  (现场画分镜,现场讨论PK,不出一个大家都为之颤抖的结果,是出不了这小黑屋的了)

  第二章:Demo录制

  小黑屋内敲定了分镜后,我们开始录制demo,提前给予薛和拍摄团队做参考

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  (好像有张奇怪的合影……)

  第三章:看薛之谦表演

  前期我们已经设定好全部的表演动作,但不得不提薛的临场发挥和额外加戏,让摄制团队惊喜连连。只能说,所有他逗比的瞬间,都是非常认真敬业的一次演出。除了额外的加戏,现场还对剧本提出了很多优化意见。感概厉害的人都辣么努力,我还努力干屁呢……

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  第四章:视觉形式探索

  拍摄素材筹备完毕后开始执行工作。确定H5视觉风格,满足内容同时,必须是个全新的视觉形式才有可能打动挑剔的用户

  方案一:综艺风格+薛之谦,毕竟薛在综艺节目里的表演深入人心。

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  参考韩综里,丰富且带情感变化的字体,配合薛的文案去做动画演绎。没有采用,原因在于设计本身形式感过重,会抢了薛的表演,其次是H5里文案太多,整体会显得过于花哨。

  于是我们撕了方案……

  方案二:动态字体演绎+薛之谦,字体本身的动态和镜头的推移去演绎整篇文案,薛之谦表演穿插其中

  

刷爆网络的「薛之谦憋大招H5」 设计师是这么做出来的!

  Kinetic Typography形式感配合薛之谦的逗比动作去演绎整个剧本,然后领导说简直胡闹,于是我们撕了方案……

  方案三:漫画+薛之谦

  这也是最终H5所展现的形式,简洁利索,契合动漫平台的同时,配合动画也不会抢了薛的戏。

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:超过8亿人使用的QQ 总结了夜间模式设计的通用方法

下一篇:基础知识!写给UI设计新手的切图命名规则手册

  • 18877 文章总数
  • 2200733访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信