交互神器pixate

当今社会发展如此之快,包括在交互设计内,有几个很棒的工具也开始发展,比如除了老巨头axure、QC等等,还有新生代的Form,framer studio等等也正在崛起,但在这里我想给大家讲解一下pixate。

由于英文不是很好,大家凑合看。。。。。英文好的可以去这个网址观看Pixate官网网址 ,这是他的官网,有很多关于他的介绍,下载软件也可以从这里下载。

首先我先给大家讲一下什么是pixate?

Pixate是下一代移动交互设计服务,旨在帮助设计人员创建复杂的动画和交互,而无需编写代码。该平台生成100%原生移动的原型,因为它们可以被设计,使您能够提炼独特的经验和沟通互动的理念,利益相关者和团队成员。

Pixate原型仅适用于原生的iOS和Android设备,因为他们是100%原生。这可以让你建立复杂的原型给你同样的经验,你会得到从编写本地的Objective-C或Java,也接近了和工程师之间的交流,重要的是不需要你亲自编码。

另外只要下载在Android或iOS的的Pixate移动应用程序就可以在你的移动设备中预览您的原型!

关于pixate的工作原理

Pixate工作室用于创建和编辑交互原型。这是你用它来创建图层,动画和交互可视化编辑器。

如果你想分享你的原型或与队友合作,这时候你需要使用Pixate的云部分。当然它需要到因特网和订阅的连接的“连接”的一部分。

交互神器pixate

Pixate使用点而不是像素(类似ai,使用点做出来的图好比矢量图,放大不会失真而像素做出来的则是位图,放大会容易失真),这样的尺寸和图像原本尺寸有一点不同。点是对大小、位置和呈现内容的引用。这使得它使一个图像可以在两个不同的设备通过两种不同的分辨率来显示,而且在大小没有视觉上的差异。

当创建一个新的原型,你会看到旁边的屏幕尺寸设备的密度(2x和3x)。

交互神器pixate

关于软件pixate studio使用

建立Pixate文件

Pixate Studio像其他桌面应用程序,在欢迎界面中会告诉你如何创建和打开文件。同样创建一个新的文件或打开一个文件可在欢迎屏幕Pixate或者通过 File 中找到。

Pixate Studio还自带样品,你可以打开和试验。要打开一个样本,无论是从欢迎屏幕中选择一个或转到文件菜单并从样本选择New from Sample

交互神器pixate

欢迎屏幕也有最近打开Pixate文件的列表。教程视频,我们的用户手册,并演示可以通过点击Learn more about Pixate找到。

(另外没有必要特意保存Pixate文件,因为只要发生任何改变原型Pixate会自动保存。如果不放心可以随时手动保存)

IOS模拟器

虽然我们非常自豪能够提供高达原型本地预览,我们理解需要为预览可能出现一个桌面解决方案。 为了实现这个目的,Pixate Studio包括一个iPhone模拟器。

请注意,为了使用的iOS模拟器,你需要有安装的XCode您的系统上。如果你没有安装它,你将被提示,当您访问模拟器菜单。

要访问模拟器,点击模拟器,并选择一个设备来模拟。

交互神器pixate

Pixate Studio的界面

Pixate Studio的界面分为六个部分,每个都有自己的信息和目的。(参考下图)

交互神器pixate

A – 工具箱

工具箱选项卡包含图层列表,操作面板和交互/动画面板。这些是您将使用创建层和应用操作,交互和动画的工具。

B – 行动命令

行动命令是可以运行来完成共同的任务,如设置滚动视图或调整图层的脚本。比如起动动作都包括在内,并且可以创建新的行动。

C – 相互作用和动画

此区域被分成两个部分。第一部分容纳交互作用和第二部分保持动画。想把这些交互/动画应用到图层,只需拖拽一个图标到预期的图层/图层列表中。

D – 画布

这部分由画布菜单和画布来组成。画布菜单有原型,撤消和重做按钮装置,以及合并按钮等等。画布是原型的可视化表示。

E – 图层的属性

在这里,您可以调整图层的位置,大小和方向与价值,改变图层的外观。

F – 交互/动画属性

这些被用来定义的条件,范围的动画和交互/动画的关系。双击一个区块将允许您将其重命名,然后点击左侧坍塌的箭头和扩展性能。你也可以切换开关打开动画或关闭动画。

连接您的设备

为了能看到你创造什么样的互动,你需要将你的设备连接到pixate studio。还有如何在Android和iOS设备连接(两者连接都有一定的差异,但都需要Pixate移动应用程序。)

比如设定同一个无线,或者二维码扫描、用蓝牙都能使pixate studio连接到你的设备。

当然自从被谷歌收购后他就免费了,大家如果有兴趣可以前去pixate下载

未经允许不得转载:水平线设计 » 交互神器pixate

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)