网易云音乐 X 19th创意工作室：看看我的性格泡泡

2021-08-13 H5案例分享 H5案例分享

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

识别图中二维码

看看我的性格泡泡-查阅二维码

完整欣赏此案例大约需要20秒

案例：看看我的性格泡泡

品牌：网易云音乐 X 19th创意工作室

技术实现： html5

亮点：

可爱的性格类型选择作品，生成性格分析，还可以分享给好友考验默契。

选择性别，点击三个符合自己特点的性格泡泡，被点击的白色泡泡会变成彩色，沉睡的表情也会变成醒来，点击完毕，生成性格分析海报，包括把性格泡泡上的描述串起来的解说语，用户名和出品方名字，用户可保存海报或分享好友，看看好友对你的评价是否和自己认为的一样，左上角有互动好友人数。

淡黄的背景色，白色的性格泡泡整齐排列，被点击后变成彩色，视觉对比明显，泡泡表情也会从睡着变为醒来的各种表情，看起来十分萌趣，三个泡泡选择完毕后泡泡群有简单的动态效果，泡泡晃动，位置变换，憨态可掬。描述词也是热门的词汇，宅，偶像包袱，大佬等。

非常简单的测试，氛围轻松，各种描述引发用户好奇心，想知道自己在朋友心中最鲜明的个性特点有哪些，就快快邀请朋友参与吧！

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

标签