健身社交、生鲜电商原型怎么做？看这篇就够了！（附赠地图组件）

时光不老，我们不散，「素材播报」又来啦。

这一期，我们将聊聊健身社交原型、生鲜电商原型和地图组件。

话不多时，直接进入正题吧。

健身社交原型

健身行业随着「全民健身」、「全民运动」这样的口号，迅速崛起。健身早已成为了一种新的生活方式，马甲线、八块腹肌成为了新的审美。

但如今，线下健身房价格昂贵，并且大多未恢复营业，线上健身就成为了一种新的选择和趋势。

对于健身的人士而言，单打独斗不如好友互相打卡监督、交流健身知识。所以，线上健身跟社交密不可分。

那在原型设计上应该有什么侧重点呢？不如看看本期的「健身社交」原型吧。

区别于一般的健身产品，这个原型主要以社交为重点。抓住了好友互动的点，比如：只需连接你的健身设备，就可以与好友进行一次减脂的线上“PK”。

除此之外，原型包含了一键匹配、我的圈子、我的设备、排行榜、个人中心等核心页面。

虽然设计较为单一，整体交互完整，大家可根据自己的想法进行二次加工，以便使用。

最后给大家介绍一下作者：明杰，95年互联网小油条，从业产品2年，擅长原型交互设计。

生鲜电商原型

从2015年起至今，生鲜电商市场规模从497亿元到现在，超过了2000亿元，一直保持着高速的增长。

其中最典型的生鲜电商软件，就是「盒马鲜生」。本次分享的原型，很大一部分参考了参考了生鲜领域的top产品，以此来跟大家分享一个生鲜电商的原型，应该如何制作。

作为电商软件，商品搜索及详情页是最基础的。

其次，购物车、订单提交、查看评论等核心页面也囊括在其中。

整体设计简单，配色统一，适合电商类产品的小伙伴们进行复用。

地图组件

不管是打车、社交软件，还是外卖点餐软件，都收到未知的限制，在使用中都需要通过定位授权。在制作这类原型时，地图组件当然必不可少。

现目前已上线了5个标记图标；2个说明图标、定位图标及切换图标。除了图标外，还准备了缩小放大组件、地图样例。