魅族：回忆你的大学寝室

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

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

识别图中二维码

回忆你的大学寝室-查阅二维码

完整欣赏此案例大约需要2分26秒

案例：回忆你的大学寝室

出品：魅族

亮点：

策划上，布置场景的H5，首页是回忆大学寝室，然后点击开始回忆后，用户自己参与选择六项，分别是：宿舍上床下桌，上下床铺，男生宿舍，女生宿舍；床铺，上左上右下左下右四张床铺；人物分两种，男生女生；家具有桌子、椅子、窗户、空调、鞋架，植物、音响、钟表、电扇、热水壶等等；元素分抱枕、零食、书包、海报、拖鞋、卫生纸、口红、化妆盒、书籍；对话框分方形的、圆形的、云状的，最后点击拍照，生成一张回忆中得寝室，可以分享给朋友。
设计上，扁平化，可以按着自己回忆的当年寝室来调试。
交互上，下面的元素可以拖拽大小
体验上，来了一波回忆杀，大学是一个人对回忆青春必不可少的地方，那里结识的人很可能就是一辈子的朋友，那里谈的恋爱也许会是最刻骨铭心的，承载着青春的记忆。

技术实现： iH5

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

标签