最近又想開始寫程式，這次想試試用PHP + Symfony + MySQL + Eclipse + jQuery Mobile寫一個可以同時在桌上電腦以及手機上開的網站，身為一個號稱是程式設計師的我來說，在動手寫之前當然要作一下設計工作。所以今天就在網路上大 舉搜索用來作prototype的服務。結果讓我找到這個proto.io。試用了一下驚為天人，實在是很好用，以下是官方網站的介紹。
發現不會貼影片...這裡是。
我先簡單介紹一下什麼是prototyping: 也就是原型。介紹完畢(喂~~)。通常我寫網站會習慣先把整個網站的layout畫出來，流程弄清楚後再開始寫，而這個網站就是提供這種功能，而且非常強大非常好用。以下來看小弟的試用介紹。
在proto.io的編輯視窗中，你把你想要的mobile app的樣子把各種物件拉起來放好，最後你可以直接在你的iPad或是iPhone上觀看效果。
這個按鈕，可以將你的prototype輸出成html然後壓成zip檔讓你下載，下載來後用瀏覽器打開就跟你在網站上作的一模一樣，匯出成pdf檔的話我按下去之後網頁轉到播放模式，也就是你的prototype中所有的按鈕，文字，下拉式選單，都可以設定動作，這樣一來你的按鈕是真的按下去會有動作的，會轉到你設定的頁面，所以這樣就更可以模擬出網站實際上線時的情形。
這個按鈕讓你可以直接在線上觀看你的prototype，只要你有設定每個按鈕的動作，像是連結到某個你作好的screen，在播放模式中你按下去就會連到那一頁。
例如這張圖，我有一個Login按鈕，右邊的屬性視窗最下面有一個Actions:欄位，裡面可以設定各種動作，不止有按下去，還有往右滑、往左滑之類的動作。
這個按鈕很重要，雖然你的prototype會自動儲存，每次你想要進入播放模式前都要按一下這個按鈕，你的更動才會反應到播放模式。
這個按鈕是讓你設定播放模式中的第一頁，如果沒有設定的話，播放模式一開始會是空白的。
在你註冊時，不管是試用免費版本或是付費版本，你都會拿到一個你的網址，要登入的話直接輸入你的個人網址即可，要用iPad或是iPhone直接觀看你的prototype只要用你的iPad開啟你的個人網址，選擇播放模式(Preview)，你就可以實際操作你的prototype。在iOS裝置上你甚至可以把他匯出到桌面上，打開就像是一個完全的app，只是沒有資料庫，裡面不會有資料。但是在製作prototype或是跟客戶demo的時候肯定是會讓人嘆為觀止的。
如果你常常需要製作prototype給客戶看或是只是自已的專案需要作UI mockup，proto.io實在是很強悍的工具，推給大家試用囉~~
回覆時引用此篇文章
