原型設計工具
摹客
摹客是國內知名的在線設計協作平台。摹客的在線設計無需下載安裝,不受設備系統的限制,打開瀏覽器即可快速進行原型設計。
摹客自帶高自由度的可擴展復用的組件,提供強大的組件級的交互制作能力,幫助產品經理和設計師快速完成設計,同時,摹客還支持復雜的矢量編輯。設計完成后,直接復制項目鏈接即可完成分發,無論是評審還是交付開發都非常簡單、高效。摹客平台還自帶強大的產品文檔撰寫和任務管理模塊,滿足設計團隊全流程的創作和管理需求,一條線完成產品設計的全流程。
InVision
作為目前國外非常知名的一款在線原型設計協作工具,Invision 的發展勢頭很強。雖然最一開始Invision 主要是做設計稿之后的交互原型和團隊協作管理,比如可以順暢銜接Sketch/PS設計稿,為設計稿做批注,以及Freehand功能可以實現團隊自由討論想法。
但后來發布的 Invison studio 具備從基礎開始的設計功能,可以完成相當精細的設計稿,較為強大的交互動效功能也可以滿足大多數設計者的動效需求。利用 InVision Studio,還可以將團隊的設計規范落地在設計工作中。
不過對於國內用戶來說,Invision 始終還有些不便利:比如全英文的界面;國內訪問速度一般;以及價格較貴。
Figma
炙手可熱的全平台UI設計工具 Figma,自推出以來就收獲了一大票設計師們的擁躉。雖然是在Sketch成為主流設計工具之后才正式推出,但它的基礎體驗絲毫不落下風。加上基於Web的核心優勢,方便團隊內多人在線實時協作,大大降低了團隊溝通和協作的成本。
目前對於國內用戶來說,Figma存在本地化支持缺失、自身交付能力弱以及團隊協作費用昂貴等問題,不過借助摹客等平台推出的Figma插件,國內用戶也已經可以完美規避上述問題,高效交付Figma設計稿。
Marvel
Marvel 也是海外知名度較高的一款在線原型設計協作工具,支持PS和sketch設計稿導入做交互原型,也有自動標注功能。使用Marvel 可以在線完成中保真程度的原型設計,添加手勢操作和過渡效果后,即可實現可交互的產品原型設計。
通過 Marvel,用戶可以便捷地分享和演示項目,客戶或團隊其他成員則可以直接在相應的界面上進行評論或注釋。
Proto .io
Proto .io 也是國外一款輕便好用的在線原型設計工具,在大多數瀏覽器中都能使用,支持導入Sketch和PS設計稿做交互。界面清爽,擁有較為豐富的UI組件。可以直接用鏈接分享原型,而且因為集成了移動錄屏工具lookback,適用於用戶測試場景:可以記錄用戶點擊、滑動、點擊區域;也可以記錄用戶的聲音和facecam視頻評論。
目前Proto .io 有協作功能,只是比較受限;此外,交互設計較為復雜,細節效果只能通過容器實現,上手成本較高。價格相對Invision較便宜,但相對國內產品來說仍然較高。
Axure
老牌原型設計工具,交互制作功能強大,當然同時也帶來了較高的學習成本。設計區域是無限畫布,方便給設計稿添加文字注解。在交互效果層面,可以實現非常多條件判斷、巧妙運用可以實現更復雜的交互。不過同時也會帶來“效率不高”的問題,因為細節過於繁瑣,所以會加重產品經理或交互設計師在畫原型時的負擔。
此外,作為一款離線工具,Axure的原型預覽和分享方式並不十分友好。瀏覽器預覽本地文件需要安裝插件;支持上傳到Axshare分享,但在國內的速度也較慢。因為離線,Axure 文檔存檔會比較安心,不過如果涉及到多人協作,也會有“信息更新不及時”的問題。
墨刀
作為國內目前廣受認可的一款在線原型設計和協同工具,墨刀有內置豐富的UI素材和模板,清爽的界面,讓設計原型的過程順暢高效。墨刀同樣支持Sketch設計稿的導入,拖拽式創建交互鏈接,可以通過鏈接或者二維碼在電腦端或者移動端快捷預覽原型。此外,設計師也可以通過墨刀進行自動標注,開發者也可以用墨刀進行切圖。
而墨刀新出的版本更加強化了協同管理功能,滿足了更大規模團隊的需求。不僅多人團隊可以在墨刀協同編輯/實時討論,共同管理素材庫,對於人員權限的管理也更加清晰分明。
墨刀初體驗
注冊/登錄墨刀后,首先到達的是「項目管理頁」,創建的項目都會展示在這個頁面。
點擊右側的按鈕「創建項目」,可以選擇空白項目,也可以直接套用模板。
選擇空白項目:有iPhone、ipad、Android、Web四種平台,選擇后進入項目屬性設置頁,可設置不同的設備型號。點擊創建,就進入到了工作區。
成功利用墨刀完成了一個簡單的原型設計
小結
原型設計工具能快速解決原型問題、大多擁有極致的細節體驗、能協同設計、便捷的導出和分享,各有優缺點但總有一款適合你。