恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
工具类App「xiaopiu」 原型分享
0.0°
2018-01-15 原创文章 教程 举报 2952 6 3 0

在过去的大半年里,我们给大家分享了数十个精心制作的各个行业的优秀app原型,用户累计下载达到数万次。这一次,终于可以分享我们自己的app原型了!虽然app还没上线,但我已经迫不及待地想先来把原型分享给大家,希望能在大家设计同类型或同模式的app时提供参考。

xiaopiu是一个在线原型平台,可以随时随地创作原型,实时保存,实时和他人协同,一键分享,并且提供多款各行业项目模板以及丰富的组件库和页面库来帮助用户快速构建自己的原型。

我们目前正在开发的移动端app,主要用于用户全屏预览原型、让演示效果更真实和流畅,并非让用户直接在手机上制作原型。所以相较于网页版,app的功能非常精简,只保留了「广场」、「工作台」、「我」三个主模块,并且只保留了「项目」这一个分类。

在这里,我们将内部制作的原型全部分享给大家。其中有「登录/注册」、「微信登录」、「扫码访问」、「修改权限」等流程,同时有「分享弹层」、「权限弹层」、「toast」等等常用组件,还提供了「列表」和「画廊」两种项目浏览模式。麻雀虽小,五脏俱全,这套原型中包含了我们app的所有页面和流程,非常完整。


高低保真原型对比展示

Image title

部分原型流程预览

Image title


手动预览更多流程可以点击这里→ xiaopiu App 高保真原型


组件库展示

Image title

利用组件库快速搭建页面

1. 在精选广场的组件库里搜索 xiaopiu,在搜索出的组件库右下角点击「引用为我的公用库」

Image title

或直接进入 xiaopiu App组件库 ,然后点击右上角的引用按钮~

Image title

2.如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,搭建自己的页面,比如快速搭建一个「项目列表」页面:

Image title

资源地址

高保真原型地址→ xiaopiu App

低保真原型地址→ xiaopiu App(低保真)

高保真页面库地址→ xiaopiu App 高保真页面库

低保真页面库地址→ xiaopiu App 低保真页面库

组件库地址→ xiaopiu App组件库


其他资源分享

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场



欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!

如果你觉得还不错,就点个赞吧!哈哈,给我们一点更下去的动力!~动力!~动力!~

更新:2018-01-15

收藏

6人已收藏

xiaopiu

xiaopiu.com - 优雅高效的在线原型设计平台

  • 106

    作品

  • 1622

    粉丝

  • 1

    关注

  • 无缝切换工具,「Sketch 适配模式」开启快速上手新体验!
  • 高效评审 : 和团队一起在设计稿上「打点讨论」!
  • 「即时设计」又双叒叕更新啦!「团队版」让你协作、管理更轻松!
  • 「即时设计」更新啦!飞速迭代,5 大功能同时上线!

    猜你喜欢

      2018-01-15 原创文章 教程 举报 2952 6 3 0

      工具类App「xiaopiu」 原型分享

      0.0°

      你确定要举报工具类App「xiaopiu」 原型分享

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录