算算時間，Sketch 已經(jīng)出道十年了，在很長一段時間里，它都是 UI 設(shè)計的主力軟件，哪怕它到現(xiàn)在都不支持 Windows 系統(tǒng)，也擋不住大家對它的認(rèn)可和喜愛。直到新一代在線設(shè)計工具崛起，這種情況開始改變了。

今天，我就用一款比較有代表性的國產(chǎn)在線設(shè)計工具「即時設(shè)計」為例，帶著大家來看看在線設(shè)計工具，跟 Sketch 這樣的本地軟件相比，在使用體驗方面有什么獨(dú)特之處。看完之后，對于 Sketch 會不會被在線設(shè)計工具取代這個問題，你應(yīng)該會有自己的判斷了。

接下來，我就從使用門檻、基礎(chǔ)功能、團(tuán)隊協(xié)作三個方面，各舉幾例來說明。

一、使用門檻

「即時設(shè)計」作為一款在線設(shè)計工具，打開瀏覽器就能使用，沒有系統(tǒng)限制，無論是Windows、Mac 還是 Linux，甚至是 iPad 都能用；在線軟件對于本地資源的占用少，即使是打開大文件也不會卡；不用在本地下載軟件，不需要更新軟件和插件版本。

相比之下，Sketch 要求 Mac 電腦；遇到大文件卡頓的問題，沒有什么好的辦法解決；有時更新軟件后又導(dǎo)致插件失靈，真的會讓人崩潰。

Sketch 收費(fèi)，即時設(shè)計免費(fèi)。（目前 Sketch 的個人授權(quán)是 99 美元）

二、基礎(chǔ)功能

1.更自由的引用組件

相比于 Sketch，在即時設(shè)計里的引用組件可在編輯頁保留，修改實時同步到實例組件，無需反復(fù)切換「控件」頁；實例組件可以自由調(diào)整屬性，修改后的屬性完全獨(dú)立，不再受引用組件影響；實例組件修改后可將屬性推送到引用組件，直接同步給其他實例。

2.獨(dú)立樣式共享

Sketch 的所有樣式都保存在單個圖層中，共享樣式就一次性全部調(diào)用，而即時設(shè)計中的填充、描邊、陰影等樣式屬性可以各自獨(dú)立保存，在調(diào)用時可以自由組合搭配，同時支持一鍵全局修改，更加高效。

3.線上設(shè)計資源即拿即用

使用 Sketch 時需要到處下載資源，再導(dǎo)入 Sketch 使用，而即時設(shè)計的資源廣場中精選了多款專業(yè)免費(fèi)的設(shè)計資源，如作品源文件、設(shè)計規(guī)范、Mockup 等，這些素材可以一鍵保存到自己的素材庫，在設(shè)計界面拖拽復(fù)用。

三、團(tuán)隊協(xié)作

1.一個鏈接交付，修改實時更新

設(shè)計師只需要共享一個鏈接，產(chǎn)品和開發(fā)便可直接訪問項目進(jìn)行各自的工作，設(shè)計師也可以完全專心于自己的創(chuàng)作，所有修改內(nèi)容都會實時更新，不必再反復(fù)上傳文件同步進(jìn)度。

2.自帶開發(fā)標(biāo)注和切圖

現(xiàn)在用 Sketch 做設(shè)計，大部分都離不開第三方插件輔助，設(shè)計師在 Sketch 中添加切圖標(biāo)記，然后上傳到第三方平臺進(jìn)行交付。在即時設(shè)計中，切圖預(yù)設(shè)，顏色定位，標(biāo)注參數(shù)的倍率切換、單位切換，這些功能讓標(biāo)注和切圖徹底擺脫對第三方插件的依賴。如有需要，開發(fā)同學(xué)也可以自行切圖，十分方便。

3.自動備份歷史版本

即時設(shè)計中每個文件都會自動按時間軸保存多個版本，歷史記錄隨時可回溯，同時設(shè)計師也可以手動創(chuàng)建標(biāo)記版本，讓你輕松判斷重要版本并一鍵切換！這也是在線工具把文件存在云端的獨(dú)有功能，相比之下 Sketch 的本地備份就太麻煩了。

總結(jié)

如果 PS 是做 UI 設(shè)計的第一代軟件， Sketch 是做 UI 設(shè)計的第二代軟件，即時設(shè)計應(yīng)該算是第三代軟件中的一員了。現(xiàn)在，從本地到云端，是軟件發(fā)展的大趨勢，就像前兩年快速崛起的各種在線文檔一樣，希望大家都能擁抱這種變化，并從變化中獲益。

看到這里的朋友，不妨自己去體驗一下即時設(shè)計，反正是免費(fèi)的。如果你剛好想學(xué)習(xí) UI 設(shè)計技巧，我推薦你參加他們正在舉辦的「每周臨摹」活動，還能進(jìn)設(shè)計師交流群，相信對你會有幫助。

「即時設(shè)計」官網(wǎng)地址：https://js.design