設計乾貨 | 牆裂推薦的設計師靈感、素材庫神器——Eagle

01-27

這幾年，設計相關的輕量工具實在太多了，比如 Affinity 系列、QC Studio、Vectr、Pixate 等等。

很多工具確實簡單易上手，在垂直方向上可以加速我們生產的效率。但是，所有工具都使用上是不現實的，根據自己的現狀取捨是種必然的選擇，而且不是不可替代，所以我一直沒有分享這些工具的動力，因為不是強需求。

而這次要介紹的，就是今年唯一打動我的一款新設計工具——Eagle。

一、Eagle 有什麼用

簡單說，就是設計師的資源管理器。

管理設計收集的靈感圖、素材文件、截圖以及 Sketch 的控制項。

1、靈感圖管理

平時我們會習慣把網上看見的優秀圖片收集起來，會使用花瓣、本地文件夾、Pinterest。Eagle 使我們可以快速將這幾個平台的內容快速導入進去。

認識我的人應該都知道，我在花瓣有不少採集，但是大多公司、咖啡廳網路是很差的，很多時候訪問自己的採集勞神勞心，Pinterest 因為要靠翻牆訪問速度更差，所以我先把線上的圖片全部搬運到 Eagle 里。如果自己沒有收集的習慣，想快速搭建一套自己的靈感庫，可以直接在花瓣里找畫板導入就可以了，或者可以直接使用我的採集：

酸梅干超人的花瓣個人主頁

從花瓣導入的設置

完成畫板導入後

當把圖片都導入進來後，我們可以根據文件夾對它們進行分類，目前文件夾只支持兩級的文件夾深度，大家還可以對文件夾添加標籤，或者單獨選中圖片添加標籤，便於我們後面快速查找，雖然我用的很少。

簡歷的靈感分類文件夾

給圖片添加標籤

然後我們可以在上方的工具欄中，對收集的圖片進行排序、篩選的操作。其中顏色篩選功能相當實用，想要找某個色系的參考時，很快就能篩選出來。

使用顏色篩選功能後的結果

這樣，我收集的幾千張，數十種參考圖片就可以通過 Eagle 快速篩選並預覽了，遠勝網頁的操作效率。

圖片放大預覽

2、網頁採集插件

還有一點比較便利的就是，Eagle 有提供瀏覽器的採集插件。我們可以用這個插件快速截取整個網頁或其中某個區域，最方便的某過於對於想要的圖片右擊，選擇「Save Image To Eagle」，這張圖片就會自動下載到本地的未分類文件夾中，等回頭有空再處理。

Safari 上的 Eagle 插件

3、素材管理

前面我做過的素材分享大家是否還記得，我們一樣可以把素材導入到 Eagle 里，然後快速查找起來。如果用 Mac 的同學可能覺得這個和自己存文件夾沒什麼區別，但是關鍵的是，Eagle 同樣支持 Windows 平台，對於我們這種多平台用戶很重要。

Windows 平台不能像 Mac 一樣快速預覽 AI、PSD 文件，所以常規的做法都是在源文件旁邊放一個 JPG，看起來實在是太累了！雖然 Adobe Bridge 也可以做到，但是它的實際使用體驗並不理想。但 Eagle 也可以在 Windows 下實現快速預覽 PSD、AI 文件。

Icon 類素材的收集

4、Sketch 組件

這算是完全針對 UI 設計師的一項利器了。以前我們在對待 UI KIT 的收集時，主要是將相同類型、項目的組件黏貼到一個畫布中去，想用的時候再去複製。

我的一個項目的組件庫

Eagle 讓我們可以實現和 Sketch 元素相互拷貝，只要在 Sketch 中複製了元素，在 Eagle 中黏貼就可以看見對應的組件縮略圖，以及左上角代表 Sketch 的圖標，當我們要在別的項目調用時，是非常快速的，不用再打開之前那個項目的設計文件。

Sketch 組件的收集

二、Eagle 的備份

如果真的把 Eagle 當成自己的主要靈感、素材庫，那麼進階的應用里無論如何繞不開同步雲服務的工具。

首先，Eagle 是將數據保存在本地硬碟的，沒有通過他們自己的伺服器來備份（估計以後會開啟這個服務），那麼你就需要固定的備份方式來確保你的數據安全（曾經悲劇重演過很多次），確保長期以來整理的內容不會因為某次硬碟損壞或是丟失，一夜回到解放前。

所以同步雲服務才是最靠譜的解決方案，我們把 Eagle 本地的文件夾設置成雲同步狀態的話，每次添加圖片、素材時，都會實時更新到伺服器上，保證我們數據的安全。還有就是，使用雲服務可以讓我們在別的電腦上讀取這些數據，並且共同對它們進行編輯操作，保證我們家裡和公司的內容是同步的。

我自己使用的私有雲同步服務

而同步雲，目前諸如 Google Drive、Dropbox 等國外的服務都被牆了，所以優先推薦大家使用蘋果的 iCloud Drive ，當我們創建、載入資源庫時，直接在這個文件夾內進行，就可以達到我們備份、同步數據的目的。目前 Windows 平台也提供了 iCloud Drive 的軟體，這也讓我們可以跨平台使用這款應用。