PDF《Flinto中文用户手册》

0

1 2

3 4

5 6

7 8

9 10

11 12

13 14

15 16

17 18

19 20

21 22

23 24

25 26

27 28

29 目录 简介 1.

1 创建新文档 1.2 编辑文档属性 1.3 选择 点 或 像素 1.4 移动画板 1.5 撤销与更改 1.6 剪切、复制与粘贴 2.1 选择页面 2.2 添加页面 2.3 删除页面 2.4 页面重命名 2.5 设置主页 2.6 复制页面 2.7 设置状态栏样式 3.1 为页面添加图层 3.2 选中与取消选中图层 3.3 编组和取消编组 3.4 图层重命名 3.5 修改图层属性 3.6 隐藏或锁定图层 3.7 修改图层尺寸 3.8 整理图层 3.9 图层排序 3.10 复制图层 3.11 替换图层 3.12 跨页面移动图层 3.13 溢出图层 4.1 图层链接 4.2 从图层创建链接 4.3 创建自选区域链接 Flinto中文用户手册

2 30

31 32

33 34

35 36

37 38

39 40

41 42

43 44

45 46

47 48

49 50

51 52

53 54

55 56

57 58

59 60

61 62 4.4 选择链接目标 4.5 添加动作 4.6 返回上页 4.7 改变动作类型 4.8 其他动作选项 4.9 选择交互效果 4.10 添加延时链接 4.11 创建或编辑交互效果 4.12 忽略历史记录 5.1 交互编辑器预览 5.2 创建全屏交互效果 5.3 效果预览 5.4 调整交互时间 5.5 调整状态栏交互 5.6 在交互编辑器中对页面进行排序 5.7 在交互编辑器中对图层进行排序 5.8 连接图层 5.9 调整连接图层的属性 5.10 保存 6.1 交互复用 6.2 交互小标签 6.3 交互小标签的匹配 6.4 手动修改交互小标签 6.5 交互小标签的重命名 6.6 移动交互小标签 6.7 重置图层 7.1 创建滚动组 7.2 滚动组属性 8.1 设备预览 8.2 在Mac上预览原型 8.3 在设备上预览原型 8.4 激活实时预览 8.5 分享原型 Flinto中文用户手册

3 Flinto中文用户手册 Flinto For Mac 是一款轻量、高效的综合性交互原型设计工具, 你可以使用它创建任何原型,从最简单的页面跳转到令人印象深 刻的精美交互动效,无需任何代码也没有复杂的时间轴,Flinto 的可操作性几乎是所有原型工具中最简单快捷的,五分钟制作高 保真交互原型,我认为这正是所有交互设计师所期待的. 本用户帮助使用手册由 Flinto中文网 成员翻译校对制作,转载请申明@ Flinto中文网( www.flinto.cc ) Flinto中文用户手册

4 简介 1.1 创建新文档 在flinto创建产品原型通常都以新建文档开始.文档用以匹配不同 iOS设备的正常尺寸. 创建新文档 1. 打开flinto.如果新文档的窗口并没有自动打开,那就在主菜单选择 文件 >

新建 ;

2. 选择你所需要的设备类型,或键入特别的设备尺寸;

3. 若已键入特别的设备尺寸,你可为设备选择适当的像素密度.如果你选择以 PT 为基本 单位,像素密度将会用于决定一个点中有多少个像素. 当你创建好一个文档后flinto会自动生成一个画板和一个空页面方 便你开始创作. Flinto中文用户手册

5 1.1 创建新文档 1.2 编辑文档属性 画板在没有任何对象选中的情况下,有些属性是可 以在 文档检视窗 中进行编辑的. 修改屏幕尺寸 如果你在创建文档的时候选错了屏幕尺寸,又或者是决定更改为另外一个设备类型时就可以 在这里进行屏幕尺寸的修改. 设置一个主页 使用 主页 选项来决定主页.主页将会是你原型运行后出现的第一个页面. 更改默认状态栏 默认状态栏 选项可让你为不同的页面选择不同的默认状态.在iOS设备上运行原型的时候调 用的是真实的系统状态. 更改透视值 这个设置决定3D层看起来有多远.值小会让层看起来离你近一些并有更明显的透视.值大会 让层看起来离你远一些且透视效果不明显. 更改背景颜色 点击颜色按键即可选取所有页面的背景颜色. 在预览模式下显示点击提示 这个功能打开后,当你的原型运行时,如果用户点到了没有链接的地方,那么页面中可被点 击的部分将会被高亮展示.这个功能会帮助用户确定链接在哪.不过这个功能会对真实效果 造成影响. Flinto中文用户手册