美文网首页交互设计
Form教程翻译(一)基础原理

Form教程翻译(一)基础原理

作者: 凌乐歌 | 来源:发表于2016-08-01 19:24 被阅读60次

(最近想要做一个交互demo,觉得principle很好用,逻辑和操作都很简单,但唯一的缺憾是不能加条件--当满足条件时触发相应操作,所以想到form这个软件,之前看过一遍教程,但具体有些忘记了,所以翻译下来供以后使用)

本节原官方教程地址

------------

本教程将带大家学习Form的核心元素。在学完所有内容,并跟随演示完成挑战之后,你能获得创建本地原型的基本能力。

获取Form

Form下载地址         Form Viewer下载地址

本地原型

通过[设备查找按钮 Device browser menu]来获取你的设备,按钮在顶部工具栏的最左侧。移动设备和电脑必须在同一个网络中。

查找并连接移动设备

Patches组件or模块or补丁

patches 是Form的积木,是构建Form的基础元素。通过patches能与设备进行交互、操作、甚至在屏幕上画画。通过[Command+Enter]键来调起patch库,查看所有的Patch。(不能从这里选择并插入块,但是可以找到所有块的介绍)

pach浏览窗口

运算组件

运算组件包括:数学math、逻辑logic、条件conditional。你可以通过点击并从下拉菜单里选择新选项改变类型。数学math用来对数据进行简单的计算,逻辑logic和条件conditional用来对比2个或多个输入值,并输出布尔值(Yes  or  No)。

operator patch

输入值

组件的输入值inputs可以通过侧边栏来编辑,也可以从其他组件中获取。数据一般从左向右流转。这也是form中patch的基本排布顺序。

修改输入值

附本节视频教程演示.

相关文章

网友评论

    本文标题:Form教程翻译(一)基础原理

    本文链接:https://www.haomeiwen.com/subject/hlimjttx.html