兼顾轻巧、优雅与实用的 iOS 小组件工具：奇妙组件 2.0

WWDC 2019，用于iPad的iOS已正式重命名为iPadOS，从而推出了新的小部件模式，可在桌面上固定显示通知中心的小部件。

我被其深深吸引，心里想着要不要开发一款通知中心的小组件工具集。

早期版本的奇妙组件 for iPad

作为一名独立开发者，对于开发 App，我的源动力主要来自于两点：

1. 我自己是否需要这款 App
2. 有没有存在让我满意的 App

经过考察之后，我发现我又得开始一款 App 的独立开发之旅了。

奇妙组件 1.0 XD 设计稿

奇妙组件 Xcode 创建项目

在 2019 年 6 月，我开始了这款 App 的开发工作。我的开发习惯是让设计稿和代码同时进行，两者相互牵制，最后的设计细节通常是在代码里敲定。虽然项目开始得比较早，但由于多方面的原因，「奇妙组件」进度缓慢，直到 2020 年疫情期间才得以发布 1.0 版本，在 2020 年底简单适配了 iOS 14。但是关于这款产品，我心里还有许多想法没有完成。

好在今年春节后，我终于有机会好好完善「奇妙组件」，于是便开始了 2.0 版本的开发之旅。

相比之前，「奇妙组件」2.0 新增了多个小组件以及各类主题样式，优化了所有的配色。目前的它轻巧到仅 6M 大小，但提供了 7 款小组件和 1 款键盘扩展，通过内置的各类样式和精调配色，可以轻松搭配出超过 300 种风格样式。

对我来说，「奇妙组件」2.0 才是我心里想的那款产品，尽管目前仍有不少细节可以进行优化。

产品：要轻，要克制

「奇妙组件」是一款工具类 app，为了让产品维持轻巧的状态，我在产品设计上对它有着不少克制。

单语录拥有着颜色、样式、配色自定义选项

例如，「奇妙组件」提供的 8 个小工具被我划分为了两类，一类是装饰性的，即单语录、日子相册、今日步数、桌面时钟，剩下一类则是功能性的，有时光便签、快捷短语、启动中心、任务清单。

相比功能性的小工具，装饰性的小工具会提供样式以及更多的个性化选项。我希望通过这样的设定，让「奇妙组件」使用起来更简单一些，当用户需要个性化的时候，则提供对应选项，而当用户面对功能性的小工具时，就不用过多纠结，从而专注于功能上。

无需完全访问权限即可使用的键盘

对于键盘扩展，「奇妙组件」提供纯粹的快捷短语功能，切换 - 点击 - 发送，整个流程轻快无比，丝毫不拖泥带水，它甚至不需要授权完全访问权限。

尽可能利用已有资源进行设计

在设计与开发过程中，我尽量利用已有资源进行设计，例如使用内置字体、通过色彩搭配提升美感、用代码画图替代切图资源等。我认为这样带来的好处有三点：

1. 设计风格更易融入 iOS 系统，轻松搭配桌面。
2. 细节调整时更为方便高效。
3. 缩小文件大小，「奇妙组件」的文件大小仅为 6M。

功能：美与实用之间的平衡

刚才有说到，「奇妙组件」提供的 8 个小工具，我将其分为了 4 个装饰性的，以及 4 个功能性的。虽然它们都有各自的功能以及整体趋于一致的设计调性，但是各自设计的目的性却各不相同。

时光便签提供相对完整的倒数日功能

对于偏功能性的时光便签，用户可以根据自己的需求选择具体记录倒数日的方式，目前提供有倒数、正数、累计、天数、进度等设置方式，功能相对完整。

启动中心提供多个风格统一的图标

启动中心，是通过 URL Scheme 来实现简单的快捷跳转功能，这当然是偏功能性的小工具，但因为 iOS 14 系统的限制，每次跳转时都需要经过主 App 中转，这样的体验显然是不如系统提供的「快捷指令」。

但「奇妙组件」里的启动中心提供了多个图标，它们的设计都更看重一致性和高辨识度，这使得整体的美观性和辨识度更好，如果有和我一样不太喜欢「快捷指令」设计风格的用户，那么这个小工具便可作为替代品。

今日步数里提供静态地图为背景的样式

而像今日步数这样展示步数的小工具，我认为就是更偏向于装饰作用，所以它的功能会非常简单，但设计上提供了更多选择，除了颜色和样式选择外，还提供了将一张基于当前位置生成的地图截图作为组件背景的功能。

细节：优雅背后的繁琐

我希望「奇妙组件」在每位用户的设备上看起来都是优雅的，所以尽管提供了超过 300 种搭配，但对于样式、颜色等依旧有着相对严格的控制。

奇妙组件 2.0 XD 调色稿

以配色为例，这次「奇妙组件」2.0 新增了 1 种颜色，同时优化了原有的 15 种颜色，这在表面上来看仅仅是 16 种颜色，但它们的背后，是真正经历了上千次的挑选。

同样色系的时钟在不同样式时色彩也不同

为了让每种颜色在对应的场景里能恰当使用，我一一调整了每种颜色对应的多个渐变色、文字颜色、透明色等。所以，这 16 种颜色，实际上是 112 种颜色，而 112 种颜色的背后，则是上千次的挑选与调整。

除了颜色本身的不同外，对于不同功能、不同样式、不同尺寸的小组件，它们所采用的渐变方式也会有所不同。

接下来的计划

对我来说，「奇妙组件」2.0 的开发更多是为了完善当初的想法，让这件事变得有始有终。接下来，「奇妙组件」的工作主要是针对产品细节上的完善，以及风格样式的持续更新。除此之外，我会开启新产品的开发之旅。

最后，欢迎大家下载体验「奇妙组件」，如果你遇到任何使用上的问题或有相关建议，请及时与我进行联系。

感谢阅读。

你可以在 App Store 下载「奇妙组件」，解锁完整版需要购买内购项目，价格 12 元。