蓝鲨网 首页 · 社会

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

蓝鲨网
科技微讯
2018-02-09 22:50:29  阅读:

我在朋友圈欣赏了很多 H5 页面,各有特色,但 “狗年大集” 可以说是我见过的细节最丰富、最逼真、最好玩的微信 H5,我忍不住,盯着它看了很久!

然后我发现了超级多的彩蛋!

↓首先,盛大开放的 “狗年大集” 其实就是一个年货大街~ 市集大门除了那些漂浮的年年有余,那些闪耀的张灯结彩,你还发现了啥?

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓我还发现了一顶冒蒸汽的井盖、一盏发着光的红绿灯,还有两个迷你消防栓!三小件营造了一个规划有序的精致小镇形象:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

沿着道路标志往前走,开始逛街!

↓整体画风是酱紫的,仿佛是童话世界里的小人国;细节丰富得,简直就是现代版的清明上河图。整条大街,设计师用了将近 2 万个图层,不合并图层的文件体积高达 20GB 左右,如果打印出来,就是 1米 x 8米的鸿篇巨制。

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

狗年大集汇聚了 20 个知名年货品牌,有很多好吃的。最有趣的是,设计师给每个品牌分配了一栋各具特色的门店!

↓比如头顶一杯茶的 Lipton 奇遇茶馆,茶包还牵着一个小气球呢!茶馆里有暖暖的灯光,周围的气球微微浮动,杯子里的茶水波纹荡漾,一种惬意的氛围跃然纸上:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓还有屏幕不断切换的卡西欧大楼,大楼外有一对小狗情侣,他们在拍照,超有趣:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

“狗年大集” H5 全是这种细腻、精致的设计,但每一个细节都有它存在的明确意义,而非设计师调皮的个人炫技,好的技术,都是为创意、为内容服务的技术。

↓比如天津狗不理包子,这是设计师专门跑到餐厅真实拍摄的包子,热气蒸腾的动画让人胃口大增:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓为了表现狗不理中华老字号的身份,设计师还在周围设计了一对舞狮,以及流露着岁月痕迹的旧款居民楼,周围挂着五颜六色的霓虹招牌,还有人在窗外晾衣服呢!

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓再比如青岛啤酒,酒杯上泡沫溅动,点缀着绝配的网红小龙虾,三五知己在露天的酒吧里把酒言欢,蹦迪用的镭射光旋转摇动,还有小狗露出了微醉的神态,整个画面流露着浓浓的生活气息:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

为了挖掘“狗年大集” 的每一个彩蛋,我甚至把大街上每一位“居民”都仔细看了一遍。

汪汪汪!2018 是狗年,年货大街里,活跃着千姿百态的可爱小狗:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

都是小不点,不过放大来看,小狗居民就“原形毕露”啦。

↓有的在大排档喝酒吃烤串:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓有的在滑板:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓有的嘟着嘴,吹口哨吗?

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓有的手里拿着一罐百事可乐:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓话说百事的自动售货机,全是百事自家的饮品:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓听说设计师喜欢吃巧克力,所以有个小狗在吃巧克力:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

↓既然是年货大街,当然有很多小狗提着购物袋啦:

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

还有很多神态举止各异的小狗狗,一个个去看,差点被萌翻~这些小狗居民都叫 JOY,JOY 是京东的吉祥物。今年狗年,刚好是 JOY 的主场。

↓为了还原真实生活,设计师还设计了很多广告路牌,上面写着:狗年好彩头,把 JOY 带回家。

一个鸿篇巨制的H5,2万个图层细节,惊艳了朋友圈

所以怎么才能把萌萌哒的 JOY 带回家呢?上京东,买年货,就能把 JOY 带回家。因为京东 2018 年春节联合近千家品牌,推出狗年 JOY 定制包装产品!

狗年买年货,主场在京东。“狗年大集” 已为你准备好啦,点阅读原文,和小狗居民一起扫年货,探索年货大街的彩蛋吧!狗年大集,越逛越旺!

上一篇 下一篇
精彩推荐