UI設計工具比較:Sketch、Adobe XD、墨刀、Mockplus、Axure RP
UI設計工具,分為2個派系。
其中,最大、最主流的派系,是Sketch、Adobe XD、墨刀這個派系。
這個派系的軟件,操作方式、思路都非常接近,連常用快捷鍵都一樣,會一個就等于都會了。
在一個無限大的畫布上,用戶可以創建任意數量的頁面,創建的內容,可以包裝成組件,復制粘貼到別的項目用。
比如,adobe xd,就是軟件本體不自帶任何UI套件,而是把UI套件的項目文件給你,你打開來,找到喜歡的UI組件,復制到自己的項目去就行了。
類似于,Photoshop里,可以在不同圖片之間復制粘貼。
這個派系的軟件,分2大功能區。上圖你看到的是頁面設計區,還有個交互設計區。就是你點什么按鈕,跳到哪個頁面,發生什么變化,都能連線連出來,模擬出程序最終面貌。
比如,紅框標注的插件,可以自動填充大量用戶頭像,模擬用戶列表。
大部分插件是免費的,但也有收費插件。
這個派系內,幾個軟件的區別:
- Sketch是這個派系的開創者,是龍頭老大,但是只有mac版,而且官方聲明不會開發windows版本。
- 墨刀,是國產高仿Sketch版,而且是基于網頁的,所以跨平臺。但是幾乎不免費。免費帳號只能創建3個項目,最多20個頁面。等于完全不免費。
由于sketch不支持windows,過去幾年,墨刀作為國內唯一近似產品,在國內很受歡迎。
- Adobe XD,adobe的高仿Sketch產品,支持win/mac,有官方中文,100%完全免費,而且各種套件、模板、插件,都在飛速增長,而且大都是免費的。
- (更新說明:XD對保存本地文件開始收費,保存到云空間依然免費。本質就是開始收費了。但是你還是可以找到免費版)
Adobe XD最吃虧的,就是面市比較晚,它在2019年,功能才追上它的前輩。如果它早幾年面世,就沒墨刀什么事了,XD就會像Photoshop一樣,全面占領windows市場。
現在,雖然Adobe XD來的晚,但新用戶也是飛速增長狀態。畢竟,完全不要錢。
如果要使用這個派系的軟件,推薦Adobe XD。首先,完全不花錢,就已經是巨大優勢了。而且,還有來自全球的設計師提供免費組件。功能,大家都一樣,全是高仿Sketch。
這個派系,能較容易做出漂亮頁面,模擬豐富的頁面互動和切換。但這個派系,實際上并不完美。它有個巨大問題:做功能草圖低效。
在設計最初期,我們關注的是頁面功能,是布局,完全無視美觀。要求軟件,能以最快速度,精確反映頁面功能。
而Sketch, adobe xd這個派系,你會不停陷入修改組件圖層的細節中。
比如,下圖的按鈕組件,當你點選時,你會發現右邊不能修改顏色、文字。
那是因為,這個按鈕,由很多基本圖形組成,類似于Photoshop一張圖片有很多圖層。你要精確選到對應區域,才能修改對應屬性。
而且,這個派系,你頁面上的UI元素,是從各個不同的文件復制過來的小組件,顏色混雜、文字不統一,你都要一個個去修改。
這會導致,設計師不斷陷入對美術細節的調整,而無暇專注于頁面功能設計。
也就是說,這個派系,實際上不適合初期頁面功能設計,而是在頁面內容精確定型之后,用來做美工上的精確實現+互動模擬。
所以,這里,另一個高效的派系就要登場了:Balsamiq、Mockplus和Axure RP的 原型設計派系。
(更新說明:墨刀也進入這個派系了,而且提供了設計網頁和手機APP的常用組件樣式。但如果是軟件或游戲的原型設計,組件目前不如Mockplus豐富好用)
這個派系的特點是,自帶完善、風格統一的組件庫,組件沒有圖層,所有內容直接修改屬性,也沒有復雜顏色,不會干擾視覺。
這樣,這個派系,能夠迅速完成頁面功能設計,完全不會被任何因素干擾。因此適合設計原型。
但是,和Sketch派系各個軟件幾乎一模一樣不同,這個派系的3個軟件,差異其實很大。
最終建議:
在頁面功能設計階段,使用 Mockplus 或 墨刀新出的原型設計功能 ,做到功能布局上,精確定型。
如果有進一步模擬的必要,再換用Adobe XD,升華美工,模擬互動。
更新:由于Adobe XD收費(當然,你還是能下到免費版),而 Mockplus 和 墨刀 都開始進入對方的領域,提供從 原型設計 到 交互設計的完整產品鏈。這兩家應該成為大家的首選。
至于到底選哪個,標準如下:
- 如果是軟件或游戲,直接Mockplus
- 如果是網頁或手機APP,在意預算,看哪家便宜選哪家,功能都差不多。
- 如果是網頁或手機APP,不在意預算,直接墨刀。因為它提供了熱門網頁 和 APP設計樣式的組件,能夠在原型設計階段,就感受到頁面上色之后的效果。
如果您的問題還未解決可以聯系站長付費協助。

有問題可以加入技術QQ群一起交流學習
本站vip會員 請加入無憂模板網 VIP群(50604020) PS:加入時備注用戶名或昵稱
普通注冊會員或訪客 請加入無憂模板網 技術交流群(50604130)
客服微信號:15898888535
聲明:本站所有文章資源內容,如無特殊說明或標注,均為采集網絡資源。如若內容侵犯了原著者的合法權益,可聯系站長刪除。