小精灵创作室：想把我唱给你听

2016-07-21 H5案例分享 H5案例分享

案例：想把我唱给你听

出品：小精灵创作室

亮点：

策划上，游戏类，① 选择你最想把自己唱给谁？有另一半、朋友、自己和父母可供选择；② 选择好后，点击播放按钮，可聆听柚子Music，也可去看看“关于我的故事”；③ 选择好想唱给谁听后，还可输入你想对TA说的话，上传照片，点击“唱给她听”，调起录音功能，将自己唱的美妙音乐录进去，而后分享给TA，让TA知道；④ 点击第二屏上的“关于我的故事”按钮，长按弹出层上的二维码即可关注“小精灵创作室”，回复“故事”可聆听柚子的故事
设计上，① 色彩搭配的非常好，十分的协调；② 色调小清新，采用棕色作为主色调，有一种温馨温暖之感；③ 另一半、朋友、自己、父母的圆形图标加上淡淡的阴影，显得十分精致漂亮
体验上，适配上处理的不够精致，“关于我的故事”详情页，在有的机型下，页面顶部与微信条衔接部分有空隙，不过也是可以理解啦，毕竟是用工具做的~

技术实现：由Epub360工具制作

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

识别图中二维码

想把我唱给你听-查阅二维码

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

标签