本页面由英文自动翻译而成,内容中可能存在翻译错误

电子原型制作#

对于图形用户界面 (GUI) 的软件原型制作,实体用户界面 (TUI) 则需要额外的电子技术技能。这些技能不仅能提升您的设计项目,还能提高您在行业中作为交互设计师的价值。强烈建议您将电子原型制作技能纳入本课程的学习计划。虽然更复杂的交互需要一些编程知识,但大多数电子界面只需简单的电路和电源即可实现。本节中的练习旨在教授您这两种方法,并随着课程的推进逐步提升难度。

我需要学习编程吗?#

编程是一项很有价值的技能,虽然交互设计师并非必须掌握,但它绝对能让你脱颖而出!本练习册中的一些任务需要用到编程,不过部分任务会提供代码。我们建议学生探索 Codédex (https://www.codedex.io/) 或 Coddy (https://coddy.tech/),以轻松有趣的方式学习编程技能(更多信息请参阅“学习编程”部分)。学习哪些编程语言取决于你希望掌握的技能以及你希望从事的行业。以下列出了一些常用语言及其应用,供你选择作为交互设计师的发展方向。在本练习册以及所有涉及编程的任务中,我们会在任务说明中提及所使用的或推荐的编程语言。

注意: 难度级别是主观的。

编程语言 困难 描述 它用于哪些领域? 适用于原型制作吗?
*Python 🔴🔴 用于 Web 开发、科学计算、数据分析、人工智能等领域的通用编程语言。 从互联网抓取数据、数据分析、机器学习以及许多其他应用 Python 在机器人和微控制器领域得到广泛应用,而 MicroPython 是专门为微控制器设计的变体,非常适合快速原型开发。
*Javascript 🔴🔴🔴 用于网页开发、游戏开发和移动应用开发的脚本语言。 网站客户端脚本编写,例如动画和界面、移动应用开发以及网页游戏开发 JS 用于物联网项目和家庭自动化,是 ESP32 和 Arduino 等微控制器的主要语言。
*C/C++ 🔴🔴🔴🔴 用于操作系统和嵌入式系统的底层编程语言,可用于开发高性能应用程序。 广泛应用于操作系统、医疗设备以及游戏或模拟等高性能软件的软件开发中。 C++是开发微控制器和专用硬件的首选语言。虽然它的学习曲线较为陡峭,但对于电子原型设计而言,学习它更有价值。
HTML/CSS 🔴 HTML(超文本标记语言)用于构建网页内容,而 CSS(层叠样式表)用于网页的样式和布局。 主要用于网页开发,但也用于设计网页界面和基于网页的应用程序,如 Electron。 它非常容易学习和进行可视化网页原型设计,与 JavaScript 配合使用效果最佳。只有与 JavaScript 结合使用,构建可与微控制器连接的网页界面时,它才适用于电子原型设计。
Swift 🔴🔴🔴 专为苹果系统设计的编程语言。 基于苹果硬件的应用和软件开发。 与电子原型制作没有直接关系。如果你想成为一名移动开发者,学习 Swift 和 Java(Android 的对应语言)会很有帮助。但设计师很少需要学习这些语言。
Touch Designer 🔴🔴🔴 用于创建交互式体验的可视化编程语言。 可用于各种互动应用,例如展览、装置、数据可视化、界面设计、模拟培训等等。 由于它基于节点,因此编程非常简单,是制作包含传感器、摄像头和其他电子元件的交互式项目的绝佳方式,尤其适合希望打造沉浸式体验的艺术家和设计师。它还可以与人工智能集成以生成输出,但学习曲线较为陡峭。
p5.js 🔴🔴 一个用于创意编程、可视化和生成艺术的 JS 库。 广泛应用于互动艺术作品,如互动装置和展览、生成艺术和设计,以及数据可视化。 由于 p5.js 使用 JavaScript,因此它可以与使用 JavaScript 编程的微控制器配合使用,在屏幕、音频或其他硬件上创建独特的原型。这是一种更具趣味性的原型制作方式,但需要预先掌握 JavaScript 知识。

* 推荐用于电子原型制作