您可能知道開發者 Guilherme Rambo 以 揭密者 的身份，破解 Apple 的秘密，並透過他們的漏洞賞金計畫協助他們修復 macOS、iOS 和其他作業系統中的安全漏洞。
但在 2016 年，Guilherme 失業了，正在尋找一個可以與插畫家 Ewerton Lima 共同參與的專案。他們知道他們擁有正確的技能組合來做出偉大的產品，只是不確定要做什麼。但這次，Apple 在同年的 WWDC 上宣布推出 iMessage App Store，拯救了 Guilherme。
「他們展示的其中一個 demo 是一個 iMessage 應用程式，使用者可以透過組合不同的配料來組裝冰淇淋甜筒。那時我就有了類似的想法，但用的是 Q 版人物而不是冰淇淋，」Guilherme 解釋道。
Ewerton 立即加入。「我一直都很喜歡畫畫，所以創造其他人可以以不同方式組合來創作自己的作品的素材，這個想法很吸引我。」
這就是 ChibiStudio 的誕生，這是一款面向動漫和 Q 版藝術愛好者的角色創作應用程式。您可以透過組合各種不同的物品，例如鞋子和髮型，來展現您的創意，完全不需要擅長繪畫！
如果您了解 Apple 的歷史，您可能知道 iMessage App Store 失敗了，但它並沒有拖垮 ChibiStudio。值得慶幸的是，這款應用程式的 iOS 版本找到了自己的利基市場，我們在這裡講述它的故事。
ChibiStudio 的製作過程
對 Ewerton 來說，構思就從 Sketch 開始。「[我會開始] 主要只使用 向量工具，並搭配一些基本形狀。這是可行的，因為繪圖都是從正面的平面角度繪製的，所以在 Sketch 中直接繪製它們可以非常有效率，」他解釋道。
但他 ChibiStudio 的工作流程與其他專案的不同之處在於，他需要強調文件結構和組織。因為他正在處理可自訂的虛擬人像，他需要密切注意如何分類使用者將會嘗試的不同項目。
為了保持條理性，他會為每個項目包建立一個新的 Sketch 專案。然後，他會使用圖層群組來包含個別的項目，並使用 hair-1、hair-2、shoes-1、shoes-2 之類的命名慣例。他還會根據填色來組織項目，因為它們之後會成為使用者可以在應用程式中自訂的顏色區塊。
如同 Ewerton，Guilherme 長期以來也使用 Sketch 設計使用者介面和網站。他知道 Sketch 對 SVG 的支援非常出色，而 SVG 正是 ChibiStudio 的基石。「我們希望使用者在應用程式中創作時擁有最大的自由度，也希望我們的素材能適用於更高解析度的螢幕和媒體，因此從一開始，我們的想法就是隨應用程式提供向量圖形的素材。」
為了達成這個目標，他建立了一個外掛程式，可以將匯出文件中所有圖層群組為個別的 SVG 檔案，並根據群組名稱來命名檔案。他也使用一個內部的 Mac 應用程式工具來組裝素材包，並編輯一些中繼資料，以包含使用者可以在應用程式中編輯的顏色欄位。
為了最佳效能和成本效益，他們使用內部工具將 SVG 轉換為Core Animation 圖層，這是 Apple 平台的原生技術。素材包建立完成後，這個工具會將其編譯成素材目錄，並隨應用程式一起提供。
「這個工作流程讓我們得以保留所有向量資料，從 Sketch 開始，經過 SVG，一直到在 iPhone 上執行的應用程式，它們最終成為 Core Animation 圖層。這樣一來，應用程式就能非常有效率地運行，同時我們也保留了使用向量圖形素材的所有優點，包括使用者可以自訂素材各個部分的顏色。」Guilherme 解釋道。
為使用者著想
當然，打造理想的工作流程並非一蹴可幾。ChibiStudio 的兩位開發者首先必須克服許多挑戰。「至少對我來說，必須考慮每個素材如何與其他素材整合。我們有十幾個素材包，總共數千個素材，但它們必須像拼圖一樣完美地契合。不能有任何奇怪的裁切或重疊。」Ewerton 說。
他的目標之一是確保仔細設定每個素材在圖層中的位置。這樣一來，當使用者將素材新增到角色時，它會精確地顯示在使用者預期它應該出現的位置，與其他素材的相對位置也正確無誤。雖然使用者可以在應用程式中自訂位置，但預設位置必須合理。
他們也在應用程式畫布的使用者介面設計上遇到了一些困難。「我們有很多功能和想法，但我們不希望應用程式變得太複雜，讓只想挑選幾個素材，幾分鐘內完成一個漂亮頭像的使用者卻步。」
但他們在簡潔的另一面也發現了另一個挑戰：功能的可發現性。例如，使用者一直以來都可以點擊他們 chibi 上的素材來選取和自訂它們，但許多使用者並沒有意識到他們可以這麼做。「作為一種妥協，我們最終引進了一個工具列，讓使用者可以存取許多先前隱藏在手勢或選單後面的功能。」
創意與開發的結合
為了提供最佳的體驗，ChibiStudio 團隊致力於打造流暢的互動、酷炫的功能，以及大量的頭像素材供使用者選擇。但效能又如何呢？
「作為一名開發者，處理應用程式必須處理的大量資料一直是一項挑戰。我不希望使用者在應用程式內購買新的素材包後還要等待素材下載，所以從 1.0 版到現在，我們將所有素材都包含在使用者從 App Store 下載的應用程式中。」Guilherme 解釋道。
Guilherme 仰賴結合傳統技術，像是資料壓縮，以及一些小技巧，例如不編碼某些可以在執行階段以其他方式推斷的元資料。您也可以在 App Clip 中了解他們是如何建立一個讓使用者無需下載並安裝完整應用程式，即可體驗應用程式主要功能（建立角色）的 Guilherme 的部落格。
收穫成果
雖然應用程式開發者通常追求的是經濟上的成功，但除了財務自由之外，還能獲得更多。
「我一直對自己的作品感到不安，所以我一直在尋求外界的認可。因此，當我們收到使用者關於 ChibiStudio 如何幫助他們發展角色和發揮想像力的回饋時，就是我最感到自豪的時刻。」Ewerton 表示。
Guilherme 解釋說：「Sketch 團隊可能很清楚，使用創作工具有一些相當特別的地方。我們在創作圖稿和開發功能時，心中都有一些想法和使用案例，但我們的使用者總能以他們的作品帶給我們驚喜。我最喜歡的事情之一是我們了解到美國的一些老師在課堂上使用 ChibiStudio，讓他們的學生創作歷史人物的二頭身圖像，並用於他們的簡報中。」
自 2016 年以來，Guilherme 和 Ewerton 與 ChibiStudio 一起走過了漫長的道路，我們為他們使用 Sketch 創作的作品感到自豪。如果您打算很快開始自己的專案，Guilherme 的建議始終是保持簡潔。「這樣你就可以在可預見的未來，或者至少在它對你有效的時候，維持這個工作流程。試圖追求花俏通常會導致難以管理的工作流程，而你最終會偏離它。」
ChibiStudio 適用於 iOS。您也可以在 Twitter 和 Instagram 上關注他們，隨時掌握他們所有 可愛 的作品。
