近两年来，设计圈开始流行起一股三维设计风潮，比如大多数设计师们认为现阶段必学的 C4D，究其原因，无外乎是看上它新奇惊艳的视觉表现力，不仅在电商设计领域崭露头角，更逐步扩展到各个不同的设计行业，得到广泛的应用。
到底为什么 3D 效果会受到如此欢迎，下面直接上图，请随意体验：
以上这些作品都是来自 Behance 各路 C4D 大神的设计，从画面上第一眼就能非常的直观的感受到酷炫、时髦、高逼格等，试想一下——
" 如果将这样的 3D 效果运用在 H5 中
又会碰撞出怎样的火花呢？"
其实早在 2015 年，就已经有创意商／品牌方开始探寻，如何将惊艳的 3D 效果通过 H5 这种新颖的传播途径，来不断刷新用户的感官体验，打造不一样的刷屏爆点。
比如 NIKE 出品的《每双球鞋都有一个故事》，就是将原来的二维图片、文字换成三维的立体形象制作的 H5，在当年可以说是最具有技术性的一支 H5 了。
说了这么多，如何在 H5 中得心应手的运用 3D 效果吸引用户呢，这里给大家列举 3 种常见的使用技巧哦～
一、 3D + H5 虚拟场景
第一种 H5 创意就是搭建一个 3D 的虚拟场景，通过场景化的 3D 效果来达到比较震撼的画面表现，比如两年前杜杜出品的《杜蕾斯美术馆》，就大胆的采用伪全景的 3D 形式，开展了一次线上的“液体主义”群展，上线仅仅一天就突破了 100w 浏览量。
不过，当时主要还是受到技术上的限制，这个 H5 案例并没有实现真正意义上的 3D 效果，所以在今年的 3 月初，这个营销品牌又双叒叕重新开展啦！
案例：杜蕾斯美术馆系列
既然是 2.0 的升级版本，那肯定是在策划与设计上下了很大的心思，事实也正是如此。《杜蕾斯AiR薄·物馆》从设计上采用了 3D 建模的形式，用户可以点击任一一款物品，观看其背后所深藏的每一个不同的爱情故事。
案例：韩诺健康
这是来自意派推荐设计师海绵广告（设计主页）所策划的 H5 案例，从技术实现上看，前期采用 C4D 来进行设计与渲染，然后再将设计好的序列帧图片导入到意派 Epub360 中发布成 H5 作品。
整个作品属于产品类的宣传介绍，涉及到医疗健康领域，对于设计师来说创意实现难度不小。但是该 H5 案例却能够借由 3D 的场景效果、小清新的视觉画面，很自然地就让用户接受和认识到体检的相关常识。
这里要注意，打造场景类的 3D 效果，需要耗费一定量的图片素材，特别是在序列帧的处理上，要尽力去压缩素材，否则容易造成 H5 播放卡顿、不流畅等问题。
二、3D + H5 视频
风靡朋友圈的视频 H5，也可以借由 3D 效果，设计成全新的 3D 视频 H5，比如现在两会期间的新华网出品的 H5《跃然纸上看报告》就利用 3D 视频技术，形象生动的介绍了来做政府工作报告的内容，的确是契合了标题中“跃然纸上”这四个字，颇具质感。
案例：让心意先到家
H5 案例完整体验（视频版）
该视频 H5 采用了 3D 效果模拟了一个爱心球在轨道上运转的过程，沿途经过有诸如广场舞、家庭房屋等颇具生活气息的画面，再根据各种不同的场景配合一段对应的购物数据的解读，最后引出温馨的品牌主题。
2,597,056 名 80 后购买了“广场舞音响“、
”遮白发染发膏“，帮爸妈留住青春芳华。
搜索「妈妈保暖内衣」共 1,944,410 次，
搜索「爸爸的棉裤」有 709,893 次。
这一年“家庭装”的搜索次数共计 180,079,154 次，
双十一当天，212,962 人次购买了“卫生纸”、“洗衣液”寄往三个家庭。
2017年，通过淘口令共分享出 142,852,752 个商品，
而包含“妈妈”“爸爸”信息的商品评价多达 57,740,966 条。
另外，单纯以视频 H5 的形式展现，在交互上对用户并不算友好，可以尝试采取 3D 视频+序列帧双重结合的方式，通过点击、长按、左右滑动等触发方式，将 H5 案例的交互性、趣味性凸显出来，也许更能受到用户欢迎呢！
三、3D + H5 小游戏
不难发现，如果将 3D 的卡通效果用在 H5 小游戏里，一定也会是非常不错的点子。今年 3.8 的女神节，滴滴出行就上线了一款少女心爆棚的 H5 小游戏！
案例：我的少女心解锁后竟然是这样的
整支 H5 小游戏从女生都比较喜欢的“换装游戏”为切入点，通过 DIY 搭配不同的服装配饰来解锁领取滴滴快车券，同时还可以保存自己的设计并分享到朋友圈进行二次传播。
看到这里，现在的你是不是已经对 3D 类 H5 有些想法了呢，那就赶紧玩耍起来，期待大家的优秀案例上榜哦～
关注更多H5设计、案例、资讯