#4. 使用Marvel 製作Prototype App

Marvel是一款Prototyping原型工具，將想法快速具體化的方法

Marvel官網https://marvelapp.com/apps/

原型製作工具(prototype tool)這是我接觸的第一個原型製作工具

先放上成品！！

最近看了一個展，也剛好沒什麼想法，借題發揮一下！(我有買票看展的！)

主要還是介紹一下

點選網址到marvelapp的官網後

不免俗的先建立自己的帳號才能使用它的功能

點選Sign up free 後填完填完資料能創建開始使用

其實他還有很多功能有空白白板，流程圖等等～這邊我們先點選跳過

到主要的工作頁面後就可以點選創建一個新的project

並且選擇prototype他會請你命名以及選擇設備，挑選好自己的配置後就可以開始揮霍啦～

接下來會跳到頁面的控制區點選Upload or create designs

這邊就是可以上傳或是新建頁面

頁面就簡單明暸左邊可以新增一些元件，而右邊就是控制元件的內容，

只要選到想新增的點選add即可，簡單選了狀態列，訊息泡泡，還有輸入訊息列

當然還可以輸入圖片啦

當完成頁面就可以點選右上的close他既會出現在頁面控制區啦～

（當編輯錯了也可以點選要更改的頁面後點選重新編輯喔！）

只要多完成幾個頁面就會變的有模有樣～！

接下來就要決定每個頁面的功能

我們先選擇一個頁面他會跳出pototype按鈕，會跳出設置動作的頁面

在這裡只要將想當成按鈕的區域以滑鼠圈選

就可以在下方的頁面列選擇點下去後會到達的頁面，還可以選擇要怎麼滑順的呈現～

當都決定就可以選擇Play開始遊玩自己的app啦～～