开启左侧

xiaopiu-国内最新上线的一款在线原型工具

[复制链接]
754 1
本帖最后由 xiaopiu-李牛牛 于 2017-1-13 13:00 编辑

优雅高效的在线APP原型工具

打开浏览器即可享受软件级的流畅体验!云端组件库、交互动效自定义、高效友好的操作方式让您的创意即刻呈现!


editor-59325023e6.png

首先介绍xiaopiu.com是一款云应用,您打开浏览器就能立即使用xiaopiu。作为一款云应用,首先它具备了云应用的基本属性:即取即用,云端存储,应用版本实时更新。同时它还拥有下面几个高级功能。


云端资源,一键引用

但xiaopiu作为一款新型的原型工具,它的最大特点就是,提倡资源共享。你可以随便引用他人公开的共享资源,可以在他人公开的资源里面,直接编辑,学习他们的制作过程,选取你想用到的任何组件和素材。比如某位用户做好了一个弹窗或者底部导航,他公开了资源,你就可以直接前往获取,将样式简单调整为匹配自己页面即可。我们的资源可以以组件为最小单位保存,同时会将它的事件和交互状态保存下来。举个小例子,如果你看中他们,直接下载就是你的了。


lib-50e14b1a9e.png


共享资源除了下载当然不够,我们还推出了一个引用功能。通过对公开库的引用,库的作者实时更新,你就能获取到最新的更新资源,直接放入到你的编辑界面左侧的资源库里。是不是很酷!让大家想到了github是吧。喜欢创作资源共享的小伙伴们,赶紧来吧,xiaopiu在这里等着您!

当然xiaopiu不像github,免费用户必须公开项目,我们让免费用户也可以支持私有化和密码设置访问,让你的项目和素材都可以作为私有资源。同时我们为免费用户提供的功能权限完全满足个人使用。


精确到每一帧动画
17.1.12(1).gif

所见即所得的交互动画编辑方式,预览,回放,拖拽停留,快捷方便。曲线和延时的调整,又能让您的动画更加生动,更好的表达动效之美。

为了满足用户创作交互动画,xiaopiu提倡的是将组件的动效转化为状态的理念。

比如你需要制作一个小按钮,你只需要将按钮的基础样式制作完成后。给他创建两个状态,一个状态为开启状态,一个状态为关闭状态。然后根据它所在状态,调整为相应的呈现样式,我们就会自动创建状态之间的补间动画。所以在动效的制作过程中,用户只需要想好每个动态组件它需要呈现的各个状态的样子,动画交互就为你自动关联好了。< 按钮小示例 > 打开底部的状态动画面板进行查看动效。

当然大家想更好的学习xiaopiu的动效制作,我们这里也提供了实例教程。教程比较长,大家可以分成几段去完成。如果大家想要先快速学习一下xiaopiu,我们也提供了入门教程


全局架构,自在掌握
17.1.12(2).gif

您可以直接快速切换至多视图面板,所有页面一览无余,对您的页面进行快速处理和逻辑排列,使整个项目层次清晰。

大家在一个app原型项目的制作过程中,全局的预览和逻辑页面的排列一定是至关重要的,xiaopiu专门为大家提供了多视图模式,让大家在创作过程中,一直都有一个全局的概念。这样可以让原型项目的逻辑更加清晰,页面切换更加方便,更能关注到风格的统一和公用元素的使用,跨页面之间的复制也都更好的处理。


关于项目

xiaopiu是一个独立项目,由两人全职开发完成,项目启动至今已一年。经历了3个月的内测,12月中进行公测,收获一波种子用户以后,进行推广。我们希望能通过xiaopiu,让更多的用户在创作原型时更加高效,同时让资源共享,避免重复造轮子。








举报

回复

1 个评论

15099971998    发表于 2017-2-26 23:00:48  | 显示全部楼层
111111111111
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点

更多

社区学堂

更多

客服中心

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表