pixate 移动交互设计软件 V1.7 官方版

< >

好玩

坑爹

应用语言：中文
应用大些А：51.9M
更新时间：2015-08-31 09:56
发行时间：
应用类型：普通
应用标签：移动交互设计

pixate是一款非常好用的移动交互设计软件、，使你无需编写代码创建交互设计服务，Pixate可支持利用CSS开发移动原生应用（支持iOS和Android），通过基本动画和数值对接‖，满足业务需求‖。中文注解功能特色适合设计师的思维方式QC的好处是可以比较方便的和程[更多]

大小：51.9M

应用介绍

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或是数据线连接电脑，就可以实时看到预览效果了。如果懒得连手机，也可以在模拟器上预览效果。