先來排名
1、墨刀-極簡超快的移動應(yīng)用原型工具
2、ProcessOn-在線作圖工具,你不用裝 Visio 了
3、Principle-前 Apple 工程師打造的交互設(shè)計工具,快速制作豐富流程的應(yīng)用交互動畫
4、摩客-簡潔高效的原型圖設(shè)計工具
5、Sketch-一款輕量易用的矢量設(shè)計工具
6、Axure-老牌原型工具,8.0 開始對響應(yīng)式設(shè)計做了更好的支持,UI 也進行了微調(diào)
7、xiaopiu-國內(nèi)優(yōu)雅高效的在線 APP 原型工具
8、其他
Axure rp8
這個就不用多介紹了,老牌原型圖工具,功能全面,但是交互效果沒那么友善
Mockplus-全平臺“更快、更簡單”的原型設(shè)計工具
Mockplus是一款支持全平臺的快速原型設(shè)計工具,滿足包括手機項目、平板項目、網(wǎng)友項目、桌面項目、自定義項目及自由項目的原型設(shè)計需求。它以“更快、更簡單”的特點在國內(nèi)甚至國際原型市場中占有一席之地。最近3.0版本中發(fā)布的團隊協(xié)作功能,更是大大提高了團隊溝通默契和效率。此外,高度封裝的智能交互組件、完全可視化的交互設(shè)計,在同類原型工具中也是獨有的。
墨刀-簡單易用的原型設(shè)計工具
無論是 PM 從 0 到 1 繪制原型、還是設(shè)計師導(dǎo)入設(shè)計稿制作交互,都可以快速輕松完成可交互原型。墨刀的出現(xiàn),就是節(jié)約了溝通的成本,降低了試錯成本,優(yōu)化了設(shè)計的效率!讓看不見的價值,更快速地用可見的方式表達。讓革新者有新的方法去改變世界。你可以將你的作品分享給任何人,無論在 PC、手機或微信上,他們都能隨時查看最新版本。開發(fā)人員可告別復(fù)雜的需求文檔,打開工作流便可看到全局狀態(tài)和注釋,實時同步進度和文檔——工作流成為最有效的溝通語言。將 Sketch 的設(shè)計稿一鍵導(dǎo)入墨刀即可馬上制作交互,工程師還可以通過開發(fā)者模式,看到完整的圖層信息。在這里真的是強烈推薦墨刀,真的很好用,不用每次更新都需要導(dǎo)出,就一直用一個地址。
http://www.xiaopiu.com-優(yōu)雅高效的免費在線APP原型工具
xiaopiu.com - 云端原型設(shè)計工具,用戶只需輸入網(wǎng)址即可享受桌面軟件級的用戶體驗,隨時隨地進行創(chuàng)作,項目云端存儲,一鍵分享到精選廣場,共享資源進行交流。組件級的高復(fù)用設(shè)計,方便用戶在創(chuàng)作過程中,將設(shè)計細(xì)分,歸類為庫。自由方便的動畫交互調(diào)試,讓表達更生動。多視圖模式,讓整個項目邏輯一覽無余。里面內(nèi)置了很多模板
這是一個妹子一個人開發(fā)的平臺,真的是滿厲害的,她也做了很多視頻教程,萌萌噠的聲音一定會讓你學(xué)的很開心。
sketch-矢量繪圖軟件
Sketch想必大家并不陌生了,另外兩款被大家所熟知的矢量繪圖軟件還有Photoshop和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關(guān)的插件,比如ContentGenerator、Icon Stamper、Measure等等。不過,它只支持基于制作好的UI視覺圖進行交互,而且只有MAC版本,對于Windows用戶來講不太友好。sketch雖然大多數(shù)用來畫設(shè)計圖,但是用它來畫原型圖效率也很高。
http://naotu.baidu.com/-百度腦圖
百度腦圖是一個百度出品的一個良心在線的思維導(dǎo)圖工具。操作十分簡單,當(dāng)你創(chuàng)建一個節(jié)點,點擊右鍵,就可以創(chuàng)建下級和同級的節(jié)點。而且網(wǎng)站還提供將你的思維導(dǎo)圖保存在云端和分享給好友的功能。
ProcessOn-免費在線作圖,實時協(xié)作
www.processon.com
ProcessOn不僅可以在線使用,而且支持流程圖、思維導(dǎo)圖、UI原型圖、UML、網(wǎng)絡(luò)拓?fù)鋱D、組織結(jié)構(gòu)圖等等。
除了支持多種標(biāo)準(zhǔn)作圖格式外,還支持多人在線協(xié)作,非常方便。
principle-這個主要是做交互
這個軟件很聰明的結(jié)合了Sketch、Keynote、Flash以及After Effect等軟件的優(yōu)點(再加上一些專門做交互原型的額外功能)。
origami-交互神器
早在Facebook推出Facebook Home時,相信強大的原型工具Quartz Composer就進入了很多設(shè)計師的法眼,無須編寫代碼就可以輸出細(xì)膩豐富的動畫,這個太刁了,和大家一樣,彼時我也信誓旦旦勵志要學(xué)會這個玩意兒,于是開始參考教學(xué)視頻摸索,甚至拿著Quartz Composer的Guideline企圖翻譯,結(jié)果發(fā)現(xiàn)并不是那么簡單。于是學(xué)QC這件事情就一直一直擱淺,直到Facebook又推出了Paper,有了Origami這個插件,QC的門檻瞬間降低了很多,終于,感覺自己入!門!了!!尤其是和Sketch聯(lián)動,做demo真是方便了很多。
但是只有mac版,而且學(xué)起來也不是那么容易,個人感覺principle做交互足夠了
聯(lián)系客服