【技多不压身 】Principle入门教程

?

The Principle是一款轻巧,功能强大的交互式设计软件。它最大的特点是它可以与Sketch无缝链接,你可以快速导入你在Sketch中已经完成的地图,然后为这个图做一些有趣的交互设计。虽然一般而言,产品经理甚至交互设计师都不需要在工作中动态交互,但Glen也了解许多优秀的产品团队都拥有需要高保真甚至动态效果的原型。方便产品经理澄清他们自己的需求,并促进需求的开发,交互和视觉理解(微信团队理解这是必需的)。格伦的朋友腾讯高级互动设计师的朋友曾经说过一个经典的爆炸“没有互动是没有灵魂的”。格伦本人一直在研究这个原理,我将组织一个教程与大家分享。

1界面介绍

该原理的主要界面如下。它主要分为六个区域:菜单栏,工具栏,检查器(这与Sketch不同),图层列表,工作区和预览窗口。

2快速创建简单的动态交互

(1)首先按A创建一个新图层(可以选择几个预设尺寸),然后按R创建一个新的矩形,按T创建一个新的副本,按Command + G组合副本和矩形:

(2)接下来,您可以快速创建一个简单的动画:

选择上一步的矩形,右侧将出现“Lightning”图标。

单击图标,将出现激活操作的选项。在这里我们选择“点击”。

然后出现一个箭头,指向箭头到当前页面。此时,Principle会自动生成一个新页面,指示该按钮已被单击并进入下一个状态页面。

在新生成的页面中,按钮降低一段距离,并且已创建动画。

您可以在右侧的“预览窗口”中尝试动画效果。单击预览窗口右上角的后退按钮返回初始状态。

3从Sketch

快速导入画板

该原则可以快速从Sketch导入画板,这是一个对Mac用户非常友好的功能。

首先在Sketch中选择一个已经完成的草图板。

返回原则并单击左上角的“导入”按钮。

在弹出框中,选择“导入所选画板”以快速将Sketch中的画板导入原理。

您还可以选择在打开的Sketch中导入所有画板。

4注意事项

该原则没有Pages的概念,即没有分页逻辑。如果从Sketch导入全部,则将按顺序导入。

原理产生的原型不能返回上一步(这会影响需求显示效果),或者至少我没有找到它。如果你有一个技巧,你可以与我分享。

原理生成的原型无法生成要在浏览器中查看的网页。

产品经理Glen,腾讯,迅雷,华为工作经验,有兴趣的可以关注Glen的公众号,我们可以一起学习和进步。

96

_Glen _

2019.07.30 19: 58

字数896

The Principle是一款轻巧,功能强大的交互式设计软件。它最大的特点是它可以与Sketch无缝链接,你可以快速导入你在Sketch中已经完成的地图,然后为这个图做一些有趣的交互设计。虽然一般而言,产品经理甚至交互设计师都不需要在工作中动态交互,但Glen也了解许多优秀的产品团队都拥有需要高保真甚至动态效果的原型。方便产品经理澄清他们自己的需求,并促进需求的开发,交互和视觉理解(微信团队理解这是必需的)。格伦的朋友腾讯高级互动设计师的朋友曾经说过一个经典的爆炸“没有互动是没有灵魂的”。格伦本人一直在研究这个原理,我将组织一个教程与大家分享。

1界面介绍

该原理的主要界面如下。它主要分为六个区域:菜单栏,工具栏,检查器(这与Sketch不同),图层列表,工作区和预览窗口。

2快速创建简单的动态交互

(1)首先按A创建一个新图层(可以选择几个预设尺寸),然后按R创建一个新的矩形,按T创建一个新的副本,按Command + G组合副本和矩形:

(2)接下来,您可以快速创建一个简单的动画:

选择上一步的矩形,右侧将出现“Lightning”图标。

单击图标,将出现激活操作的选项。在这里我们选择“点击”。

然后出现一个箭头,指向箭头到当前页面。此时,Principle会自动生成一个新页面,指示该按钮已被单击并进入下一个状态页面。

在新生成的页面中,按钮降低一段距离,并且已创建动画。

您可以在右侧的“预览窗口”中尝试动画效果。单击预览窗口右上角的后退按钮返回初始状态。

3从Sketch

快速导入画板

该原则可以快速从Sketch导入画板,这是一个对Mac用户非常友好的功能。

首先在Sketch中选择一个已经完成的草图板。

返回原则并单击左上角的“导入”按钮。

在弹出框中,选择“导入所选画板”以快速将Sketch中的画板导入原理。

您还可以选择在打开的Sketch中导入所有画板。

4注意事项

该原则没有Pages的概念,即没有分页逻辑。如果从Sketch导入全部,则将按顺序导入。

原理产生的原型不能返回上一步(这会影响需求显示效果),或者至少我没有找到它。如果你有一个技巧,你可以与我分享。

原理生成的原型无法生成要在浏览器中查看的网页。

产品经理Glen,腾讯,迅雷,华为工作经验,有兴趣的可以关注Glen的公众号,我们可以一起学习和进步。

The Principle是一款轻巧,功能强大的交互式设计软件。它最大的特点是它可以与Sketch无缝链接,你可以快速导入你在Sketch中已经完成的地图,然后为这个图做一些有趣的交互设计。虽然一般而言,产品经理甚至交互设计师都不需要在工作中动态交互,但Glen也了解许多优秀的产品团队都拥有需要高保真甚至动态效果的原型。方便产品经理澄清他们自己的需求,并促进需求的开发,交互和视觉理解(微信团队理解这是必需的)。格伦的朋友腾讯高级互动设计师的朋友曾经说过一个经典的爆炸“没有互动是没有灵魂的”。格伦本人一直在研究这个原理,我将组织一个教程与大家分享。

1界面介绍

该原理的主要界面如下。它主要分为六个区域:菜单栏,工具栏,检查器(这与Sketch不同),图层列表,工作区和预览窗口。

2快速创建简单的动态交互

(1)首先按A创建一个新图层(可以选择几个预设尺寸),然后按R创建一个新的矩形,按T创建一个新的副本,按Command + G组合副本和矩形:

(2)接下来,您可以快速创建一个简单的动画:

选择上一步的矩形,右侧将出现“Lightning”图标。

单击图标,将出现激活操作的选项。在这里我们选择“点击”。

然后出现一个箭头,指向箭头到当前页面。此时,Principle会自动生成一个新页面,指示该按钮已被单击并进入下一个状态页面。

在新生成的页面中,按钮降低一段距离,并且已创建动画。

您可以在右侧的“预览窗口”中尝试动画效果。单击预览窗口右上角的后退按钮返回初始状态。

3从Sketch

快速导入画板

该原则可以快速从Sketch导入画板,这是一个对Mac用户非常友好的功能。

首先在Sketch中选择一个已经完成的草图板。

返回原则并单击左上角的“导入”按钮。

在弹出框中,选择“导入所选画板”以快速将Sketch中的画板导入原理。

您还可以选择在打开的Sketch中导入所有画板。

4注意事项

该原则没有Pages的概念,即没有分页逻辑。如果从Sketch导入全部,则将按顺序导入。

原理产生的原型不能返回上一步(这会影响需求显示效果),或者至少我没有找到它。如果你有一个技巧,你可以与我分享。

原理生成的原型无法生成要在浏览器中查看的网页。

产品经理Glen,腾讯,迅雷,华为工作经验,有兴趣的可以关注Glen的公众号,我们可以一起学习和进步。