app ui交互設(shè)計(jì)用的工具有很多：WebFlow是一款 web app，你可以直接在瀏覽器中完成網(wǎng)站的視覺和交互設(shè)計(jì)，還包括實(shí)時(shí)預(yù)覽和代碼編寫功能。WebFlow的編輯器界面友好，所見即所得，設(shè)計(jì)師擁有完全的控制權(quán)。WebFlow一直在持續(xù)更新功能，包括Web字體，視頻支持，交互的狀態(tài)，W3C標(biāo)準(zhǔn)化，乃至于主機(jī)托管。Marvel是一款免費(fèi)的原型設(shè)計(jì) Web 應(yīng)用，可以進(jìn)行網(wǎng)頁設(shè)計(jì)和移動(dòng)端的UI設(shè)計(jì)。和WebFlow一樣，你可以使用Marvel完全在線完成設(shè)計(jì)，并且可以和你的Dropbox同步，可以方便你進(jìn)行共享或者分享。值得一提的是，Marvel 支持PSD格式文檔，也就是說你的視覺稿無需轉(zhuǎn)換格式就可以使用。Macaw 是一款桌面端的所見即所得的設(shè)計(jì)工具，實(shí)時(shí)代碼預(yù)覽，便捷輸出。比較獨(dú)特的是Macaw可以創(chuàng)建響應(yīng)式設(shè)計(jì)，內(nèi)置的斷點(diǎn)編輯器可以幫你輕松地在不同尺寸的屏幕上實(shí)現(xiàn)完美的響應(yīng)式顯示。盡管Macow中的代碼編輯功能并沒有太大必要，但是最新版的Macaw在HTML和CSS代碼編輯上體驗(yàn)還是蠻好的。UXPin 是一款比較著名的設(shè)計(jì)類的web應(yīng)用，用戶可以借助UXPin在線協(xié)作完成線框圖和原型的設(shè)計(jì)。UXPin旨在幫設(shè)計(jì)師快速便捷地進(jìn)行線框圖和原型設(shè)計(jì)，擁有完備的版本管理，支持響應(yīng)式設(shè)計(jì)，通過拖拽預(yù)制控件進(jìn)行UI設(shè)計(jì)。