close

 好不容易花了五十分鐘寫完文章,結果痞客邦硬是把我的文章吃掉了,消失無蹤,只好再來一次……真想罵髒話。

 

Fluidui是一個專頁用來設計手機、平板裝置APP的好工具,是一個雲端型的工具軟體,不需要下載程式,只需要打開網頁瀏覽器並且登入帳號就能使用,同時在chrome web store上也有工具可以安裝。

fluidui on chromeweb

 

簡單來說,這個工具有三項優點,工友簡列如下。

1. 介面簡單

2. 有Android 和iOS的基本元件模組

3. 可以在手機展示設計草圖。

 

 

1. 介面簡單

如果知名的繪圖軟體Photoshop的介面邏輯難度是10,那麼Fluidui應該只有4而已,因為只有UI配置,不需要做繪圖設計,所以介面非常的簡單好用,每一個元件都可以複製、改顏色、改大小、移上下一層等。絕對比痞客邦的編輯文章畫面還要更簡單!(…該死的吃掉我文章)

 

edit page

 

2. 有Android 和iOS的基本元件模組

目前兩個主要的作業系統都有自己的原生原件,如果需要使用這些工具,只要從畫面左邊的套庫中選取元件,包含按鈕、文字框、基本圖示等,拖曳到畫面中間就可以使用了;另外這兩個紷統對於畫面尺寸的要求也不一樣,在設計的時候可以依照自己的需求來改變畫面的大小,只要選擇好裝置之後軟體就會給予一定的畫面大小。

 

除了有Android和iOS的基本元件模組可以使用之外,設計者也可以自行上傳設計好的畫面作展示喔!

 

 

set page

 

3. 可以在手機展示設計草圖。

安排好每一個元件和動畫之後,可以進入播放模式,在電腦螢幕上播放所有的操作效果,以滑鼠點擊代替手指的運作。當然,最好的方式還是將畫面帶到手機當中,這時候就要先用一支手機下載Fluidui播放軟體,此軟體目前只有Android系統可以使用。有了播放軟體之後,在播放模式的畫面左邊有一個二維條碼,拿手機掃描此二維條碼,手機就能讀取設計好的畫面,在手機上展示設計成果了。

scanqrcode

 

雖然這是一個簡單的軟體,但是認真設計之後,其效果可是非常驚人,軟體的主畫面可以看到所有設計畫面的順序以及配置。假設設計一個小工具APP要10個畫面,每個畫面有3個銨扭,而Fluidui就能將這30個按鈕所呈現的畫面效果和連帶關係表達出來。作為一個UI配置設計的工具而言算是非常好用喔!

step

 

最後再講到現實面,這個軟體當然可以免費使用,但是可以編輯的畫面只有10個而已,如果付費購買則可以新增可編輯畫面數和可編輯專案數、上載圖片容量大小等。

price  

 

有興趣就試試吧!

 

                                                               阿搞工友

arrow
arrow
    文章標籤
    android ios fluidui ui app
    全站熱搜

    玩運彩 發表在 痞客邦 留言(0) 人氣()