iT邦幫忙

2021 iThome 鐵人賽

DAY 10
1
Mobile Development

30天零負擔輕鬆學會製作APP介面及設計系列 第 10

30天零負擔輕鬆學會製作APP介面及設計【DAY 10】

大家好,我是YIYI,今天我要來介紹MARVEL APP。

MARVEL APP是甚麼

MARVEL APP是一款能夠讓設計師在不需要寫任何的程式的情況下讓APP動起來的系統。
有手機板和電腦網頁版~
https://ithelp.ithome.com.tw/upload/images/20210919/20140979BeinpK4U7u.png
下面有附上網址給各位~

為什麼要用MARVEL APP

MARVEL APP能夠在只有設計圖的階段讓APP動起來,這裡的動起來指的是能夠像真正的APP那樣操作,但是沒辦法真正的運行。
免費的情況下就可以建立一個完整的PROTOTYPE(類似DEMO)。

為什麼需要PROTOTYPE

有了PROTOTYPE才能夠有具體的東西展示,有利於統整自己的思緒,也可以給身邊的朋友們看看,可以看到比較真實、比較正確的使用者經驗。
製作出PROTOTYPE更是證明這個技術是能夠達成!
再來,如果有想要拉投資或是贊助的話,基本上都是要有一定的東西,才能夠入別人的眼。/images/emoticon/emoticon01.gif

如何操作MARVEL APP

我是使用GOOGLE帳號登入,下圖是登入後的介面。
點擊右上角的CREATE PROJECT建立一個新專案。
https://ithelp.ithome.com.tw/upload/images/20210919/20140979gtiPjXx1kk.png
並選擇PROTOTYPE
https://ithelp.ithome.com.tw/upload/images/20210919/20140979fDNabcuK7G.png
填入專案名稱並選擇測試用裝置,最後按下CREATE PROJECT建立專案。
https://ithelp.ithome.com.tw/upload/images/20210919/20140979rmSpjtr5ya.png
進入下個頁面後選擇UPLOAD OR CREATE DESIGNS。
https://ithelp.ithome.com.tw/upload/images/20210919/20140979mnz3TLkU3X.png
選擇從電腦匯入檔案。
https://ithelp.ithome.com.tw/upload/images/20210919/2014097980CXR3DQ7P.png
匯入後就會變成下圖這樣~/images/emoticon/emoticon42.gif
https://ithelp.ithome.com.tw/upload/images/20210919/20140979kCKaikuzyZ.png

MARVEL APP網址

MARVEL APP

預告

明天將利用MARVEL將前面三個介面做出連結。

謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 09】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 11】
系列文
30天零負擔輕鬆學會製作APP介面及設計30

尚未有邦友留言

立即登入留言