我打算換軟件了，兄弟們！

Sponsor

經常會給大家推薦一些資源，但是很少有聊過這些資源都應該怎么用，因為可能每個設計師都有自己不同的使用心得，并不容易轉換……

不過今天，我還是有了點想要分享的東西，一套保證和你之前完全不同的資源用法，它將在線的資源和設計工具深度集成在一起，不光在體驗上做到無縫銜接，效率的提升也相當可觀，最重要的是，這套方法目前只有「即時設計」這一款工具能實現！

沒錯，Figma 做不到，Sketch 也做不到，盡管它們在某些程度上可以有類似的效果，但體驗差異非常大，如果想看看它到底有什么不一樣的話，不妨我一起了解下吧，大綱如下：

1. 豐富的在線資源
2. 在線資源的多種用法
3. 獨特功能實現的完美閉環
4. 字體也能云端共享的特別體驗

從第一次了解「即時設計」到現在，前前后后加起來大概也用了有一個多月的時間，在上面做了不少日常項目，比如公眾號封面和一些文章配圖，還有偶爾給朋友畫個圖標，搭個界面之類的。雖說時不時也遇到了小 bug，但整體還是挺棒的，沒想到國內的設計工具也已經發展到這種程度了。

也正是這一個多月的使用，讓我一步步體會到了這種隨時打開瀏覽器就能做東西的體驗，到底可以帶給人多強的幸福感，同時逐漸體會到了，在云文檔已經大行其道的當下，在線設計工具可以還能有多少的可能性，或許看完這篇文章，你也會產生不少新的看法~

1. 要什么有什么

巧婦難為無米之炊，在聊資源怎么用之前，還是得先看看都有什么資源。

? 設計規范和組件庫

打開即時設計的資源廣場，最醒目的位置就放著三套設計規范，螞蟻的 Ant Design、微信小程序、安卓 Material，下面還能找到鴻蒙、iOS 等各種官方資源，很明顯是比較重要的內容了。確實，在作品集里我們可以毫無顧忌地發揮自己天馬行空的想象力和創意，但是在日常工作中，遵循一定的設計規范絕對是必要的。

由大廠團隊精心總結的設計規范，質量自然不用說，不管是用來設計對應平臺的應用，還是當成其他作品的參考，都能實現非常不錯的效果。而對應著完整的設計規范，即時設計還專門整理了相當數量的配套組件庫，可以直接應用在設計中。

? 種類豐富的其他資源

除了上面最重要的兩類資源外，即時設計里的資源還有很多，雖然量級還趕不上專業的資源站，但卻提供地相當精準，各類型的概念 App、網頁設計，豐富的運營圖、PPT 案例，以及適應不同需求的的圖標、插畫、樣機模型等，幾乎涵蓋了日常設計的各種場景。而且這些資源還支持篩選「是否可商用」，明確哪些用于參考學習、哪些直接可以商用，讓你放心使用，無需擔心版權問題。

可能有朋友看到這會問了，你也說了這些資源雖然夠豐富，但還是趕不上我收藏夾里那些資源站，那我干嘛非要從這里找資源呢？別急，還記得我們最開始說的么，這是一套完全不同的資源用法，而且一定要配合著工具才能體現出它的價值，而它的不同自然要看完下面的內容才會更清晰~

2. 想怎么用怎么用

首先，作為一款在線工具，它最大的優勢就是在線的資源不需要下載，可以直接保存到設計工具中，而具體到各種資源里，還有很多高效的用法：

? 快速「使用」整個文件

在線的設計規范、模板、App 和網頁概念設計等很多完整的資源，都只用點擊一下「使用」就能保存到工作臺中打開，一步直達，沒有任何的多余步驟。

這些保存好的資源，可以像其他工具一樣按照自己的需求自由地使用，而不一樣的地方，則在于即時設計工具本身的特色，就拿規范來說吧，我們可以將其中最重要的顏色、文本、陰影等樣式分別創建為獨立的全局樣式，更高效的運用到具體項目中。

創建好后的全局樣式可以實現一鍵快速切換，批量修改等操作，甚至在即時設計里還能做到云同步，就算是把設計稿分享給他人，對方也能直接對文件中的樣式進行編輯和復用，體現出了協作的優勢。

