[study #4-2] 搭配 sketch & zeplin 製作 iOS 的健康 App 和 App Store 畫面

先前開啟sketch總覺得很茫然看不懂，不過這篇跟著 Peter 彼得潘的 iOS App Neverland 的教學一步一步做其實不會很困難。教學：

只是操作上幾個地方要注意(是我有卡一下的地方)：

是從Sketch操作將設計export進zeplin

從zeplin要看各元件的樣式細節，需要先點選兩下才能進入

教學提供的userpic跟要模仿的畫面不同，另外找了個相似點的icon

準備三個尺寸的圖片，檔名要修改成@2x @3x

這樣import的時候xcode會自動歸為一組

字型的部分還沒有一模一樣，安裝新字型下次再學。

結果畫面：

Auto Layout的部分雖然也有試了一下，但似乎還要搭配其他的設定，試run了一下反而畫面歪掉了，之後再學習完整的Auto Layout吧！