介紹幾款原型設計工具

2021-09-24 03:14:25 字數 1889 閱讀 8520

每一年的畢業季都是找工作高峰時期,產品經理、ui設計師這些崗位都會接觸到原型設計工具。選擇原型設計工具最重要的一點:適合自己的才是最好的!

下文將對目前超火的原型工具進行大對比,快來看看那一款於你而言才是最好的~

老牌原型設計工具,互動製作功能強大,當然同時也帶來了較高的學習成本。設計區域是無限畫布,方便給設計稿新增文字註解。在互動效果層面,可以實現非常多條件判斷、巧妙運用可以實現更複雜的互動。不過同時也會帶來「效率不高」的問題,因為細節過於繁瑣,所以會加重產品經理或互動設計師在畫原型時的負擔。

此外,作為一款離線工具,axure的原型預覽和分享方式並不十分友好。瀏覽器預覽本地檔案需要安裝外掛程式;支援上傳到axshare分享,但在國內的速度也較慢。因為離線,axure 文件存檔會比較安心,不過如果涉及到多人協作,也會有「資訊更新不及時」的問題。

作為adobe旗下的一款原型設計工具,有著平台自帶的乙個天然優勢—使用者可直接匯入ps、ai、sketc**件作為原型素材。設計的頁面間可以通過拖拽建立互動,可設定過渡動畫;adobe xd有提供基礎元件元素、平台元件庫和少量圖示庫。可以通過鏈結分享原型。此外,還支援設計稿的自動標註。

而作為一款本地工具,目前只能通過登入adobe icloud賬號雲端管理專案。

當然,雖然官方有在宣傳是免費工具,但是免費度非常有限:只能最多使用 2 gb雲儲存,typekit,以及最多共享1個設計規範和1個原型。

但後來發布的 invison studio 具備從基礎開始的設計功能,可以完成相當精細的設計稿,較為強大的交互動效功能也可以滿足大多數設計者的動效需求。利用 invision studio,還可以將團隊的設計規範落地在設計工作中。

不過對於國內使用者來說,invision 始終還有些不便利:比如全英文的介面;國內訪問速度一般;以及**較貴。

目前proto.io 有協作功能,只是比較受限;此外,互動設計較為複雜,細節效果只能通過容器實現,上手成本較高。**相對invision較便宜,但相對國內產品來說仍然較高。

藍湖也是國產的一款原型協作平台,在其官網上,藍湖將自身定位為「簡單好用的團隊工作台」

使用藍湖可以匯入sketch/photoshop和adobe xd的設計稿(通過外掛程式),並在藍湖上做自動標註和互動原型。對於設計師來說,可在藍湖進行設計圖管理和自動標註。對於產品經理來說,可以在藍湖做頁面邏輯流程圖和匯集產品文件。

不過藍湖本身沒有設計功能,必須依託於在sketch/photoshop/adobe xd平台的設計。而互動效果的建立方式也相對較為隱晦,是筆者目前體會到的稍微不足之處。

選擇適合自己的原型工具開始你的原型設計之路吧!

主流原型設計工具介紹

1.axure axure作為老牌的原型圖工具,功能最齊全,互動最多樣,基本任何想要的效果都可以實現,尤其在製作pc端原型圖上有優勢。axure的軟體介面總的來說,可以分為9大模組 3.站點地圖 呈樹狀結構 可以新增 刪除頁面 也可以對設計中的頁面進行重新命名操作 5.母版區域 共用,復用 7.頁面...

介紹幾款iPhone手機原型設計的工具

一 iphone mockup 二 balsamiq mockups balsamiq mockups提供了 9 大類共 50 多個控制項,涵蓋了幾乎所有常用的 ui 控制項。不管是桌面軟體 手機軟體還是 web 站點,都能搞定,且軟體極易上手。balsamiq mockups 有許多不足之處,如不...

原型設計工具

原型設計 產品原型就是產品面試之前的乙個框架設計,簡單的來說就是將頁面的模組,元素,人機互動的形式,利用線框描述的方法,將產品脫離 狀態下更加具體和生動的表達。原型設計的優點 讓使用者實實在在感受到產品。用於測試,提前找到產品問題。溝通方便,言之有物。提高產品設計的工作效率。原型設計的缺點 耗費一定...