利用 marvel App 製作 prototype app

Marvel - The design platform for digital products. Get started for free.

作品成果：

Marvel實作步驟［以下借用Sophie Jiang同學的操作步驟說明］

Step1: 
需在官網註冊，進入Marvel入口頁面後，點選"Go to dashboard"後，"Create project”。進入Create prototype project頁面，輸入"Project name"；這次要試作的是iPhone app，選擇"Project type"為iPhone 11，點選"Create project"。

（左）Marvel入口頁面；（右）建立prototype project頁面。

Step2: 因為這次是直接從marvel創建模型，直接點選右上角"Add images"，選擇"Design in Marvel"。

Step3: 進入dashboard畫面。可以看到dashboard跟xcode的storyboard有幾分相似，但工作區及UIKit等設計簡化許多。

dashboard頁面

Step4: 開始設計App囉～

設計頁面

Step5: 完成頁面設計後，連結App各個頁面～

選取要設定的分頁，點選”Prototype”。

可以看到全部分頁的管理頁面

框起要設定連結功能的icon，選取要連結的分頁及動作。

連結頁面

Step6: 預覽App及分享。

完成！！！！