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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
你们千呼万唤的「页面流程功能」终于来啦!
0.0°
2019-03-05 原创文章 教程 举报 2262 11 10 3

小伙伴们,好久不见。

今天我们带来了xiaopiu 2019年第一波重大更新!让我跟你们好好唠唠!


经过近4个月的努力,甚至不惜花下血本重写了整个底层渲染体系,我们终于上线了你们想要的「页面流程」功能!同时,我们还为此开发了全新的「演示模式」,让你们的项目演示和评审更给力!


来来来,话不多说,先放个动图感受一下:


Image title



怎么样,是不是看的“眼花缭乱”呢?那么接下来我就给各位小伙伴介绍一下「页面流程」功能吧,准备好小本本呦~


“分分钟”搞定页面流程图


除了产品原型外,我们常常还需要在做一份页面流程图来体现产品的业务逻辑和用户流程。现在,xiaopiu将二者的创作合二为一,你只需要点击进入页面流程模式,就可以看到已经做好的所有原型页面,悬停到任意组件和页面,拖拽即可生成连线。无需切换软件,xiaopiu让你“分分钟”搞定页面流程图。


除此之外,xiaopiu还可以根据您已经设置好的事件帮您一键自动生成页面间的关系连线,是不是很!给!力! 


Image title


自动同步页面修改内容


xiaopiu的原型内容与页面流程图内容是实时同步更新的,一处修改,全部更新。再也不用修改一个组件,要跑到好几个地方去更新了。


Image title


多种连线样式和备注让你的流程更清晰


为了“帮你”更清晰地梳理页面流程,xiaopiu内置了多种线条样式供你选择,你可以选择不同的线条样式,来区分不同的流程,比如一种样式代表主流程,另一种代表分流程。


除此之外你还可以在连线上加上备注说明,更清楚地表达交互逻辑。


Image title


轻松创建多个子流程


一般来说,我们一个产品往往拥有多个不同的业务流程。所以xiaopiu还支持创建多个子流程,让用户可以对产品内单个功能或某一种场景的用户流程进行详细地说明。


一切都被安排的明明白白!


Image title


快速添加事件


咱们的「页面流程」可不仅仅只能做流程,还“顺便”给大家带来了一个「快速添加事件」的方式。


在创建流程连线的同时也会自动创建对应的页面跳转事件,流程做完,链接也全部都加好了,流程、交互两不误!


Image title


一键分享


当页面流程的制作完毕后,总需要交付给团队的其他小伙伴进行后续的设计和研发,但往往到项目最终上线时,回头一看,其实已经来来回回交付了十几次都不止。


xiaopiu为了保证内容输出物的“唯一性”,果断采用了「分享链接」的方式,你只需要把链接发给同事,当内容修改后,其他小伙伴刷新一下就可以看到最新内容了,怎么样,是不是很方便呢~


Image title


导出“高逼格”超清大图


有些小伙伴会说,那我不想要链接怎么办,我想导出完整流程图放到自己的产品文章中分享到其它社区!


嘻嘻嘻,不要慌,这样的需求我们也考虑到啦,1秒即可导出“高逼格”超清大图,助你成为产品社区最靓的仔!


导出入口:多视图模式顶部「导出」按钮:

Image title



导出大图:

Image title


更“酷炫”的演示方式


为了在项目评审时有更好的演示效果,xiaopiu上线了全新的「演示模式」


纯净的界面、动态的演示方式、交互原型和页面流程的无缝切换,一切都是为了让你在项目评审时轻松cover全场,完美讲述你的产品思路。


所以,你只需要认真做好产品设计就好,其他的评审演示什么的,xiaopiu会帮你搞定的~


Image title


以上就是我们本期的重点内容了,怎么样,赶紧去亲自尝试一下新功能带来的快感吧~


那么页面流程的入口在哪里呢~


在项目编辑区进入多视图模式后,在顶部导航左侧选择切换至「页面流程」就可以了~(目前只支持移动端项目,Web端的多视图功能开发大大正在紧急开发中~)


Image title


示例项目:《腾讯小经费》页面流程演示



如果您在使用过程中发现有问题或者有好的建议,欢迎随时反馈给我们。

反馈通道如下:

最快速度的回复——用户交流3群:724942043

深思熟虑的回复——讨论区发帖子反馈或填写意见反馈 http://cn.mikecrm.com/3laufqA



以上这些就是xiaopiu此次给大家带来的惊喜了,怎么样,是不是感觉很不错~

我们以前也陆续给大家分享过很多相关资源,用这些项目赶紧去上手试试吧,诺,这是最近的文章,点进去看看吧!



支付宝「实名认证—证件认证流程」原型资源分享


luckin coffee APP 原型分享


财务类APP「ICBC4.0版」原型资源分享


知识付费类app「得到」原型分享


菜鸟裹裹原型分享



更新:2019-03-05

收藏

11人已收藏

xiaopiu

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

  • 106

    作品

  • 1622

    粉丝

  • 1

    关注

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

    猜你喜欢

      2019-03-05 原创文章 教程 举报 2262 11 10 3

      你们千呼万唤的「页面流程功能」终于来啦!

      0.0°

      你确定要举报你们千呼万唤的「页面流程功能」终于来啦!

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年03月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      11
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录