收藏本站 关于我们

重磅 | 我们和网易主创聊了聊昨天刷屏的两个H5!(原创文章

发布时间:2017-01-04 17:47:32   来源:PS教程   人气:0

前言:前面先隐藏素材1设置素材2,目的在于照顾新手。如果熟练使用时间轴,不必先设置素材2,可以按照素材的顺序来。  X值的设置,目的在于同步伸缩比

\

前面先隐藏素材1设置素材2,目的在于照顾新手。如果熟练使用时间轴,不必先设置素材2,可以按照素材的顺序来。 

X值的设置,目的在于同步伸缩比例。在同一时间轴下,只要时间间隔一致,伸缩比例就能同步。

当你设置好一个画面时,最好先预览一次,看看效果是否理想。发现不足尽早修正,避免后序素材堆砌完成才去修正的话,容易导致牵一发而动全身的窘境。

 

(2)长按触发机制

 

这部分十分简单,图标+事件即可轻松搞定!

 

1)在舞台下上传一个长按的提示图标

2)在图标下添加两个事件


99355865d43ea8012060c8491430.jpg


长按如果出现“保存图标”提示,解决方法有二——


1) 在舞台下设置一个舞台大小的透明按钮,将两个事件剪切到透明按钮下(盖住图片,形成上下层关系)

2) 设置一个尺寸适大的透明按钮,同样剪切事件,在按钮和图片中间添加一个“层”即可~


PS:网易另外一支H5《我猜,你的2016在这里》,灵活地运用了微信自定义分享标题的机制。


这个机制在iH5实现,只需把各个码好字的文本字段绑定不同的变量,设置变量值分别为a、b、c....接着在舞台下设置一个微信设定标题的事件,值为$a、b、c即可(值的填写需对应文本字段)。


4、彩蛋:采访对话实录


因为昨晚被两个H5都刷屏了,今天的报道都是成双成对的,真是“便宜”你们了,这里应该有你们好奇的,一次性看个够吧!


(1)网易娱乐主创团队


受访者:陈志亮(主策)、周柯如彦


团队成员:策划——陈志亮;统筹——周柯如彦;制作——黄丹霞,孙睿,李志,黄晓宇,王震


Q:《网易娱乐画报》H5放了什么渠道,反响怎么样?


网易娱乐:只在网易新闻客户端上推送,推出不到一天,100万+UV。

 

Q:筹备这个H5花了多少时间?


网易娱乐:集中制作时间差不多两个星期。


主要是画画时间比较久。年底工作多,因此采用设计和前端同时进行的双线工作方式。设计画几张,前端就制作几张。而编辑的工作在画师动笔之前就基本完成了,大概就是梳理本年度最热门的娱乐事件,依次筛出影响力最大的12件事,再将事件背景交给设计,帮助设计师进行创作。

 

Q:设计上做了多少版?


网易娱乐:基本上是一次过,没有大改,只有细节微调。

 

Q:用时两个礼拜做出这么精致的H5,有什么秘诀?


A:主要是默契加上准备工作充足吧。设计去年合作过一次,很有默契。编辑前期准备工作比较足,提供的素材比较丰富,所以这次效果出来很快。再加上我们整个team都比较有娱乐精神,思维很活跃,做事也很细致,沟通起来很顺畅,感觉一气呵成。

 

Q:为什么会采用这种画风?


网易娱乐:画风的初衷是考虑反差感。将古典与娱乐现代相结合,形成反差感。另外,这种H5娱乐属性比较强,有金瓶梅画风。网易一直被外界戏谑为黄易,这个H5的调性和黄易很像,哈哈~

 

Q:为什么会选择“画中画”这种交互创意?


网易娱乐:娱乐画报H5我们从2014年底开始做,第一年是简单翻页的形式,但是因为画得好,反响比较大。第二年的形式没有变,反响比较小。本来事不过三,想不到好的形式,我们就不做了。


