欧普下载是国内较新、较齐、较安全的软件下载基地!
当前位置:首页 ›› Mac图形图像 ›› 图像处理 ›› Principle for mac下载

Principle for mac v2.1.6 免费版 附使用教程

Principle Mac 中文免费版[下载地址]
Principle for mac v2.1.6 免费版 附使用教程
  • 软件介绍
  • 相关文章
  • 软件截图
  • 网友评论
  • 下载地址

Principle Mac 中文免费版是一款交互式设计工具,可以帮助用户快速制作出一个完整的动画原型,支持自定义尺寸,可将交互动画生成视频或者GIF动画。适用于iPhone、iPad、Mac、Apple WACTH等设备,从事交互式设计的朋友可以下载!

Principle for mac v2.1.6 免费版 附使用教程

基本介绍

Principle是一款新开发的交互设计软件。相比 Pixate 更容易上手,界面类似 Sketch 等做图软件,思路有点像用 Keynote 做动画,更「可视化」一些。发现目前还不能做条件相关的交互,例如「当 A 的 Scroll Release 位置大于某值时跳到下页」。

Principle for mac特色

你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原则使得它易于创建动画和交互式的用户界面设计。

Principle for mac v2.1.6 免费版 附使用教程

Principle使用教程

一.初识界面

Principle的界面与Sketch基本一致,如下图:

Principle for mac v2.1.6 免费版 附使用教程

a.属性区:

在这个区域,你可以对选中的图层进行各个属性的调节。如位置、大小、透明度等等

开启软件后,首先要选择你要演示Demo的环境,点击“Size Presets”即可在弹出的菜单中选择

Principle for mac v2.1.6 免费版 附使用教程

b.图层区:

一个“Artoard”即一个画布,或者理解为一个页面。画布中的图层按其列表中的上下顺序相互交叠

“Artoard”可直接复制粘贴,以此来快速实现页面间的跳转效果

Principle for mac v2.1.6 免费版 附使用教程

c.主舞台:

绘制或直接导入图片至面板中即可

d.演示区:

直接在这个区域演示页面效果,并可进行交互预览,其中还有“一键初始”与“录制”的功能

e.功能区:

Drivers:做交互动画的神器,使用方式类似“设置关键帧”

Principle for mac v2.1.6 免费版 附使用教程

Animate:主要用它来调整转场动画的效果

Principle for mac v2.1.6 免费版 附使用教程

Group:打组工具

Fonward/Backward:调整图层交叠的上下关系

二.两个关键操作

1.交互怎么实现?

Principle for mac v2.1.6 免费版 附使用教程

点选可交互控件

在弹出的菜单中,选择你需要的交互方式

按住选项并拖动至要目标页面中(系统会用紫色给予用户反馈)

2.转场动效怎么设置?

Principle for mac v2.1.6 免费版 附使用教程

选中你要设置的转场动画

在弹出的列表中,调整其变化的属性(包括大小、位置、透明度等)。若直接点击前面的“绿块”,即可停止这个属性的效果

点击后面的“Default”可转场动画效果(Linear不推荐,有个小哭脸)

三.案例一

滑动Principle画图并不方便,所以我还是配合Axure画线框图,之后贴入Principle。

1.把“固定图层”导入到Principle中,如图中的title模块

Principle for mac v2.1.6 免费版 附使用教程

2.页面可纵向滑动,那么把“只纵向滑动”的图层单独导入

3.某些模块也可进行横向滑动,则单独将其导入(如下图,导入了四个部分:固定的title、纵向一张图、横向两张图)

Principle for mac v2.1.6 免费版 附使用教程

4.把“可滑动”图层打组

Principle for mac v2.1.6 免费版 附使用教程

5.整组设置“垂直可拖动”

Principle for mac v2.1.6 免费版 附使用教程

6.选中横滑图层,设置“水平可拖动”

Principle for mac v2.1.6 免费版 附使用教程

四.案例二:点击跳转(浮卡效果)

1.首先导入一个“菜单”图层,贴在页面上方

Principle for mac v2.1.6 免费版 附使用教程

2.复制整个“Artoard”,并把菜单移动到跳转后的位置 (一定要保证移动的图层,在两个Artoard中命名一致)

Principle for mac v2.1.6 免费版 附使用教程

3.设置动画(做一个透明的矩形作为触控点)

Principle for mac v2.1.6 免费版 附使用教程

五.案例三:跟随动画(渐变的抽屉)

1.导入需要的图层,打组后设置其可横滑

2.导入“抽屉图层”(不跟随滑动)

Principle for mac v2.1.6 免费版 附使用教程

3.打开“Drivers”,选择“可横滑组”,在0点创建“X”的起始关键帧(点Group后面的+号)

Principle for mac v2.1.6 免费版 附使用教程

4.拖动手柄以移动“可横滑组”,至抽屉可完整呈现时,创建结束关键帧(再次点击+号)

Principle for mac v2.1.6 免费版 附使用教程

5.选中“抽屉图层”,点选起始关键帧,创建透明度关键帧。并设置起始帧的透明度为0

Principle for mac v2.1.6 免费版 附使用教程

6.同理,移动手柄至“可横滑组”结束帧的位置,设置结束关键帧的透明度为100%

Principle for mac v2.1.6 免费版 附使用教程

7.复制整个“Artoard”,在新的画布中,调整图层至抽屉打开的效果

Principle for mac v2.1.6 免费版 附使用教程

8.在前一个画布中,设置“滑动结束”即跳转的交互

Principle for mac v2.1.6 免费版 附使用教程

以上就是Principle中比较常用的一些操作,很好理解也非常容易上手,可以极大提高设计师的工作效率。

另外要注意的是,Principle比较适合做“大流程”演示,当你要梳理整体的产品架构或操作流程时,可帮助你快速创建交互原型,发现其中问题或不足。若你想做一些精准的动画效果,它则无法满足你的需求,建议使用Origami等其他原型制作工具。

更新日志

固定造成画布显示不正确的问题

固定造成帆布摆脱司机后撤消同步问题

Principle for mac v2.1.6 免费版 附使用教程 Principle for mac v2.1.6 免费版 附使用教程 Principle for mac v2.1.6 免费版 附使用教程 Principle for mac v2.1.6 免费版 附使用教程 Principle for mac v2.1.6 免费版 附使用教程
下载地址
软件评论
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!
    登录   注册
推荐下载
下载排行