pixate是一款非常好用的移动交互设计软件,使你无需编写代码创建交互设计服务,Pixate可支持利用CSS开发移动原生应用(支持iOS和Android),通过基本动画和数值对接,满足业务需求。
适合设计师的思维方式
QC的好处是可以比较方便的和程序猿对接,很多动效的实现逻辑和前端的代码逻辑是相通的。也就是说,使用QC虽然不需要写代码,但归根结底还是猿类的思维方式,对于我们这些一点代码不懂,逻辑能力又不是特别好的小小设计师来说,还是有些门槛的。看到满屏的连接线,就让人有点望而却步,搞不清其中的逻辑。
作为设计师,无论是交互还是视觉,无论是用PS、AI还是用Axure、Sketch,我们最最熟悉的一个概念,就是图层了。而Pixate的操作方式,同样也是图层的概念。Pixate的界面,乍一看有点像PS呢。
如上图所示,左上角是图层区,我们可以将视觉稿或是高保真的交互稿切图后导入Pixate中,所有的图层按照前后顺序出现在图层区中,与PS一样,上层的图片会覆盖在下层的图片上,图层还可以设置成组。历史记录区域也与PS很相似,记录最近的20步操作。值得注意的是,Pixate是随时保存的,如果操作了一堆之后,想要退回到20步以后,就再也回不去了…左下角是手势交互和动画区域,包括常用的手势操作(拖拽、单击、双击、长按、旋转、缩放、滚动)和常见的动效(移动、缩放、旋转、渐隐渐显、变色、改变图片、重复),我们可以将这些手势或是动效直接拖拽到图层上,图层就会实现相应的效果。界面右侧则是对图层属性和交互和动画属性的设置。图层属性可以用来设置图片的大小、位置、透明度等。重头戏是右下角的交互和动画属性设置,通过设置这些参数,可以将手势和相应的动画连接起来,连接完成后,一个可以操作、可以交互的原型就制作好了。
那这些参数该如何调呢?这里给出几个练习的链接,大家做几个实例之后,就会得心应手了。
实时预览,可交互
Pixate的另一个优点就是可以实时预览,并且是可以在手机上实时操作和预览。只需在手机上下载Pixate的app,iOS和Android都可以下载,通过wifi或是数据线连接电脑,就可以实时看到预览效果了。如果懒得连手机,也可以在模拟器上预览效果。
全平台
你可以online使用,也可以在Mac或是Windows上下载使用。Pixate支持多款iOS和Android机型,甚至支持Apple Watch、LG G Watch和Moto 360三款智能手表,可以说是全平台覆盖。
76.4M / 03-25
立即下载55M / 06-05
立即下载237.9M / 04-13
立即下载140.5M / 03-06
立即下载900.9M / 03-02
立即下载96.2M / 07-06
立即下载311.2M / 07-06
立即下载335M / 07-06
立即下载200M / 07-06
立即下载413.8M / 07-06
立即下载353.9M / 06-05
立即下载131.8M / 04-13
立即下载230.8M / 03-03
立即下载195.6M / 03-03
立即下载165.4M / 03-03
立即下载45.6M / 09-08
立即下载665.2M / 07-06
立即下载2.84G / 07-06
立即下载93M / 07-06
立即下载338.3M / 07-06
立即下载1.38G / 07-26
立即下载488.3M / 07-16
立即下载109.8M / 06-03
立即下载142M / 01-08
立即下载1.2M / 11-23
立即下载548.8M / 04-13
立即下载1.6M / 04-13
立即下载1.48G / 03-18
立即下载646.6M / 03-03
立即下载133.7M / 03-03
立即下载325.8M / 06-07
立即下载60M / 04-29
立即下载254M / 04-25
立即下载659M / 04-23
立即下载1M / 12-26
立即下载253.4M / 12-08
立即下载253M / 12-08
立即下载1.19G / 11-16
立即下载110.5M / 04-23
立即下载26.7M / 03-16
立即下载488.3M / 07-16
立即下载248.9M / 12-08
立即下载248.9M / 12-08
立即下载201.2M / 04-13
立即下载100.6M / 03-06
立即下载148.9M / 03-06
立即下载1.12G / 07-06
立即下载1.25G / 07-06
立即下载9.48G / 07-06
立即下载50KB / 07-06
立即下载116.2M / 04-10
立即下载1.92G / 04-17
立即下载201.5M / 04-13
立即下载7.31G / 07-01
立即下载94.3M / 07-06
立即下载2.48G / 07-06
立即下载7.63G / 07-06
立即下载1M / 07-06
立即下载778.1M / 07-06
立即下载509.7M / 07-06
立即下载561.8M / 07-11
立即下载1.32G / 01-19
立即下载72M / 07-06
立即下载548.7M / 07-06
立即下载1.00G / 07-06
立即下载9.13G / 07-06
立即下载126.2M / 07-06
立即下载72M / 07-06
立即下载105.1M / 07-06
立即下载132M / 07-06
立即下载