試用Fluid UI

　　要對APP UI進行設計，最簡易的方式就是用手繪，之前我也是習慣用PPT的方式來繪製頁面並呈現。雖然手繪的方式很快速，但卻無法實際感受到頁面操作的流程，在呈現上也顯得比較單調。
　　現在其實有許多平台有提供繪製UI的功能，不過Fluid UI特別的地方就在於它可以讓使用者自己設定每個按鈕或是區塊的連結，當我們在Demo時，點擊這些連結便可以連到其他頁面，在UI的操作上也更真實了。
　　必須先註冊Fluid UI才能進行繪製的功能，但Fluid UI對帳號是有分級的，免費帳號只能夠建立1個project並限制10個pages，另外在某些功能也有限制，像是下載及列印，都是要升級帳號才能夠使用的。

　　Fluid UI的繪製介面簡潔易懂，建立一個Project之後，只要點擊右上角「+」的按鈕，就可以新增一個APP頁面。

       在繪製的過程中，左邊會出現一個Library的頁面，類似工具箱的功能，使用者可以更改頁面的顏色，或是利用拖曳的方式就可以在頁面上新增元件。

　使用者可以自行對元件的樣式進行修改，頁面的連結是最主要的功能，只要點擊某個元件，再點擊連結，便可以將該元件連到另一個頁面。

　　此外，使用者可以對連結設定Gestures and transitions，讓頁面切換的效果更豐富，對該連結點擊兩下，再點擊跳出的箭頭，便會產生一個小視窗，左邊的下拉式選單是設定Gestures，右邊的下拉式選單是設定Transitions。

　　設計完成的Project也可以分享出去，Fluid UI提供了多種分享的方式，可以傳送連結給他人，或是發佈到Facebook、Twitter等其他分享方式。

　　我利用了目前正在進行的專題APP，繪製了幾個主要功能的UI，也可以進行線上Demo。

　　Fluid UI在操作上很容易上手，最大的特色就是可以進行線上Demo，將APP的頁面呈現更生動，也可以讓人感受到實際的操作，要對其他人介紹自己的APP也是個很方便的工具。而Fluid UI提供的元件也相當齊備，使用者可以直接對設計好的元件進行樣式的編輯。也有提供Timeline的功能，在編輯過程如果出錯也可以快速回復到先前的樣子。比較可惜的是，Fluid UI並不是全免費的，像是我們的APP是超過10個Pages的，因此無法將全部的頁面繪製出來。雖然可以將建立好的Project寄給團隊的其他成員，但也是因為受限於免費帳戶的原因無法共同編輯，其他團隊的成員只能對收到的Project進行查看。