草莓音乐节：又见人物制作H5

2018-03-09 H5案例分享 H5案例分享

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

识别图中二维码

又见人物制作H5-查阅二维码

完整欣赏此案例大约需要1分钟

案例：又见人物制作H5

出品：草莓音乐节

亮点：

策划上，DIY海报生成。该H5允许用户自由定制卡通人物的类型风格，例如发型、上装、下装、鞋和配饰。在制作人物完成后，选择背景，继续引导用户生成海报或者头像，促使用户分享传播。草莓音乐节和摩登天空的LOGO在H5的页面均有显示，品牌漏出很多。
设计上，这个H5背景以黄色为主，人物形象设计为卡通风格，比较活泼、可爱。海报的设计以及风格均由用户决定，衣服配饰的选择有多种选择，增强用户的存在感。
交互上，形式为点击页面按钮+长按屏幕+输入文字。
体验上，这个H5的人物制作是个亮点。人物制作的每个部分都有着几十个之多的选择，使得每个用户生成的人物几乎各不相同，制作也更精良，生成的海报也可以尽量贴近用户的设计初衷。可想而知，如果人物制作类H5制作出来的就那几种，每个人的也差不多与几十种选择生成的无数变化来比较，后者也具有前者无可比拟的传播效果。

技术实现： jQuery

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

标签