經(jīng)歷了疫情期間的遠(yuǎn)程辦公，基于Web的協(xié)同辦公軟件（例如飛書，釘釘，騰訊文檔等）紛紛成為大部分國內(nèi)企業(yè)的辦公必備品。可以看出，目前國內(nèi)的在線辦公協(xié)同和文檔等工具已經(jīng)發(fā)展得越來越成熟。隨著云計(jì)算和5G網(wǎng)絡(luò)的發(fā)展，互聯(lián)網(wǎng)辦公工具的 Web 化是必然的趨勢。那么對于產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)來說，又有哪些在線設(shè)計(jì)工具值得體驗(yàn)?zāi)?？今天，我們一起來盤點(diǎn)一下國內(nèi)外8款經(jīng)典的在線原型工具。

?

?

摹客

?

?

眾所周知，摹客是國內(nèi)知名的在線設(shè)計(jì)協(xié)作平臺。摹客的在線設(shè)計(jì)功能，無需下載安裝，不受設(shè)備系統(tǒng)的限制，打開瀏覽器即可快速進(jìn)行原型設(shè)計(jì)。

?

摹客自帶高自由度的可擴(kuò)展復(fù)用的組件，提供強(qiáng)大的組件級的交互制作能力，幫助產(chǎn)品經(jīng)理和設(shè)計(jì)師快速完成設(shè)計(jì)，同時，摹客還支持復(fù)雜的矢量編輯。設(shè)計(jì)完成后，不需要上傳交付，就已經(jīng)自動接入?yún)f(xié)作，進(jìn)入設(shè)計(jì)流程。團(tuán)隊(duì)成員可通過任務(wù)管理實(shí)時查看項(xiàng)目進(jìn)程，快速完成設(shè)計(jì)評審，輕量設(shè)計(jì)還可以直接交付開發(fā)，一條線完成產(chǎn)品設(shè)計(jì)的全流程。

?

?

InVision

?

?

InVision是一款在海外非常流行的在線設(shè)計(jì)協(xié)作工具。雖然一開始的定位是交互設(shè)計(jì)和團(tuán)隊(duì)協(xié)作，但I(xiàn)nVision Studio的發(fā)布，標(biāo)志著InVision在線原型設(shè)計(jì)功能的完善。

?

使用InVision Studio可以完成精細(xì)的原型設(shè)計(jì)稿，除了基礎(chǔ)的編輯功能，還可以在線分享和測試具有豐富交互動效的原型項(xiàng)目。而其靈活的團(tuán)隊(duì)協(xié)作功能，也允許設(shè)計(jì)師進(jìn)行在線協(xié)作設(shè)計(jì)，或?qū)朐秃?，添加交互及動畫?/p>

?

?

Figma

?

?

炙手可熱的全平臺UI設(shè)計(jì)工具 Figma，自推出以來就收獲了一大票設(shè)計(jì)師們的擁躉。雖然是在Sketch成為主流設(shè)計(jì)工具之后才正式推出，但它幾乎繼承了Sketch所有的基礎(chǔ)功能，加上基于Web的核心優(yōu)勢，方便團(tuán)隊(duì)內(nèi)多人在線實(shí)時協(xié)作，大大降低了團(tuán)隊(duì)溝通和協(xié)作的成本。

?

目前對于國內(nèi)用戶來說，F(xiàn)igma存在本地化支持缺失、自身交付能力弱以及團(tuán)隊(duì)協(xié)作費(fèi)用昂貴等問題，不過借助摹客等平臺推出的Figma插件，國內(nèi)用戶也已經(jīng)可以完美規(guī)避上述問題，高效交付Figma設(shè)計(jì)稿。

?

?

Marvel

?

?

