天猫：色彩能量值检测报告

出品：anna

这是天猫推出的一支测试类的H5，在3.8日女王节之际，测试女孩子可能都不知道自己的隐藏属性——色彩能量值。

策划上，用户进入页面可看到背景不停变换，点击“测测我的色彩能量值”按钮可开始测试，用户从给出的10件商品中选择3件加入购物车，点击“购物车”图标结账，然后生成一张我的色彩能量报告，蓝红黄各占百分之多少，还有多少K的能量值，有两个按钮分别是：“再测一次”和“点击此处截图保存（生成二维码，‘再测一次’按钮消失）”。

设计上，以浅蓝色为主色调，色彩清新，页面上的元素皆以手绘形式展现，结果页的人物形象色彩饱满，与背景形成反差。

我要定制案例

3188 收藏