原型界面交互草图与VVVV（精）

中文版《原型界面—交互草图与 vvvv》 一书有南京艺术学院交互设计专业刘彦副教授原版译自 Jan Barth（德）, Roman Stefan Gray（德）等编著的交互设计畅销用书“Prototyping Interfaces- Interaktives Skizzieren mit vvvv”，书号：ISBN 978-3-87439-843-5。目前全球仅有中文和德语两种版本。该书以通俗易懂的方式面向读者介绍了 vvvv、Arduino、跟踪方法 和显示技术等基础的交互技术与开发方式。在此基础上，它通过许多实际商业案例和原型 制作过程的无限可能性，为读者的创造力开启了一个全新的维度。通过该书的阅读，希望能够使广大的读者和从事交互设计与技术的专业人员、设计师等，在从事专业设计过程中能够处于领先的地位中，并且可以成为商业设计师进入每位客户 梦想的“入场卷” – 为客户开启一个今天仍然被认为是科幻小说的新世界。 未来其实比我们想象中更接近现在！

关于网站：http://prototypinginterfaces.com/ 该网站是《原型界面—交互草图与 vvvv》一书与书中每个实例所提供的可视化 vvvv 补丁程序文件内容的连接。读者可以在这里免费下载书中描述的每一个补丁程序。除了 vvvv 和 Arduino 的安装说明外，您还可以找到各个示例所需的驱动程序和软件的链接

刘 彦

曾经在施瓦本格明德设计学院（HfG）学习交互设计。南京艺术学院副教授硕士生导师，主要从事产品创新、交互界面、信息传播设计等方向的教学、科研和设计实践。

简. 巴斯（Jan Barth）

曾经在施瓦本格明德设计学院（HfG）学习交互设计。作为交互设计师任职于美国俄勒冈州波特兰的的Ziba设计公司。

罗曼. 史蒂芬. 格瑞斯（Roman Stefan Grasy）

曾经在施瓦本格明德设计学院（HfG）学习交互设计。作为概念设计师和数字服务和用户界面设计师任职于斯图加特的Intuity Media Lab公司。

一 介 绍

评论 ...................................................................... 2

从设计到创造性技术

内容目录 ............................................................ 4

本书的结构

交互草图 ............................................................ 8

前言

从创意到个交互草图 .......................... 10

这本书是怎样的结构？

我们该如何使用这个程序?

本书官网：

www.prototypinginterfaces.co

二 相 关

// 1 行业访谈

• Julia Laub & Cedric Kiefer, onformative 公司. 18

将原型带到舞台上

• Jussi Ängeslevä, ART COM公司 ..................... 24

让你的想法清晰，灵感启发

• Steffen Süpple, Intuity 媒体实验室 ............. 28

原型是我们的速写本

• Camille Moussette, 于默奥设计学院 .......... 32

发现至关重要的细节

• Ron Jagodzinski & Götz Wintergerst, 自然界面实验室 ................................................................. 36

用语言表达触觉感受

三 基 础

// 2 vvvv

2.1概述....................................................................... 42

vvvv 可视化编程语言

2.2用户界面............................................................. 44

简洁而简单的灰色

2.3 IOBoxen ............................................................... 54

小而强大

2.4 计算 ...................................................................... 56

vvvv 作为小计算器

2.5 渲染....................................................................... 58

让结果可见

2.6 简单的几何体................................................... 60

绘制与扭曲

2.7 变形 ...................................................................... 62

定位、旋转、缩放对象

2.8 动画 ...................................................................... 64

vvvv中运动

2.9  Map 值 ................................................................... 65

定义值的范围

2.10 色彩....................................................................... 66

并不总是灰色

2.11纹理 ...................................................................... 67

几何图像

2.12字体....................................................................... 68

字符成为内容

2.13输入 ...................................................................... 70

通过鼠标和键盘控制

2.14层............................................................................ 72

分层和群组

2.15过滤器 ................................................................. 73

运动阻尼与摆动

2.16 铺展....................................................................... 74

分配值

2.17 逻辑 ...................................................................... 80

没有规则就没有程序

2.18 三维 ...................................................................... 84

物体的空间表示

2.19矩阵....................................................................... 86

没有网格就没有设计

2.20 IOBox高级值 ........................................................ 87

值的视觉阐释

2.21子程序.................................................................. 88

构建复杂的应用程序

2.22反馈-循环 .......................................................... 90

递归函数

2.23渲染通道 ............................................................ 91

渲染器作为纹理

2.24片段设计和项目结构..................................... 92

不要失去全局观

2.25快捷方式概述................................................... 94

快捷键更快地达到目的

// 3 Arduino

3.1 概述.......................................................................198

Arduino 作为物理世界的接口

