云开发网上商城实战教程-首页原型

我们上一讲介绍了传统的原型设计工具axure，这一讲介绍一下在线的工具，以xiaopiu为例

登录

访问官方的网站xiaopiu

创建项目

输入自己项目的名称，然后选择移动端原型

比axure要好的地方是它底图已经有了

创建状态栏

从IOS组件库拖一个状态栏进来

顶部导航

拖动文字标签，搜索关闭关键字拖动小程序关闭标签

轮播图

搜索轮播图，拖动

九宫格

搜索分类，拖动

商品

拖动商品

预览

效果还不错，好些功能组件已经都有了，省下自己费工夫画了