华为：Mate 50系列专属头像

2022-12-01 H5案例分享 H5案例分享

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

识别图中二维码

Mate 50系列专属头像-查阅二维码

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

案例：Mate 50系列专属头像

品牌：华为

技术实现： html5

亮点：

1.创意定位

华为Mate 50系列全新上市，摄像头进行了全新的外观升级，用户以摄像头为背景，制作自己的专属头像，感受最新款颜色与样式带来的惊艳。

2.策划逻辑

右划屏幕选择颜色，备选颜色是本次上市的手机外形色，包括经典的昆仑霞光，还有曜金黑，流光紫和冰霜银，颜色背景上有四个圈圈，简画出了新品的摄像头造型，用户输入自己的名字，生成专属头像。

3.设计上

界面简约精美，着重宣传机身的颜色，与摄像头造型，感受不同颜色带来的视觉质感。

4.交互上

头像生成好以后，长按保存，然后可返回界面继续制作其他颜色的头像。

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

标签