【拇指期刊 vol.7】案例一:文青的书影单

原创 收藏 评论
举报 2016-03-29

案例背景

名称我们的精神角落 第一章 《看过与想看》
标签豆瓣 W 文艺 书籍 电影 
表现形式游戏需求背景品牌宣传
创意指数★★★★★实现难度★★★★


案例赏析

还记得前阵儿被《Zootopia》一遍又一遍的刷屏,涌现了许多讲解电影里小细节的文章,小编觉得还蛮有意思,也深深地感觉到了制作团队的用心。比如“Weaselton”贩卖的盗版碟,其实就是恶搞了好几部迪士尼动画,相信大家都印象深刻。

douban1_0.png

图片来源:毒舌电影 《为了这些看不到的精彩,我愿意再刷一遍「疯狂动物城」》

然而小编不是来安利《Zootopia》,更不是来安利毒舌的。咱们还是看回豆瓣的这个触屏页。一屏的内容,没有翻页,没有滚动,这里面却藏了作者的许多小秘密!你有没有细细挖掘?

显而易见,贯穿整个第一章的线索即是“眼”。设计上,作者也不遗余力地为我们呈现出各种各样的“眼”。

但据说这是一个游戏,乍一看有点儿懵圈,制作方温馨地贴出了游戏攻略,手把手带你找到那颗传说中的“豆瓣”。

当然,我们现在不讨论怎么通关。小编以为,比起通关,设计中的小细节更让人兴奋!话不多说,一组对比图过个瘾。

(部分参考:豆瓣《【攻略】一个不能蒙着眼睛玩的游戏》

左眼被夸张化的杰克船长

(图片来源:豆瓣《加勒比海盗》

结合了大眼仔和毛怪特色的独眼毛怪

(图片来源:豆瓣《怪兽电力公司》

眼睛会发出攻击波的奥特曼打着小怪兽(小编分不清凹凸曼的区别,要是上错图求轻拍)

(图片来源:百度贴吧——奥特曼吧

紫色皮肤(嗯哼?)的杨戬(就是二郎神啦~)

(图片来源百度百科——杨戬

杨戬变脸后成唐卡(藏族文化中的一种绘画艺术形式)里绿色的三眼妖怪

(图片来源:中国唐卡网——吉祥天母唐卡

陀螺一倒,柜子壁上眼睛就会睁开

(图片来源:豆瓣《盗梦空间》

掌心有眼睛的佛手(经小编研究,这应该是佛教中的四十二手眼) 翻动着佛经

(图片来源:新浪博客——释迦稚子的博客

眼睛会射出光芒的特异人斯科特·萨默斯

(图片来源百度百科——镭射眼

好的~细节就挖到这儿,你可能和我一样感叹创作者涉猎之广。然而这么多带“眼”的作品,要表达些什么。

保存进度浮层的文案透露了玄机:

眼被你手中的豆瓣启蒙/从此阅读和观影变成精神角落的首选。

显然,“眼”的感官对应的是“豆瓣读书”和“豆瓣电影”两大频道。而上面的作品,也大都是书和电影~

它让看过的被读懂/让想看的被发现/让我和你/从此相见。

我们可以在豆瓣里标记自己“读过”和“想读”,“看过”和“想看”,在豆瓣里分享我们的心得,让彼此的感受碰撞升华,这不就是“相见”?

我们从书和电影中吸纳知识、情感与智慧,内在世界的这个房间,也将跟着扩展和延伸。而那些你看进去的,都会成为你的性情、你的阅历、你的精神。

——数英网:W《豆瓣:我的精神角落 第一章 移动网站》

然而,读书和电影并不是豆瓣的全部。你会说,我的豆瓣还有小组、有同城、有FM。的确,每个人心里的“豆瓣”都是不尽相同的,它真实朴素、直达内心;它包罗万象、千变万化。

同步推出的TVC:

恰到好处的描绘了每个人心目中对豆瓣的认识。

广告承载的价值可以是让人开怀一笑的娱乐性(杜蕾斯的广告),也可以是某种情感共鸣(Newbalance的“致匠心”),与豆瓣的这支“我们的精神角落”一样,这类广告比起单纯的行为支配式广告(买卖二手车,就上瓜子二手车直卖网),由于价值交付系数的提高,从而更容易得到用户的主动介入和传播。

——站长之家:《豆瓣在『我们的精神角落』广告中使用了哪些策略》

其实TVC里也藏着不少亮点,仿佛看到了《2001:太空漫游》里的隧道,甚至看到了游戏《生化奇兵3》中坐卫生间升天的情节。

douban1_10.png

(图片来源:豆瓣《2001:太空漫游》

这里有书、有爱情、有音乐、有志同道合的人、有思想的碰撞,这都是“我的精神角落”。

豆瓣的这一系列广告一推出,业界纷纷猜测豆瓣接下来可能会有相应的商业活动。我看不到这么多背后的东西,我只知道,触屏页的游戏深深吸引了我,TVC让我产生共鸣。豆瓣予以我的,是纷扰世界中的一份清静安宁,是物欲横流中的一份精神寄托。这,是我的“豆瓣”。

触屏页的技术实现上,第一二章都是类似的方法,逐帧的动画实现,使用Canvas,配合jQuery与CreateJS进行控制。使用base64编码处理小图,雪碧图及位置控制估计是用工具实现。总体积5M,体验流畅。

——我们是拇指期刊,来自凹凸实验室

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)