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 元。