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

我被其深深吸引，心里想著要不要開(kāi)發(fā)一款通知中心的小組件工具集。

早期版本的奇妙組件 for iPad

作為一名獨(dú)立開(kāi)發(fā)者，對(duì)于開(kāi)發(fā) App，我的源動(dòng)力主要來(lái)自于兩點(diǎn)：

1. 我自己是否需要這款 App
2. 有沒(méi)有存在讓我滿意的 App

經(jīng)過(guò)考察之后，我發(fā)現(xiàn)我又得開(kāi)始一款 App 的獨(dú)立開(kāi)發(fā)之旅了。

奇妙組件 1.0 XD 設(shè)計(jì)稿

奇妙組件 Xcode 創(chuàng)建項(xiàng)目

在 2019 年 6 月，我開(kāi)始了這款 App 的開(kāi)發(fā)工作。我的開(kāi)發(fā)習(xí)慣是讓設(shè)計(jì)稿和代碼同時(shí)進(jìn)行，兩者相互牽制，最后的設(shè)計(jì)細(xì)節(jié)通常是在代碼里敲定。雖然項(xiàng)目開(kāi)始得比較早，但由于多方面的原因，「奇妙組件」進(jìn)度緩慢，直到 2020 年疫情期間才得以發(fā)布 1.0 版本，在 2020 年底簡(jiǎn)單適配了 iOS 14。但是關(guān)于這款產(chǎn)品，我心里還有許多想法沒(méi)有完成。

好在今年春節(jié)后，我終于有機(jī)會(huì)好好完善「奇妙組件」，于是便開(kāi)始了 2.0 版本的開(kāi)發(fā)之旅。

相比之前，「奇妙組件」2.0 新增了多個(gè)小組件以及各類(lèi)主題樣式，優(yōu)化了所有的配色。目前的它輕巧到僅 6M 大小，但提供了 7 款小組件和 1 款鍵盤(pán)擴(kuò)展，通過(guò)內(nèi)置的各類(lèi)樣式和精調(diào)配色，可以輕松搭配出超過(guò) 300 種風(fēng)格樣式。

對(duì)我來(lái)說(shuō)，「奇妙組件」2.0 才是我心里想的那款產(chǎn)品，盡管目前仍有不少細(xì)節(jié)可以進(jìn)行優(yōu)化。

產(chǎn)品：要輕，要克制

「奇妙組件」是一款工具類(lèi) app，為了讓產(chǎn)品維持輕巧的狀態(tài)，我在產(chǎn)品設(shè)計(jì)上對(duì)它有著不少克制。

單語(yǔ)錄擁有著顏色、樣式、配色自定義選項(xiàng)

例如，「奇妙組件」提供的 8 個(gè)小工具被我劃分為了兩類(lèi)，一類(lèi)是裝飾性的，即單語(yǔ)錄、日子相冊(cè)、今日步數(shù)、桌面時(shí)鐘，剩下一類(lèi)則是功能性的，有時(shí)光便簽、快捷短語(yǔ)、啟動(dòng)中心、任務(wù)清單。

相比功能性的小工具，裝飾性的小工具會(huì)提供樣式以及更多的個(gè)性化選項(xiàng)。我希望通過(guò)這樣的設(shè)定，讓「奇妙組件」使用起來(lái)更簡(jiǎn)單一些，當(dāng)用戶需要個(gè)性化的時(shí)候，則提供對(duì)應(yīng)選項(xiàng)，而當(dāng)用戶面對(duì)功能性的小工具時(shí)，就不用過(guò)多糾結(jié)，從而專注于功能上。

無(wú)需完全訪問(wèn)權(quán)限即可使用的鍵盤(pán)

對(duì)于鍵盤(pán)擴(kuò)展，「奇妙組件」提供純粹的快捷短語(yǔ)功能，切換 - 點(diǎn)擊 - 發(fā)送，整個(gè)流程輕快無(wú)比，絲毫不拖泥帶水，它甚至不需要授權(quán)完全訪問(wèn)權(quán)限。

盡可能利用已有資源進(jìn)行設(shè)計(jì)

在設(shè)計(jì)與開(kāi)發(fā)過(guò)程中，我盡量利用已有資源進(jìn)行設(shè)計(jì)，例如使用內(nèi)置字體、通過(guò)色彩搭配提升美感、用代碼畫(huà)圖替代切圖資源等。我認(rèn)為這樣帶來(lái)的好處有三點(diǎn)：

1. 設(shè)計(jì)風(fēng)格更易融入 iOS 系統(tǒng)，輕松搭配桌面。
2. 細(xì)節(jié)調(diào)整時(shí)更為方便高效。
3. 縮小文件大小，「奇妙組件」的文件大小僅為 6M。

