好的設計歷久彌新，最好的設計工具亦是如此。這就是為什麼我們在過去幾年中一直在重建 Sketch 的核心面向 — 優化我們的技術堆疊 並為新時代打造我們的產品 — 包括 Workspaces 和 即時協作 等功能。
但有一款產品已經有一段時間需要一些悉心照料了 — 那就是我們的 iPhone app。今天，我們想向您展示我們如何重新構思我們的 app 以及使其成為可能的建構基礎。
讓我們來一窺巫師鑽石簾幕後的秘密。
這個新的 Sketch iPhone app 是什麼？
如果要用一句話來概括新的 iPhone app，那就是「隨時隨地使用 Sketch」。這個 app 不再只是用於鏡像。相反地，它是 Sketch 的簡化且易於使用的版本，您可以隨身攜帶，無論是在會議前、在雜貨店排隊時，或任何需要的時候。
正如我們的共同創辦人兼共同執行長 Pieter Omvlee 所描述的：「變更不是從 Mac 鏡像到 iPhone，而是 iPhone 完全參與了協作編輯引擎。」
現在，讓我們來看看我們是如何做到這一點的。
通往 iPhone app 的道路
在各方面，iPhone app 都是 Sketch 的另一個視窗。為了實現這一點，我們將 渲染 和協作引擎移植到 iOS，讓 app 可以在您的裝置上發揮其魔力。
但这與我們之前的 app 有何不同？回到 Sketch 僅適用於本地文件時，您在真實裝置環境中查看作品的唯一方法是建立點對點連線，將渲染的影像從 Mac 傳送到手機。它完成了工作，但其效能並不是最好的，而且很大程度上取決於連線的穩定性 — 這對使用受限企業網路的人來說尤其具有挑戰性。
現在，隨著 Workspaces 和 即時協作 的出現，新的可能性開始形成。「我們問自己，如果 Mirror 可以直接開啟線上 Sketch 文件並從我們的協作引擎接收即時更新會怎樣？」Pieter 說。而這基本上就是這個新 app 的功能 — 一個原生檢視器，讓您可以即時查看變更。
最佳的協作設計
如同 Sketch 中的所有事物一樣，讓 iPhone app 栩栩如生是一項跨團隊的努力。設計師、開發人員、產品經理和文案撰寫人員共同創造了現在的全新 iOS 體驗。我們也邀請了整個公司來 試用（dogfood） 這個 app，這不僅幫助我們打造更好的產品，也開始著手進行改進。
「我們很早就決定要盡可能使用預設的 iOS 系統組件來建構這款 app，這表示我必須盡可能熟悉 Apple 的人機介面指南。」產品設計負責人 Janik Baumgartner 回憶道。「這也表示，即使在早期的設計階段，我也已經不斷地與我們的開發人員溝通，詢問他們如何在盡可能少用自訂 UI 的情況下實現我們需要的功能。」
「透過採用我們設計師的願景，並嘗試以 SwiftUI 的可行性為基礎，我們最終找到了正確的捷徑，並更快地開發出優質產品。」
設計師🤝開發人員的溝通
我們的設計師和開發人員在專案的大部分時間裡，都透過快速 隨身會議 來提供關於 UI 設計進展的意見回饋，這幫助他們在極短的時間內找到更好的解決方案。但这並不表示過程中沒有任何挑戰。儘管我們使用與 Mac app 相同的技術，但行動 app 需要在更小的空間內運作，並且要考慮到觸控螢幕的操作方式。
Mac 開發人員 Jorge Pedroso 表示：「雖然我們在使用 SwiftUI 時遇到了一些限制，但這讓我們優先考慮 app 設計的簡潔性和效率。透過採用我們設計師的願景，並嘗試以 SwiftUI 的可行性為基礎，我們最終找到了正確的捷徑，並更快地開發出優質產品。」
另一位優秀的 Mac 開發人員 Philipp Seibel 也同意：「關鍵在於我們沒有預設立場。透過從一開始就將內部版本發佈給我們自己的設計師，我們能夠快速地迭代和改進，直到找到在 iOS 上檢視 Sketch 文件最直觀的方式。」
「透過從一開始就將內部版本發佈給我們自己的設計師，我們能夠快速地迭代和改進，直到找到在 iOS 上檢視 Sketch 文件最直觀的方式。」
打造適合小螢幕的 Sketch 體驗
「我還記得第一次在 iOS 裝置上看到我們使用自家引擎渲染的文件時，就知道我們已經達到了一個重要的里程碑。」Philipp 回憶道。「我們在短短幾週內就讓大部分的技術堆疊在 iOS 上運行。這讓我們有機會更專注於新平台本身，以及如何讓這些技術在行動裝置上更容易使用。」
例如，透過在 iOS 上運行我們的渲染引擎，我們能夠建構不同版本的檔案檢視器原型，以查看哪些 UI 設計 效果最佳。
「使用 Xcode 和 Sketch 進行開發非常有趣。我認為 Sketch 不僅僅是設計師的 IDE，更是整個團隊的 IDE，因為你可以輕鬆地協作、在製作原型時進行更改，然後查看這些更改的效果。」Mac 開發人員 Luigi Parpinel 分享道。「我們決定採用 SwiftUI，儘管它還不夠完善，但它為我們提供了一個現代化且面向未來的程式碼庫，我們將能夠以快速可靠的方式維護和迭代它。」
但我們的開發人員在建構 iPhone app 時最享受的事情是能夠與 Sketch 的多個團隊緊密合作。
以下是最終設計以及原型實際運作的樣子。您現在可以全螢幕開啟它們，並讓利害關係人在情境中預覽您的想法。
Sketch 的現況
對我們的產品經理 Paulo Pereira 來說，開發 iPhone app 最吸引人且最有成就感的一點是，這在幾年前幾乎是不可能完成的任務。
「我們的小團隊之所以能夠在幾個月內構建出這個應用程式，是因為我們已經具備了重要的工程基礎。近年來，很多人都開發了我們的文檔模型和原生渲染引擎、後端基礎設施和工作區、實時協作以及共享原型播放器，」Paulo 分享道。「因此，這與幾年前的 Sketch 已截然不同——我們現在可以構建以前根本無法實現的產品和功能。而且我們也不會故步自封。」
這款 iPhone 應用程式再次證明了，憑藉我們不斷壯大的團隊的辛勤工作，我們現在可以使用 Sketch 構建出任何東西。過去幾年中，我們為您帶來了重大的更新——包括工作區、實時協作和改進的原型設計——現在您可以看到這些功能如何協同工作，全面改進 Sketch。我們很興奮與您分享接下來的發展——正如 Paulo 所說，我們才剛剛起步。
