工具类App「xiaopiu」原型分享
在过去的大半年里,我们给大家分享了数十个精心制作的各个行业的优秀app原型,用户累计下载达到数万次。这一次,终于可以分享我们自己的app原型了!虽然app还没上线,但我已经迫不及待地想先来把原型分享给大家,希望能在大家设计同类型或同模式的app时提供参考。
xiaopiu是一个在线原型平台,可以随时随地创作原型,实时保存,实时和他人协同,一键分享,并且提供多款各行业项目模板以及丰富的组件库和页面库来帮助用户快速构建自己的原型。
我们目前正在开发的移动端app,主要用于用户全屏预览原型、让演示效果更真实和流畅,并非让用户直接在手机上制作原型。所以相较于网页版,app的功能非常精简,只保留了「广场」、「工作台」、「我」三个主模块,并且只保留了「项目」这一个分类。
在这里,我们将内部制作的原型全部分享给大家。 其中有「登录/注册」、「微信登录」、「扫码访问」、「修改权限」等流程,同时有「分享弹层」、「权限弹层」、「toast」等等常用组件,还提供了「列表」和「画廊」两种项目浏览模式。麻雀虽小,五脏俱全,这套原型中包含了我们app的所有页面和流程,非常完整。
高低保真对比原型展示
部分原型流程预览
手动预览更多流程可以点击这里→ xiaopiu App 高保真原型
组件库展示
利用组件库快速搭建页面
1. 在精选广场的组件库里搜索 xiaopiu,在搜索出的组件库右下角点击「引用为我的公用库」
或直接进入 xiaopiu App组件库 ,然后点击右上角的引用按钮~
2.如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,搭建自己的页面,比如快速搭建一个「项目列表」页面:
资源地址
高保真原型地址→ xiaopiu App
低保真原型地址→ xiaopiu App(低保真)
高保真页面库地址→ xiaopiu App 高保真页面库
低保真页面库地址→ xiaopiu App 低保真页面库
组件库地址→ xiaopiu App组件库
文/Sophia(知乎专栏:xiaopiu工坊)