Z Yuhan：Axure算是原型工具里的 Old School ，功能強大的同時又帶著點Windows傳統界面的土氣，有人把它形容成瑞士軍刀。

Sketch更像是最近大熱的 New School ，雖然從Apple那里沾染了點理想主義的傲嬌做派，但是從它的開源特質和與其它產品的互通情況來開，很有可能是未來的發展方向。

我目前對這兩個工具的熟悉程度剛好處于還差不多的水平，于是趁此機會來向大家詳細分析對比一下。順便為有工具選擇困難癥的小伙伴提供一些幫助。

我將分別從十個方面分析對比這兩個原型工具：

• 主要優點
• 頁面管理
• 控件管理
• 備注說明
• 矢量繪圖
• 文件導出
• 軟件性能
• 團隊協作
• 學習難度
• 主要缺點

在文章的最后，我將給出選擇工具的建議。

一. 主要優點

Sketch：開放的平臺和資源

不斷豐富的插件以及對接軟件，例如：Principle, Invision...

Axure：強大的Web功能

強大的動態面板、豐富的事件和參數功能，用的好的話，幾乎可以還原略為復雜的動態前端頁面。

二. 頁面管理

Sketch：畫布和Artboard

數量少的話很方便，多的話就有點崩潰了。

Axure：嚴格的層級管理

數量少的時候有點麻煩，但是多起來也方便尋找。

三. 控件管理

Sketch：控件功能簡便輕量

• 不能做動態組件，只能看到靜態的不同效果
• 使用組件時可以快速修改文字、圖片和所引用的組件

• 控件必須確定固定的尺寸，使用時可以拉伸

Axure：控件功能強大，但靈活性一般

可以做成動態組件，例如有焦點狀態的輸入框、懸停按下狀態的按鈕等。

使用組件時能夠切換狀態，但是被封裝成控件（模板）后，里面的文字圖片等內容就不能輕易修改。一定要改的話，也能用事件和參數做到，但是很麻煩而且不能預覽。

控件的尺寸隨著內容自動變化，但使用時不可以拉伸。

四. 備注說明

Sketch：缺少備注說明功能

需要用文本的形式附上或是使用備注插件。

Axure：備注功能較為完善

可以寫在每一頁的說明參數里。甚至還可以另開一個說明頁面，繪制流程圖，并用縮略圖引用其它頁面（頁面快照）。

五 . 矢量繪圖

Sketch：可以滿足大多繪圖需要

尤其是給折角設置圓角的功能很好用。

Axure：一般，只能勉強畫出基本能圖形

六. 文件導出

Sketch：只能導出靜態圖

可導出Artboard、切片和所選元件。

Axure：可以導出圖片、HTML和文檔

HTML導出功能很好，把生成的HTML生成地址共享給別人，別人可以在上面做評論。但是導出圖片和文檔的效果通常不是很理想。

七. 軟件性能

Sketch：標配Mac機，很大的文件也不怎么卡

一個十多頁，每頁四五十個屏的文件，也沒有絲毫的卡頓感。

Axure：標配Windows機，文件大了容易卡

一個頁面上加上與真實環境相當的事件動作（下拉框、動態頁簽等），生成HTML預覽時就會卡。除此之外頁面達到二十頁以上，在使用時也會有卡感。

八. 團隊協作

Sketch：本身不具備愛團隊協作功能

有團隊協作的插件，但是我沒用過。

Axure：有較為完整的團隊管理功能

可以在一個團隊文件之中，以頁面和組件為顆粒度件劃分每個人的負責區域，不過每次都要上傳下載才能互通。

九. 學習難度

Sketch：入門容易

但是因為很多功能都不是寫清楚和在工具界面上擺出來的，需要自己去找資料才行。

Axure：自學基本功能容易

因為大部分功能都擺在界面上了，不需要教程就能摸索，但是如果涉及到事件和參數的使用，就需要看資料了。

十. 主要缺點

Sketch：過于輕量

對于簡單的設計會覺得好用，但是對于復雜龐大產品的設計，就會遇到各種混亂和不便的問題。舉個例子，如果控件（Symbols）太多，下圖這種找法效率就很低了。

Axure：卡

本身功能強大且靈活性高，只要解決卡頓的問題，其它都好說。有人可能覺得Axure的界面看起來太過傳統復雜，但是我認為工具是用來使用的，不是好看的。

對于選擇工具的建議

Sketch：適合樂于并使用學習各種工具的設計師，設計適合輕量產品的設計，尤其是移動端

Axure：適合樂于鉆研技巧、把專業工具變成神器的設計師，適合龐大復雜產品的設計，尤其是Web端

「做交互原型的軟件」

1. 工具隨心用！教你用KEYNOTE快速制作高保真交互原型
2. 新晉神器！超厲害的原型設計新玩具Kite Compositor 深度測評

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com