您的位置:开心电玩电脑软件编程开发 → Principle交互动效设计软件 中文免费版

Principle交互动效设计软件 中文免费版Principle交互动效设计软件 中文免费版

软件大小:4.25MB

软件语言:简体中文

用户评分:

软件类型:国产软件

授权方式:免费

运行环境:Mac

更新时间:2020-03-24

软件分类:编程开发

软件官网:http://www.kxdw.com

平台检测 无插件 360通过 腾讯通过 金山通过 瑞星通过

软件介绍

Principle是一款专业的交互设计软件,它由前苹果工程师打造,为用户提供一个高效完整的设计系统,可以帮助用户轻松制作出具有交互动画的原型界面,让用户能够将自己的想法更好地融入到产品设计中。Principle使用起来也很方便简单,有需要的用户快来下载吧。

特色功能

专为最大想象力打造

您可能需要设计很多东西:简短的动画,流畅的交互或广泛的多屏应用。无论您做什么,都可以使用Principle做到。

全新,但立即熟悉

借助画板,魔术动画和时间线,使用Principle将为您提供Déjàvu。

在您离开的地方接机

使用简单的一键式导入器,从您喜欢的设计工具中导入设计。您的设计将出现在Principle中,为您带来新的生命。如果您进行更改,再次导入将智能地合并您的工作。

适用于移动,Web和桌面的设计

选择设备预设或输入自定义Artboard尺寸以针对您喜欢的平台进行设计。悬停事件和鼠标滚轮滚动使创建真实的Web和桌面原型变得容易。

分享您的设计

适用于iOS的Principle Mirror可让其他人在其设备上查看您的设计。在设计时,您可以通过将设备插入计算机来立即进行交互。您也可以导出一个独立的Mac应用程序供他人查看。

使用教程

Principle使用教程

1.绘图区:Principe大部分工作都在这里完成,画板概念相当于Sketch,可以选择多种设备的尺寸,当前编辑的画板会有绿色的框,添加画板快捷键A。

2.预览区:当前画布操作的动效都可以在预览区看到,录制动效也是在这里,点击预览区上方的摄影机。

3.图层列表:和PS与Sketch的图层概念相当。

4.检查器:显示了选中图层的各种属性,包括:对齐操作、X/Y坐标、长/宽、角度、缩放、透明度、圆角率、关联的图片、颜色填充、组合裁剪、水平/竖直操作。

5.动效视图:点击Principle上方Animation可以打开,切换动画的时间和动画曲线。

6.联动视图:点击Principle上方Drivers可以打开,可以添加关键帧,制作补间交互动画,类似于Flash的时间轴。

注意的问题:

1.Principle没有参考线(大家不要费心去找了)

2.Principle不同画板间图形的变化是通过相同命名完成的,所以在没有作出自己想做的动画的时候,查看自己图层的命名是一个很好的检查方法。

3.Principle在页面动画比较繁琐的时候逻辑可能会有一些复杂。

4.Principle可以做蒙板(不要再有人来跟我说Principle为什么不能做蒙板了!)图层成组之后点击“Clip Sublayers“有一些版本也叫”Clip Children”。

5.Principle其实经常被大家和一款叫Flinto 的原型制作软件相比较,我在这里和大家简单说一些关于两者的区别,大家可以根据自己的需要选择想要学习的软件。(Flinto的好处在于有中文版和可以在非Mac上使用,价格也是99美元。)

Principle更适合做少量界面之间,或者元素之间的精致动效,一方面是因为Principle有一个联动视图(drivers)的功能,另一方面是因为Principle在动画可以完成自动补间(小圆到大圆)(三角展开)。但是在一整套app或者界面需要展示的时候就会需要完成复杂的逻辑。

实用技巧

1、大家都知道,如果直接将矩形图层的Opacity透明度设置为“0”,图层是不可以添加触发事件(闪电??)的,正确利用矩形仿“热点”选区的方法是将图中Fill滑块移动到最左侧,看起来是透明的却可以添加触发事件;

Principle实用技巧1

2、刚上手时,对Driver(联动)和Animate(补间动画)往往容易混淆,我用自己的理解说说区别,不准确的地方,求指正;

Driver 空间位置变化时,同一个Artboard页面,前提是发生了Drag/Scroll/Page

Animate 时间早晚/长短变化时,不同Artboard页面切换,前提是不同Artboard种的Layer图层名字要相同(有很多人遇到切换页面时,系统自动添加动画造成页面里面乱糟糟的情况,就是因为名字问题);

3、如果你想在同一屏,即垂直又水平滚动页面元素,就需要用到“Create Component”,相当于创建了父子页面,在父页面设置垂直,子页面设置水平;

Principle实用技巧2

Principle实用技巧3

4、Sketch导入Principle要求两个软件都是打开状态,默认导入Sketch打开置于最顶层的文件;

5、添加触发事件时,Tap指向自己所在的Artboard,将快速复制一个自己所在的Artboard;

6、按住CMD,同时鼠标点击矩形或者文本的边框上,可以实现旋转;

7、在左侧检查器面板中,用鼠标在数值输入框下面左右滑动,可以直接调整数值,鼠标实际上会变成水平箭头,因为gif是截屏录制的,造成鼠标样式不同;

Principle实用技巧4

8、在底部Animate面板中,关键帧(Keyframes)是可以用鼠标实现多选的;

Principle实用技巧5

9、在底部Animate面板中,点击雪花,可以Frozen冻结某个动画属性发生变化;

Principle实用技巧6

10、最后说说“Clip Sublayers”,如图,倒叙展现勾选与否的对比效果,正序的话,是通过“Group”三个图层形成了选区,选区的属性是可以在检查器面板调整的,图中是将选区设置成圆形,这样勾选“Clip Sublayers”后,实现了圆形遮罩效果。

Principle实用技巧7

大家都喜欢

  • 电脑软件
  • 安卓软件
更多>
返回顶部