电子商务的快速发展在零售端不断驱动消费格局的重建，用户网络购物的消费习惯也已逐步形成。截至 2016 年底，我国网络购物用户规模已经达到 4.67 亿，较 2015 年底增加 5,345 万，同比增长 12.9%。从市场规模来看，截至 2016 年底，我国网络购物市场的年交易规模达到 4.7 万亿元人民币，同比增长 24.7%。

——中国产业信息网，《2017年中国网络购物行业发展概况分析》

网络购物带给人们便利，只需要在手机上浏览下单，几天后订购的商品就能送货上门，网络购物受广大群众欢迎，发展极为迅速。本次给出的是「小米商城」的app原型，主要包含浏览商品、选择购物、下单、查看订单及物流的完整基本操作流程，页面包含 「首页」、「分类」、「发现」、「购物车」、「我的」 等一级页面， 「小米之家」、「文章详情」、「商品详情」、「结算」、「确认支付」、「付款成功」、「付款失败」、「订单详情」、「消息通知」、「待收货」、「物流详情」、「我的订单」 等次级页面，提供完整流程且带交互效果的组件。做购物类app的童鞋一定别错过啦！

高低保真对比原型展示

高保真原型流程预览

手动完整预览请点击→ xiaopiu-「小米商城购买流程」高保真

高保真组件库展示

利用组件库搭建页面

在精选广场的组件库里搜索 小米商城，在搜索出的组件库右下角点击「引用为我的公用库」

或者直接点击这里→ xiaopiu-小米商城组件库

然后点击右上角的引用按钮~

如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，快速搭建自己的页面：

资源地址

高保真原型地址→ xiaopiu-「小米商城购买流程」高保真

低保真原型地址→ xiaopiu-「小米商城购买流程」低保真

高保真页面库地址→ xiaopiu-「小米商城页面库」高保真

低保真页面库地址→ xiaopiu-「小米商城」页面库低保真

高保真组件库地址→ xiaopiu-「小米商城组件库」

文/WOOSEVELT（知乎专栏：xiaopiu工坊）