中青在线：光说不练假把式，点进来刻个字，做一回匠人

2016-08-17 H5案例分享 H5案例分享

案例：光说不练假把式，点进来刻个字，做一回匠人

出品：中青在线

亮点：

策划上，图文展示类，① 水墨晕开，随后出现了一个小交互，请用手在印石上雕刻一个“匠”字；② 采用多幅图文，对“匠”进行了全方位、多层次的解释说明，而后由展现了几位现代的工匠大师的作品及品格
设计上，古风风格，采用棕黄色作为主色调，晕开的水墨，中国风信纸，印石等元素都极具中国风
交互上，用手在印石上雕刻一个“匠”字，采用的是擦除方式
技术上，晕开的水墨动效采用的是gif动图；擦除雕刻“匠”字采用的是Canvas，滑屏主要采用的是Swiper

技术实现： jQuery + Swiper

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

光说不练假把式，点进来刻个字，做一回匠人-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签