一个鸿篇巨制的H5，2万个图层细节，惊艳了朋友圈
2018/2/9 21:04:54 差评

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

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

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

    

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

    

    

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

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

    

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

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

    

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

    

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

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

    

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

    

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

    

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

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

    

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

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

    

     ↓有的在滑板：

    

     ↓有的嘟着嘴，吹口哨吗？

    

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

    

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

    

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

    

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

    

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

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

    

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

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

    http://weixin.100md.com
返回 差评 返回首页 返回百拇医药