功能：美與實(shí)用之間的平衡

剛才有說(shuō)到，「奇妙組件」提供的 8 個(gè)小工具，我將其分為了 4 個(gè)裝飾性的，以及 4 個(gè)功能性的。雖然它們都有各自的功能以及整體趨于一致的設(shè)計(jì)調(diào)性，但是各自設(shè)計(jì)的目的性卻各不相同。

時(shí)光便簽提供相對(duì)完整的倒數(shù)日功能

對(duì)于偏功能性的時(shí)光便簽，用戶可以根據(jù)自己的需求選擇具體記錄倒數(shù)日的方式，目前提供有倒數(shù)、正數(shù)、累計(jì)、天數(shù)、進(jìn)度等設(shè)置方式，功能相對(duì)完整。

啟動(dòng)中心提供多個(gè)風(fēng)格統(tǒng)一的圖標(biāo)

啟動(dòng)中心，是通過(guò) URL Scheme 來(lái)實(shí)現(xiàn)簡(jiǎn)單的快捷跳轉(zhuǎn)功能，這當(dāng)然是偏功能性的小工具，但因?yàn)?iOS 14 系統(tǒng)的限制，每次跳轉(zhuǎn)時(shí)都需要經(jīng)過(guò)主 App 中轉(zhuǎn)，這樣的體驗(yàn)顯然是不如系統(tǒng)提供的「快捷指令」。

但「奇妙組件」里的啟動(dòng)中心提供了多個(gè)圖標(biāo)，它們的設(shè)計(jì)都更看重一致性和高辨識(shí)度，這使得整體的美觀性和辨識(shí)度更好，如果有和我一樣不太喜歡「快捷指令」設(shè)計(jì)風(fēng)格的用戶，那么這個(gè)小工具便可作為替代品。

今日步數(shù)里提供靜態(tài)地圖為背景的樣式

而像今日步數(shù)這樣展示步數(shù)的小工具，我認(rèn)為就是更偏向于裝飾作用，所以它的功能會(huì)非常簡(jiǎn)單，但設(shè)計(jì)上提供了更多選擇，除了顏色和樣式選擇外，還提供了將一張基于當(dāng)前位置生成的地圖截圖作為組件背景的功能。

細(xì)節(jié)：優(yōu)雅背后的繁瑣

我希望「奇妙組件」在每位用戶的設(shè)備上看起來(lái)都是優(yōu)雅的，所以盡管提供了超過(guò) 300 種搭配，但對(duì)于樣式、顏色等依舊有著相對(duì)嚴(yán)格的控制。

奇妙組件 2.0 XD 調(diào)色稿

以配色為例，這次「奇妙組件」2.0 新增了 1 種顏色，同時(shí)優(yōu)化了原有的 15 種顏色，這在表面上來(lái)看僅僅是 16 種顏色，但它們的背后，是真正經(jīng)歷了上千次的挑選。

同樣色系的時(shí)鐘在不同樣式時(shí)色彩也不同

為了讓每種顏色在對(duì)應(yīng)的場(chǎng)景里能恰當(dāng)使用，我一一調(diào)整了每種顏色對(duì)應(yīng)的多個(gè)漸變色、文字顏色、透明色等。所以，這 16 種顏色，實(shí)際上是 112 種顏色，而 112 種顏色的背后，則是上千次的挑選與調(diào)整。

除了顏色本身的不同外，對(duì)于不同功能、不同樣式、不同尺寸的小組件，它們所采用的漸變方式也會(huì)有所不同。

接下來(lái)的計(jì)劃

對(duì)我來(lái)說(shuō)，「奇妙組件」2.0 的開(kāi)發(fā)更多是為了完善當(dāng)初的想法，讓這件事變得有始有終。接下來(lái)，「奇妙組件」的工作主要是針對(duì)產(chǎn)品細(xì)節(jié)上的完善，以及風(fēng)格樣式的持續(xù)更新。除此之外，我會(huì)開(kāi)啟新產(chǎn)品的開(kāi)發(fā)之旅。

最后，歡迎大家下載體驗(yàn)「奇妙組件」，如果你遇到任何使用上的問(wèn)題或有相關(guān)建議，請(qǐng)及時(shí)與我進(jìn)行聯(lián)系。

感謝閱讀。

你可以在 App Store 下載「奇妙組件」，解鎖完整版需要購(gòu)買(mǎi)內(nèi)購(gòu)項(xiàng)目，價(jià)格 12 元。