? 一鍵「引用」資源庫

在這里才真正展現出即時設計資源和工具本身高度集成的優秀特性。資源廣場的資源分為兩大類型，一類是像上面的規范和概念 App 這種可以直接保存的完整文件，還有一類，則是可以一鍵「引用」到資源庫的組件、圖標、插畫等素材，引用之后，能夠直接在編輯頁拖拽使用所有的內容，實用性極高。

形式上有點類似 Sketch 的 Library，但是實際使用起來，無論是直接引用無需下載的優勢，還是左側面板的瀏覽和拖拽體驗，都要比 Sketch 來的更加方便和好用！即時設計的引用組件也有很豐富的用法，屬性獨立可修改的實例組件、方便整理和快速復用的引用組件庫、更高級的引用組件變體等等，講起來內容有點多，這次就先不展開啦~

??自帶無版權圖片和智能填充

如果你在設計時需要用到圖片，即時設計直接在編輯頁的資源庫里提供了 pixbaby 的在線無版權圖片，搜索后就可以點擊或者拖拽運用到作品中，模擬更加真實的頭像、banner、圖文卡片等組件展示效果。另外他們還自帶「智能填充」的插件，可以快速隨機填充各種類型的圖片和文本，讓你徹底擺脫單調的占位元素！

??自帶?iconfont 插件

如果你覺得圖標不夠用，他們最近又剛好上線了 iconfont 插件，作為國內最大的圖標站，數量上必然不用擔心，而且直接搜索關鍵詞就能修改參數拖拽使用，在便利性上也比往常還要從 iconfont 里復制 SVG 粘貼到設計界面的操作高上很多！

看到這里，有成功 get 到這一整套在線資源+設計的優勢了嗎？從設計規范的樣式到組件，再從模板素材到圖片、圖標，最后到個人的設計創作，基本涵蓋了設計流程中的所有關鍵節點，最難得的是，每一個環節都在即時設計這一個工具網站中完成，沒有借助任何其他工具，而且資源和設計一體化所帶來的優秀體驗和效率提升，絕對要遠比你想象的更大！

可能有朋友又會問了，這一整套看下來好是好，但是好像只能用它里面提供的資源啊，那萬一我要用的沒有，豈不是很尷尬？其實我一開始也有和你同樣的顧慮，但是在我發現下面這個功能后，問題就全都被解決了。

3. 通過個人資源庫實現資源復用

這是即時設計中最獨特的功能之一，它的入口很淺，和引用的資源庫放在一起，很容易被忽略，但是這個功能它有多好用呢，你可以把它當成是在線版本的 Eagle……

當然，目前還沒有 Eagle 那么強大，但是在線的優勢，以及和工具高度集成的特性，都讓它的實用價值得到了極大的提升。它可以將所有你想用但是資源廣場里沒有的資源，比如設計時導入的素材，甚至是你創作的任何引用組件、變體、圖標等等所有的內容，通通上傳到「個人資源庫」，精準地整理出獨屬于你的設計規范、組件庫，或者是素材庫。

而且這同樣是云端的功能，和在線資源的性質幾乎完全一樣，不會占用本地空間，打開瀏覽器就能拖拽使用，無需重新設計、篩選，真正實現了將每次設計過程中的資產最大程度地歸納復用！?

4. 延伸：獨有的在線字體庫

還沒完哦~ 在這套完美閉環的一體化在線資源設計流程之外，還有更大的驚喜，因為字體也是一種設計資源，所以如果能把字體也加入到這套在線資源用法中，是不是會更容易地感受到用在線工具做設計的優勢呢？即時設計還真實現了，它支持了將字體導入云端，讓你可以搭建一個在線的字體庫，和其他資源一樣直接線上使用，總之既保留了本地字體的便利，又完美地解決了本地字體重復分享、下載、安裝這些繁瑣問題，多了一種其他工具所無法提供的全新體驗！

（官方對比圖）

總結

以上就是使用即時設計這段時間里，我總結出的在線資源設計方法了，整體并不復雜，看完文章后上手應該沒有任何問題，可能你也已經迫不及待地想要親自感受一下了，那就別等啦，未來一定是云端工具的天下，試著從現在開始就養成在線使用資源的習慣吧！

即時設計官網：https://js.design/

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。