你可能知道开发人员 Guilherme Rambo,因为他作为 治安维持者 的工作,打击苹果公司的秘密,并通过他们的漏洞赏金计划帮助他们修复 macOS、iOS 和其他操作系统中的安全漏洞。
但早在 2016 年,Guilherme 就失业了,正在寻找一个可以与插画家 Ewerton Lima 一起进行的项目。他们知道他们拥有创造伟大作品所需的技能组合,只是不确定什么。但这一次,苹果公司在同一年的 WWDC 上宣布了 iMessage 的 App Store,这为 Guilherme 提供了帮助。
“他们展示的演示之一是一个 iMessage 应用,用户可以通过组合不同的配料来一起组装一个冰淇淋蛋卷。那时我有了做类似事情的想法,但用的是奇比而不是冰淇淋,”Guilherme 解释道。
而 Ewerton 马上就同意了。“我一直很喜欢绘画,所以能够创造出其他人可以以不同的方式组合起来创作自己的作品的资产的想法让我很感兴趣。”
这就是 ChibiStudio 的诞生,一款面向动漫和奇比艺术爱好者的角色创建应用程序。你可以通过使用各种各样的物品(如鞋子和发型)来创建不同的头像来表达你的创造力——这一切都不需要你擅长绘画!
如果你了解苹果的历史,你可能知道 iMessage App Store 失败了,但这并没有让 ChibiStudio 随之倒下。幸运的是,该应用程序的 iOS 版本找到了自己的利基市场,我们在这里讲述它的故事。
ChibiStudio 的制作
对于 Ewerton 来说,想法始于 Sketch。“[我将开始]主要使用 矢量工具,并在某些地方使用一些基本形状。这是可能的,因为所有绘画都来自平面的正面视角,因此直接在 Sketch 中绘制可以非常有效率,”他解释道。
但使他的 ChibiStudio 工作流程不同于其他项目的是,他需要在结构化和组织文档方面付出额外的努力。因为他在处理可定制的头像,所以他需要密切关注用户将尝试使用的不同物品的排序方式。
为了保持井井有条,他会为每个物品包创建一个新的 Sketch 项目。然后,他将使用图层组来包含单个物品,并使用类似于 hair-1、hair-2、shoes-1、shoes-2 的命名约定。他还将根据填充颜色对物品进行组织,因为它们稍后将成为用户可以在应用程序中自定义的颜色插槽。
和 Ewerton 一样,Guilherme 也长时间使用 Sketch 来设计用户界面和网站。他知道它对 SVG 有很好的支持,而 SVG 是 ChibiStudio 的基础。“我们希望在应用程序中创建时为用户提供尽可能多的自由,我们还希望为更高分辨率的屏幕和媒体提供资产的未来保障,因此从一开始的想法就是将基于矢量的资产与应用程序一起发布。”
为了实现这一点,他创建了一个插件,该插件 导出 文档中的所有图层组到单独的 SVG 文件,并根据组对其进行命名。他还使用内部 Mac 应用程序工具来组装物品包并编辑一些元数据以包含用户可以在应用程序中编辑的颜色插槽。
为了获得最佳性能和成本效益,他们使用内部工具将 SVG 转换为 核心动画 图层,这是 Apple 平台的原生技术。创建完包后,该工具将包编译到与应用程序一起发布的资产目录中。

“这种工作流程使我们能够保留所有矢量数据,从 Sketch 开始,经过 SVG,一直到运行在 iPhone 上的应用程序,在那里它们成为核心动画图层。这样应用程序运行非常高效,但我们保留了使用矢量资产的所有优点,包括用户能够自定义物品各个部分的颜色,”Guilherme 解释道。
对用户负责
当然,实现梦想中的工作流程并非一蹴而就。ChibiStudio 的二人组首先需要克服许多挑战。“至少对我来说,它是考虑每个单独的物品如何与其他物品集成。我们有十几个物品包,总共数千个物品,但所有这些都必须像拼图一样拼凑在一起。不能有任何奇怪的裁剪或重叠,”Ewerton 说。
他的目标之一是确保他仔细地为每个物品在图层中分配位置。这样,当用户将物品添加到他们的角色时,它将出现在用户期望的与其他物品相关的位置。虽然用户可以在应用程序中自定义位置,但默认位置必须有意义。
他们还在应用程序画布的用户界面决策方面遇到了困难。“我们有很多功能和想法,但我们不想让应用程序对那些只想选择一些物品并在几分钟内完成一个漂亮的头像的人来说过于复杂。”
但他们在简单性的另一面遇到了另一个挑战:功能可发现性。例如,用户一直能够点击奇比上的物品来选择和自定义它们,但许多人没有意识到这一点。“作为妥协,我们最终引入了一个工具栏,它提供对之前隐藏在手势或菜单后面的许多功能的访问。”

想法,遇见开发
为了提供尽可能最好的体验,ChibiStudio 团队专注于创建流畅的交互、酷炫的功能以及大量可供选择的头像物品。但性能如何呢?
“作为一名开发人员,处理应用程序必须处理的数据量一直是一个挑战。我不想让用户在应用程序中购买新包后等待资产下载,因此从 1.0 版本开始,至今为止,我们都将所有库存与用户从 App Store 下载的应用程序一起发布,”Guilherme 解释道。
Guilherme 依赖于传统技术(如数据压缩)和技巧(如在运行时不编码某些可以在其他方式推断的元数据)的组合。你也可以阅读他们是如何创建 App Clip 的,它允许用户尝试应用程序创建角色的主要体验,而无需下载和安装完整应用程序,如 Guilherme 的博客 中所述。

收获成果
虽然经济成功往往是应用程序创建者追求的目标,但除了经济自由之外,还可以获得更多的东西。
“我一直对自己的工作很自卑,所以一直在寻找外部认可。所以当我们收到用户关于 ChibiStudio 如何帮助他们开发角色和发挥想象力的反馈时,我就会为我们所做的工作感到自豪,”Ewerton 说。
“正如 Sketch 团队可能知道的那样,使用创作工具工作有一种特殊的感觉。我们以特定的想法和用例来创建艺术作品并开发功能,但我们的用户总是用他们想到的来给我们惊喜,”Guilherme 解释说。“我最喜欢的事情之一是,我们了解到美国的一些老师在课堂上使用 ChibiStudio,让他们的学生用 Chibi 的形式来描绘历史人物,用于他们的演示文稿。”
自 2016 年以来,Guilherme 和 Ewerton 在 ChibiStudio 上取得了长足的进步,我们为他们使用 Sketch 创建的作品感到自豪。如果你想尽快开始自己的项目,Guilherme 的建议始终是保持简单。“这样你就可以在可预见的将来保持工作流程,至少在你觉得有效的时候。试图变得花哨通常会导致难以管理的工作流程,你会开始偏离它。”
ChibiStudio 可用于 iOS。你也可以关注他们的 Twitter 和 Instagram,及时了解他们准备推出的所有 kawaii 可爱内容。