UI設(shè)計(jì)工具層出不窮，每年都有不同的設(shè)計(jì)軟件、動(dòng)效工具、標(biāo)記工具、原型工具。原因是因?yàn)樵蚴且驗(yàn)閁I類設(shè)計(jì)操作太簡單，所以軟件都是輕量化的。

輕意味著研發(fā)門檻低。許多新的創(chuàng)業(yè)團(tuán)隊(duì)將參與新軟件的開發(fā)，形成一個(gè)充分的軟件“內(nèi)卷”的環(huán)境。

從Sketch問世之后，Adobe上市了XD，AffinityDesign更新了對UI支持，然后有千呼萬喚的開始InvisionStudio，而后來居上Figma等。https://js.design/special/figma/

沒有商品能像Adobe同樣在平面領(lǐng)域獲得統(tǒng)治地位，山頭林立。

上面提到的都是外國商品。既然商品門檻不高，為什么中國人只能做？因此，在今天的中國，“致敬”Figma的UI界面工具也出現(xiàn)了。

還有一些針對原型的設(shè)計(jì)工具，理論上可以在交互領(lǐng)域進(jìn)行UI界面視覺設(shè)計(jì)，成了工具選擇領(lǐng)域的進(jìn)一步混亂。

下面，我們將對上述所有軟件進(jìn)行總結(jié)，見下圖。

界面的設(shè)計(jì)本質(zhì)上是2D平面圖形設(shè)計(jì)、排版，理論上都可以進(jìn)行平面設(shè)計(jì)，排版軟件都可以做UI設(shè)計(jì)。但是不合適，好不好，那是另一個(gè)話題。

只要你愿意，拿Excel做UI也不是不可能。

在Adobe在已經(jīng)主導(dǎo)平面軟件的背景下，Sketch也可以異軍突起，因?yàn)镻S，AI，ID等待軟件，對UI設(shè)計(jì)太臃腫了。

這應(yīng)該是一個(gè)共識，但在最近的訓(xùn)練營和B端交流組中，仍有大量的學(xué)生仍在使用它PS做界面和爭論P(yáng)S的好處（對UI設(shè)計(jì))，這讓我很驚訝。

“設(shè)計(jì)重要的是想法，而不是軟件……”這在任何情況下都不是正確的，PS/AI和Sketch相比之下，就像歐洲重型卡車和超市購物車的區(qū)別一樣，它們可以裝載和交付，即使歐洲卡車冠軍不會(huì)在超市購物。

UI界面設(shè)計(jì)需要應(yīng)用于視覺功能，只占用PS/AI1%，而額外的99%，不是額外的，是需要承擔(dān)相應(yīng)的代價(jià)的：

啟動(dòng)和關(guān)閉軟件的速度更慢，時(shí)間更長

生成的文件體積更大，占用空間更大

對CPU，內(nèi)存消耗更大，資源更多

圖層計(jì)算量大，延遲高，卡頓

有更多的奇怪BUG和閃退問題

……

剛開始學(xué)做界面的時(shí)候，只做一兩個(gè)界面對問題的感知并不明顯。但是一個(gè)完整的。UI項(xiàng)目，頁數(shù)不是個(gè)位數(shù)，通?？偭窟_(dá)到三位數(shù)。

我們不僅要做很多頁面，還要反復(fù)調(diào)整內(nèi)容。在數(shù)百個(gè)頁面中，我們甚至經(jīng)常修改反復(fù)出現(xiàn)的某些單詞和控件的樣式，這樣操作效率的問題就會(huì)被無限放大，直到你發(fā)現(xiàn)PS/AI缺陷會(huì)嚴(yán)重影響你的進(jìn)步和工作量，而且完全不可避免。

而在Sketch/XD/Figma除了輕量化帶來的效率優(yōu)勢外，還將為項(xiàng)目使用場景提供豐富的功能，包括風(fēng)格批量修改、自動(dòng)布局、重用組件、團(tuán)隊(duì)合作和在線共享……

PS/AI雖然設(shè)計(jì)師必須學(xué)習(xí)軟件，但應(yīng)用它們的場景并不是設(shè)計(jì)中的一般場景APP這是界面中毫無疑問的結(jié)論。https://js.design/special/sketch/

在學(xué)習(xí)的過程中，我們不需要糾結(jié)于學(xué)習(xí)PS/AI好還是Sketch/XD/Figma好的，但是兩類都要學(xué)，只是Sketch/XD/Figma，你應(yīng)該學(xué)哪一個(gè)？

熟悉我們的朋友應(yīng)該知道，很多年前我們在微信官方賬號，網(wǎng)上平臺(tái)推薦使用。XD，還錄制了很多和XD相關(guān)教程。

然而，今天是我們要排除的第一個(gè)對象，因?yàn)檫^去我們看好它的潛力近年來沒有實(shí)現(xiàn)，遠(yuǎn)遠(yuǎn)沒有達(dá)到預(yù)期。與之相比。Sketch和Figma功能太簡單了。

而在國學(xué)的教學(xué)經(jīng)驗(yàn)中，XD另一個(gè)非常不可靠的問題是選擇Winapp格式、兼容性極差，在Win不同版本的10個(gè)會(huì)產(chǎn)生各種奇怪的問題，只有重裝系統(tǒng)才能走一條路。

因此，尚未開始學(xué)習(xí)的學(xué)生可以直接忽略XD，正在使用的學(xué)生可以盡快開始遷移到其他軟件。

接下來，我們來談?wù)凷ketch，這是中國最著名、最廣泛的應(yīng)用。UI設(shè)計(jì)工具。

Sketch功能齊全，也開發(fā)和積累了足夠長的輕量化設(shè)計(jì)軟件，但苦于只能在苦苦中Mac端使用，Windows客戶無法上手。

當(dāng)然，這不是它唯一的問題，也有以下缺陷：

內(nèi)存管理不理想，容易導(dǎo)致內(nèi)存占用率過高和溢出

位圖渲染方法也不理想，放縮顯示效率低..

不能多人合作，只能使用傳統(tǒng)文件保存和共享

BUG變化越來越多，極易造成無反應(yīng)和閃回問題

……

Sketch這些缺陷在UI因此，設(shè)計(jì)圈導(dǎo)致了非常普遍的吐槽和不滿，因此，F(xiàn)igma踩上痛點(diǎn)。

Figma它自誕生以來就被稱為下一代的設(shè)計(jì)工具，因?yàn)樗畲蟮奶攸c(diǎn)是以在線網(wǎng)頁的形式運(yùn)行，可以有效地滿足遠(yuǎn)程共享、合作和溝通。

這意味著設(shè)計(jì)團(tuán)隊(duì)的工程文檔管理可以實(shí)時(shí)同步，不再需要分散在每個(gè)設(shè)計(jì)師的計(jì)算機(jī)上，修改文檔不需要每次發(fā)送源文件，加上外部鏈的標(biāo)準(zhǔn)數(shù)據(jù)庫，使團(tuán)隊(duì)設(shè)計(jì)效率得到革命性的提升。

細(xì)節(jié)功能的差異，以及Figma頁面渲染效率的優(yōu)點(diǎn)是次要因素。在各種國外設(shè)計(jì)媒體和網(wǎng)站上，F(xiàn)igma用戶比例逐漸穩(wěn)步上升，反超Sketch成為最常用的UI設(shè)計(jì)工具已經(jīng)顯示出它的優(yōu)勢。