但是当时正好是一个假人挑战流行,我们就想说做一个一镜到底,画中画的形式。一镜到底不新鲜,所以决定用画中画。而画中画之前主要是视频形态,交互式体验不好,这次我们全部用H5技术实现,用长按来控制播放,让网友有参与感。再配上音画,基本就成功了。

 

Q:连续3年都在做,初衷变了吗?


网易娱乐:没变化。2014年底开始做娱乐圈画传,开始做的想法是“强传播属性”,从画风到形式,都是为传播服务,而且是移动化的传播。


做出来的东西阅读门槛要低,通俗易懂,但是制作水平要保持一流精细,所以我们采用这种方式,好玩,简单,雅俗共赏。

 

调性、风格、品质感也一直没变,但呈现形式不断创新,就是想每年都给大家带来不一样的新意。如果细心的用户其实可以看到我们画里面处处有玄机,很有内涵的。


(2)网易哒哒主创团队


受访者:宋欣蔚(主策)


团队成员:策划——宋欣蔚,江圳强,刘玲玲;前端——周江,贺精淼,陈晓祎,王震;动效——王锐;设计——孙铭潞,白鹤


Q:H5《我猜,你的2016在这里》需要多少人去筹备,你在里面承担的角色是?


网易哒哒:我是这个项目的主策,另外还有两位策划,四位前端,两位设计,和一位动效。

 

Q:你们一开始的目标和创意方向是?


网易哒哒:设计初衷一方面是想满足年轻人重新审视、总结自己一年来的经历的欲望,另一方面也宣传了哒哒工作室关注青年文化的理念和态度。

 

Q:“梦见、嗨、一个人、咸鱼、初心、月半、释怀、匆匆、扯”这些关键词是怎么确定的?


网易哒哒:根据年轻人的生活状态、生活趣味以及生活感受设计的,每一个词都比较容易引发用户的共鸣。



像月半这个词的初衷,大多数女生都管不住自己的嘴,甚至男生也会。在这个页面中,改造吃豆人这个创意既涵盖了年轻人的情怀,又有一点日式冷幽默的感觉,上线之后有用户评价说:玩到停不下来,超想吃甜甜圈。

 

再比如“一个人”这个页面,会让很多年轻人表达自己孤独的状态。年轻人的孤独并不一定是负面的,一个人也可以绽放出不一样的烟火。


每一个词的选择,每一个交互细节,每一个设计细节都是精心打磨过的,都有它想去表达的意义,期待着用户去发现。


Q:这次内容推出后,投放渠道和反响怎么样?


网易哒哒:内容首发是网易新闻客户端,其他一些渠道还在铺。H5在网易新闻上线以后,我的同事们只是转发了一下,H5就传开了。大家都很喜欢转发,得到的反响都是各种好评!

 

Q:网易哒哒在奥运时出过《用你的洪荒之力,画一个小人》,二者有联系吗?


网易哒哒:这两个H5的风格与定位不太一样。《小人》是跟热点走的,而《请回答2016》是哒哒的年终策划。小人是诙谐一些的感觉,而这个是让每个人可以联想到自己与自己本身有个对话,形式上新颖、有质感,且充满趣味性。

 

Q:我有注意到你们交互上的创意有借鉴一些国外网站?


网易哒哒:我们先确定了选题,想做一个引发年轻人思考,回顾自己在2016的经历和成长的内容。


在策划的过程中,我们确实注意到了一些国外网站,是启发灵感的一个来源。但我们在这个基础上有了自己的创造和发挥,比如说怎样把策划和交互的内容合理的结合在一起。


我们想更多融入年轻人的这一年的生活状态和情感,考虑人可能会有的共情。比如难以坚持的初心,比如痛苦的蜕变,比如对生活很"扯"的调侃。

  

最后,前端老师在这次的策划中也非常给力,我们期待实现的效果基本都实现了,非常感谢他们的付出。



作者:种子、尼姑拉丝赵四、Tianxx、

本文来自PS教程网www.46PS.com,转载请注明!关键词:案例解析案例解析教程酷友观点经验


PS教程