初識Marvel app

設計App的Prototype 神器 — Marvel app

Marvelapp是一個能讓設計師不需要寫任何程式就能設計出「會動」的App,這裡的會動指的是能夠像真正的app那樣操作,但只能呈現靜態的畫面,也無法灌到手機中真正運行,不過最大好處就是只要有設計圖,就能快速產生初版的Prototype,不需寫出真正的App就讓使用者體驗到UI/UX,如果想要修改畫面也能快速修改完成。

更棒的是,可以直接連結Sketch,只要先去下載並安裝Sketch Plugin

之後就能在Sketch中看到Marvel的選項,按下Sync All Artboards可以上傳全部的圖檔到MarvelApp網站上,就算之後再sketch更改內容,也可以再按一次,網站就會即時更新。

同步Sketch與MarvelAPP.com
上傳成功圖片
Marvelapp上的圖片

詳情可以上官網或下面教學連結查看:

App 模板網站

由於自己對於設計美感一竅不通,所以最近正在到處與設計系的朋友尋求設計檔案來讓自己練習寫App,由於尚未取得檔案,因此我去找了一個有很多開源ios App 的模板網站:

這個網站不需要任何的授權,很適合無美感的工程師來當作練習的模板,因此我挑了一個很可愛的狗狗的模板:

轉換為中文後,成品就設計出來囉!:

--

--

Andy Cheng
彼得潘的 Swift iOS / Flutter App 開發教室

若能將學到的知識轉化為易懂的文章,才能算是真正學會。這是我創建這個帳號的初衷。