學習記錄#搭配 sketch & zeplin 製作 iOS 的健康 App 和 App Store 畫面ChingWen·FollowPublished in彼得潘的 Swift iOS / Flutter App 開發教室·3 min read·Feb 7, 2021--SharePhoto by JJ Ying on Unsplash模仿 iOS Health Data & App Store 畫面1 .下載 Sketch AppThe digital design toolkitYour best work happens when tools stay out of the way. With an intuitive interface, thoughtful features and all the…www.sketch.com2 .下載 iOS 11 & iOS 14 畫面的 sketch 檔,裡面包含準備製作的健康 App 和 App Store 畫面。iOS 11 GUI for iPhone X and iPhone 8A massive collection of core components and over 60 (x2) selected screens found in the public release of iOS 11 made…iosdesignkit.io3. 安裝 San Francisco 字型檔。安裝 San Francisco 字型檔,讓 sketch 顯示的 App 畫面不再跑版當我們從網路上下載 iOS App 畫面的 sketch 檔時,有時打開後會發現如下圖的跑版現象,Add Number 跟數字 4567 重疊了 !medium.com4.下載 Mac 版的 Zeplin。Downloading Mac and Windows apps☝️ To start using the apps, you will first need a Zeplin account. If you don’t have one already, you can sign up for…support.zeplin.io~開始模仿~完成畫面參考資料:搭配 sketch & zeplin 製作 iOS 的健康 App 和 App Store 畫面本篇文章的目標在讓剛學會 Storyboard 的朋友利用 sketch & zeplin,一步步模仿做出和 iOS 的健康 App 一模一樣的畫面。不過由於假設讀者還不會 Auto Layout 技術,因此接下來的教學將以做出符合…medium.com