3.2 工具.......................................................................100

Arduino电路板和开发环境

3.3 “Hello World” ..........................................................102

个代码

3.4 操作模式.............................................................104

独立的接口

3.5 单独演示 ............................................................106

Arduino 控制一切！

3.6 接口演示 ............................................................108

让Arduino与vvvv交谈

3.7  Firmata协议 .........................................................110

让Arduino 就像一把瑞士军刀

3.8 反馈-循环...........................................................112

接收、编辑和发送值

3.9  RGB-LED .................................................................114

通过Firmata协议控制一个LED灯

四 应用示例

// 4 传感器

4.1 电位器................................................................. 118

4.2 温度传感器 ......................................................126

4.3 加速度传感器 .................................................136

4.4 红外射频识别 .................................................146

4.5 一维位置传感器 .............................................156

4.6 二维位置传感器 ............................................170

// 5 跟 踪

5.0 什么是跟踪? .....................................................186

5.1 基准跟踪 ...........................................................190

5.2 增强现实 ...........................................................204

5.3 脸部跟踪 ...........................................................214

5.4 色彩跟踪 ...........................................................226

5.5 多触点 ................................................................236

5.6 手势控制............................................................252

// 6 显 示

6.1 屏幕 ................................................................266

6.2 平面上的纹理映射 ........................................278

6.3 投影映射的3D幻象 ......................................286

// 7 触 发

7.1 服电机............................................................300

7.2 震动电机 ........................................................... 312

五 后 记

展 望 ....................................................................326

关于作者 ...........................................................327

关键词索引 ......................................................328

文献来源 ...........................................................330

致谢......................................................................332

版本说明 ...........................................................333

基准标记 ...........................................................334

中文版《原型界面—交互草图与 vvvv》 一书有南京艺术学院交互设计专业刘彦副教授原版译自 Jan Barth（德）, Roman Stefan Gray（德）等编著的交互设计畅销用书“Prototyping Interfaces- Interaktives Skizzieren mit vvvv”，书号：ISBN 978-3-87439-843-5。目前全球仅有中文和德语两种版本。该书以通俗易懂的方式面向读者介绍了 vvvv、Arduino、跟踪方法 和显示技术等基础的交互技术与开发方式。在此基础上，它通过许多实际商业案例和原型 制作过程的无限可能性，为读者的创造力开启了一个全新的维度。通过该书的阅读，希望能够使广大的读者和从事交互设计与技术的专业人员、设计师等，在从事专业设计过程中能够处于领先的地位中，并且可以成为商业设计师进入每位客户 梦想的“入场卷” – 为客户开启一个今天仍然被认为是科幻小说的新世界。 未来其实比我们想象中更接近现在！

关于网站：http://prototypinginterfaces.com/ 该网站是《原型界面—交互草图与 vvvv》一书与书中每个实例所提供的可视化 vvvv 补丁程序文件内容的连接。读者可以在这里免费下载书中描述的每一个补丁程序。除了 vvvv 和 Arduino 的安装说明外，您还可以找到各个示例所需的驱动程序和软件的链接

刘 彦

曾经在施瓦本格明德设计学院（HfG）学习交互设计。南京艺术学院副教授硕士生导师，主要从事产品创新、交互界面、信息传播设计等方向的教学、科研和设计实践。

简. 巴斯（Jan Barth）

曾经在施瓦本格明德设计学院（HfG）学习交互设计。作为交互设计师任职于美国俄勒冈州波特兰的的Ziba设计公司。

罗曼. 史蒂芬. 格瑞斯（Roman Stefan Grasy）

曾经在施瓦本格明德设计学院（HfG）学习交互设计。作为概念设计师和数字服务和用户界面设计师任职于斯图加特的Intuity Media Lab公司。

让我们开始由这本书引导的这次旅程。本书通过原型与交互草 图为我们开启了出版界的vvvv和Arduino世界，为我们提供了大量的项目案例，当然这次“旅程”也是一次互动的过程，有反复的实验和 称为仿真的原型。

——海尔曼·施密特·缅因茨出版社（Verlag Hermann Schmidt Mainz）主编  

卡瑞玲-和布里特曼-施密特-弗瑞德利 （Karin und Bertram Schmidt-Friderichs）

  本书为读者提供了一个令人兴奋的视角，展示互动设计师和设计团队的工作领域，以及他们是如何使用交互草图工作的情况。是一本创作者自己，从纯粹的创作者的视角，基于对交互草图和技术的创造性应用的热衷而创作的图书。 从这个意义上说，本书意义在于：动手！

——施瓦本格明德设计学院（Hochschule für Gestaltung Schwäbisch Gmünd）副校长  

哈特穆特·博纳克