Marvel 也是海外知名度較高的一款在線原型設(shè)計(jì)協(xié)作工具，支持PS和sketch設(shè)計(jì)稿導(dǎo)入做交互原型，也有自動標(biāo)注功能。使用Marvel 可以在線完成中保真程度的原型設(shè)計(jì)，添加手勢操作和過渡效果后，即可實(shí)現(xiàn)可交互的產(chǎn)品原型設(shè)計(jì)。

?

通過 Marvel，用戶可以便捷地分享和演示項(xiàng)目，客戶或團(tuán)隊(duì)其他成員則可以直接在相應(yīng)的界面上進(jìn)行評論或注釋。

?

?

Proto .io

?

?

Proto .io也是國外一款輕便好用的在線原型設(shè)計(jì)工具，支持在大多數(shù)瀏覽器中使用，界面清爽，擁有較為豐富的UI組件和交互設(shè)計(jì)功能，不過其交互設(shè)計(jì)較為復(fù)雜，學(xué)習(xí)成本比較高。

?

設(shè)計(jì)完成后，可以直接分享原型演示鏈接，方便用戶進(jìn)行分享及測試。除此之外，Proto .io 也支持導(dǎo)入Sketch和PS設(shè)計(jì)稿，在線添加交互，以及進(jìn)行部分簡單的團(tuán)隊(duì)協(xié)作。

?

?

hotgloo

?

?

Hotgloo是一個完全基于Web的設(shè)計(jì)工具，有很多實(shí)用的功能，包括讓各個項(xiàng)目可以進(jìn)行快速拖放，以及對設(shè)計(jì)進(jìn)行規(guī)范管理等，同時也具備實(shí)時協(xié)作能力。

?

Hotgloo的原型設(shè)計(jì)功能簡單易上手，學(xué)習(xí)成本較低，且提供了大量的預(yù)置UI組件和超過5000個常用的圖標(biāo)，即使是產(chǎn)品新手也能在這里做出專業(yè)的產(chǎn)品交互原型。

?

?

Gliffy

?

?

Gliffy是一款號稱用途最廣泛的在線原型工具，可制作非常專業(yè)的流程圖、org圖、UML圖、network圖，也可以繪制簡單的原型線框圖。

?

雖然Gliffy的主要功能是繪制流程圖，但通過從空間庫中拖拉按鈕、線條等組件，再添加文本，就能完成簡單的線框圖制作。制作完成的線框圖可以通過鏈接分享給其他成員，同時也支持多人實(shí)時協(xié)作。

?

?

Pidoco

?

?

Pidoco是一款德國的在線設(shè)計(jì)工具，支持多人協(xié)作，可以和團(tuán)隊(duì)成員一起，創(chuàng)建交互完整的產(chǎn)品原型，也支持將設(shè)計(jì)完成的原型分享到手機(jī)端查看演示。

?

Pidoco內(nèi)置了豐富的組件，支持拖放操作、實(shí)時協(xié)作、可用性測試、自定義模板等，還可以生成PDF文檔、可編輯的RTF文件、SVG圖像和HTML文件等。

?

?

小結(jié)

?

在線原型工具相比于桌面版設(shè)計(jì)工具來說，有著得天獨(dú)厚的優(yōu)勢。它不需要安裝，也不限制工作地點(diǎn)和操作系統(tǒng)，無論你使用的是Windows系統(tǒng)還是Mac系統(tǒng)，都可以使用這些工具完成設(shè)計(jì)。以上是小摹為大家推薦的8款實(shí)用的在線原型設(shè)計(jì)工具，相信總有一款你會喜歡。

?

文末福利

?

最后給大家贈送摹客專業(yè)版激活碼【wenbilibili】

領(lǐng)取即可全方位體驗(yàn)這款強(qiáng)大的高保真設(shè)計(jì)利器，同時支持在線交付Sketch/PS/XD/Axure/Figma設(shè)計(jì)稿，還可以享受7*12小時在線客服支持

復(fù)制鏈接領(lǐng)取??https://www.mockplus.cn/get-idoc?hmsr=wenbilibili