网易新闻：来这里，PICK你的年代装备

2018-12-14 H5案例分享 H5案例分享

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

识别图中二维码

来这里，PICK你的年代装备-查阅二维码

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

案例：来这里，PICK你的年代装备

出品：网易新闻

亮点：

策划上，首先点击pick进入页面，通过让用户选择自己是几零后，分为70-80年代和90-现在，70-80年代的是，四项选择，分别是：性别分男女，下面的子选项中有头型、上身、下身、饰品；场景两种老式土墙，砖石墙；这个年代背景搭配的物件；90后也是四项选择分别是：性别分男女，下面的子选项中有头型、上身、下身、饰品；场景两种灰色漆的墙和石灰路；这个年代背景搭配的物件。最后生成一张，下面有再pick一次还是查看菜单，生成海报并长按保存图片。
设计上，扁平化，每个年代都不一样，可以按着自己的年代来搭配调试。
交互上，在每个选项下面的元素都可以拖拽，旋转，元素多的可以滑动屏幕。
体验上，一些老物件能唤起回忆与情感。

技术实现： swiper

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

标签