Sketch 畫原型比 Axure 好用嗎?爲何?

對工具而言,我的以爲沒有說哪一個工具好用很差用之分,更重要一點,作設計的來說何時用什麼工具來提升工做效率,這個最重要。下面我也來說講這二款工具的不一樣之處:前端

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

Sketch更像是最近大熱的 New School ,雖然從Apple那裏沾染了點理想主義的傲嬌作派,可是從它的開源特質和與其它產品的互通狀況來開,頗有多是將來的發展方向。性能

我目前對這兩個工具的熟悉程度恰好處於還差很少的水平,因而趁此機會來向你們詳細分析對比一下。順便爲有工具選擇困難症的小夥伴提供一些幫助。學習

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

主要優勢設計

頁面管理3d

控件管理cdn

備註說明blog

矢量繪圖教程

文件導出

軟件性能

團隊協做

學習難度

主要缺點

一. 主要優勢

Sketch:開放的平臺和資源

不斷豐富的插件以及對接軟件,例如:Principle, Invision…

Sketch 畫原型比 Axure 好用嗎?爲何?
Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:強大的Web功能

強大的動態面板、豐富的事件和參數功能,用的好的話,幾乎能夠還原略爲複雜的動態前端頁面。

Sketch 畫原型比 Axure 好用嗎?爲何?
Sketch 畫原型比 Axure 好用嗎?爲何?
Sketch 畫原型比 Axure 好用嗎?爲何?

二. 頁面管理

Sketch:畫布和Artboard

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

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:嚴格的層級管理

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

Sketch 畫原型比 Axure 好用嗎?爲何?

三. 控件管理

Sketch:控件功能簡便輕量

不能作動態組件,只能看到靜態的不一樣效果

使用組件時能夠快速修改文字、圖片和所引用的

Sketch 畫原型比 Axure 好用嗎?爲何?

控件必須肯定固定的尺寸,使用時能夠拉伸

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:控件功能強大,但靈活性通常

能夠作成動態組件,例若有焦點狀態的輸入框、懸停按下狀態的按鈕等。

Sketch 畫原型比 Axure 好用嗎?爲何?

使用組件時可以切換狀態,可是被封裝成控件(模板)後,裏面的文字圖片等內容就不能輕易修改。必定要改的話,也能用事件和參數作到,可是很麻煩並且不能預覽。

Sketch 畫原型比 Axure 好用嗎?爲何?

控件的尺寸隨着內容自動變化,但使用時不能夠拉伸。

Sketch 畫原型比 Axure 好用嗎?爲何?

四. 備註說明

Sketch:缺乏備註說明功能

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

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:備註功能較爲完善

能夠寫在每一頁的說明參數裏。甚至還能夠另開一個說明頁面,繪製流程圖,並用縮略圖引用其它頁面(頁面快照)。

Sketch 畫原型比 Axure 好用嗎?爲何?
Sketch 畫原型比 Axure 好用嗎?爲何?

五 . 矢量繪圖

Sketch:能夠知足大多繪圖須要

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

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:通常,只能勉強畫出基本能圖形

Sketch 畫原型比 Axure 好用嗎?爲何?

六. 文件導出

Sketch:只能導出靜態圖

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

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:能夠導出圖片、HTML和文檔

HTML導出功能很好,把生成的HTML生成地址共享給別人,別人能夠在上面作評論。可是導出圖片和文檔的效果一般不是很理想。

Sketch 畫原型比 Axure 好用嗎?爲何?

七. 軟件性能

Sketch:標配Mac機,很大的文件也不怎麼卡

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

Axure:標配Windows機,文件大了容易卡

一個頁面上加上與真實環境至關的事件動做(下拉框、動態頁籤等),生成HTML預覽時就會卡。除此以外頁面達到二十頁以上,在使用時也會有卡感。

八. 團隊協做

Sketch:自己不具有愛團隊協做功能

有團隊協做的插件,可是我沒用過。

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:有較爲完整的團隊管理功能

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

Sketch 畫原型比 Axure 好用嗎?爲何?

九. 學習難度

Sketch:入門容易

可是由於不少功能都不是寫清楚和在工具界面上擺出來的,須要本身去找資料才行。

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:自學基本功能容易

由於大部分功能都擺在界面上了,不須要教程就能摸索,可是若是涉及到事件和參數的使用,就須要看資料了。

Sketch 畫原型比 Axure 好用嗎?爲何?

十. 主要缺點

Sketch:比較過於輕量

對於簡單的設計會以爲好用,可是對於複雜龐大產品的設計,就會遇到各類混亂和不便的問題。舉個例子,若是控件(Symbols)太多,下圖這種找法效率就很低了。

Sketch 畫原型比 Axure 好用嗎?爲何?

Axure:

自己功能強大且靈活性高,只要解決卡頓的問題,其它都好說。有人可能以爲Axure的界面看起來太過傳統複雜,可是我認爲工具是用來使用的,不是好看的。

對於選擇工具的建議

Sketch:適合樂於並使用學習各類工具的設計師,設計適合輕量產品的設計,尤爲是移動端

Axure:適合樂於鑽研技巧、把專業工具變成神器的設計師,適合龐大複雜產品的設計,尤爲是Web端

來源:知乎-千鋒UI設計學院

原文連接:https://www.zhihu.com/question/26712715/answer/651952603

相關文章
相關標籤/搜索