Eagle，圖片整理變得好簡單！

奧革士

Published in

Eagle App

10 min readMar 22, 2017

作為一名設計師，或許你和我一樣有過這樣的經驗：「收藏到電腦上的圖片越來越多，變得越來越難管理，想要找的圖片卻老是找不到」，為什麼沒有一個強大又優雅的圖片管理工具呢？

這幾年我不斷的在尋找一款順手好用的圖片整理應用，從幾年前的 Pixa 與 Ember，一直到後來的 Inboard。

過去我曾推薦過不少朋友使用 Inboard 這款應用，隨著時間的累積，我在也 Inboard 這款應用上累積了八千多筆素材，建立一百多個分類資料夾來管理我的收藏，最後我放棄了，管理這些圖片真的太累了，我沒有辦法花這麼多時間尋找我已經知道的東西，我沒有辦法花這麼多時間來分類一張圖片。

在去年底，我突然冒出「要不自己來試著做一款更優雅的靈感管理應用」的想法，自己過去曾為工程師，與幾位夥伴構想這個想法後，最後決定開始開發這款新產品。

起初對這個產品目標很簡單，主要希望它能夠解決：

快速歸類 ，迅速完成圖片分類與歸檔的任務
自動標籤 ，省去輸入重複標籤的任務
容易查找 ，隨時憑藉印象、顏色快速找到需要的靈感
團隊共用 ，隨時與團隊成員共享這些收藏
跨平台 ，Windows / Mac 都要能夠使用

四個月過去了，很高興這個粗糙的想法可以從早期的「小玩具」變成後來數百位設計師樂意推薦與使用的一款「產品」，也就是這篇文章要向各位介紹的「Eagle」。

Eagle 介紹

Eagle 是一款專為設計師打造的圖片管理軟體，能夠幫助你輕鬆管理電腦上各種圖片、照片、螢幕截圖、介面設計、網頁設計、平面設計、Logo設計、Sketch、匯入 Pinterest 等各種圖片，並且提供雲端同步功能讓你可以在多台裝置同步收藏的素材，也可以與你的團隊協同共用，另外 Mac 與 Windows 系統的使用者，現在都可以下載並使用！

下載連結：
http://tw.eagle.cool/

瀏覽器插件 ✂

有好的收藏工具才能讓收藏流程更加順暢，Eagle 除了強大的整理功能外，也提供瀏覽器插件，安裝瀏覽器插件，就可以：

迅速收藏網頁上的圖片
對著網頁上的圖片點擊右鍵，點擊「Save Image to Eagle」，就可以輕鬆的將網頁出現的圖片收藏到 Eagle 軟體，除了圖片本身，Eagle 還會幫你記住這個網頁的名稱與網址呢！

將整頁網頁以圖片儲存下來
看到很喜歡的網站，希望把這個設計存下來嗎，點擊右上角「Eagle」圖示就可以迅速將整個網站擷取並以圖片方式存下來囉！

雲端同步及團隊協作 👯

你有多台電腦或者想要跟團隊成員一起收藏靈感素材嗎？沒問題，Eagle 可以很容易的就實現這個功能，只需要將靈感收藏庫放在常見的雲端硬碟服務（例：Dropbox、Google Drive），就可以輕鬆實現雲端同步與團隊協作啦。

迅速切換分類 🚀

隨著時間的累積，我們的收藏分類可能會變得非常多，不管在瀏覽或者歸類圖片都變得非常難用。Eagle 提供了一個「快速切換（Quick Search）」的功能，可以讓我們迅速的在數百個分類中迅速切換穿梭，再也不必一個一個慢慢找。

使用方式很容易，點擊快速鍵 ⌘ + J 啟動，輸入想要的關鍵字就可以迅速前往想要的「資料夾」及「標籤」囉！這裡有一個小細節，在關鍵字搜尋上，我們開發了一套模糊比對的演算法，即使拼字不太正確，依然可以找到相關的分類或標籤哦！

螢幕截圖 💻

靈感隨時會出現在眼前，想要立刻收藏起來怎麼處理？這時候你可以使用 Eagle 提供的螢幕截圖功能捕捉眼前的看到的任何靈感，並快地進行整理與分類，所有的截圖 Eagle 都會自動幫你自動標註一個截圖標籤，透過這個標籤，我們可以在未來找到所有螢幕截圖的圖片收藏。

使用快速鍵 ⌘ + Shift + A 或者透過螢幕上方的小圖示啟動螢幕截圖。

自動輸入標籤 ⚡

時常收藏圖片或文章的朋友應該都有這樣的經驗，大部分我們收藏的內容所需要的 80% 標籤其實以前都已經輸入過了，通常我們都會透過軟體的自動提示來加快我們完成輸入，但這樣還是很麻煩。真的應該由我們輸入的是那20% 的獨特標籤；以介面設計領域為例，一張與登入相關的圖片，通常會把這張圖片收藏到收藏「登入」資料夾中，然後開始輸入標籤「登入」、「Login」、「Facebook」、「App」，以這個例子來說，前三個標籤在「登入」這個資料夾裡面的其他圖片也都很可能會有，不同的只有「Facebook」。

在 Eagle 中，我們可以直接將這些基本標籤設定在分類資料夾上，在未來有任何圖片被歸類到這個資料時，這些標籤也會自動的賦予給這張圖片，讓你可以省去大量撰寫標籤的時間，同時也讓標籤命名更一致。

小撇步 ：在 Eagle 中你可以同時將圖片歸類到多個資料夾中（ ⌘ + Shift + J ），這時候所有資料夾的標籤都會自動幫你賦予給圖片。

用顏色尋找圖片 🎨

Eagle 擁有很強大的顏色搜尋能力，隨時可以幫助你尋找與你想要的色彩相關的收藏。正在發想紅色的設計方案嗎？沒問題，點擊上方過濾功能的紅色，立刻查看相似的靈感。

在圖片上標註想法 ✏

所有收藏下來的圖片，你都可以在上方框選並標註想要補充的想法，不管未來哪一天查看，你都可以快速瞭解當初覺得很不錯的地方在哪，團隊使用時，也可以知道每個成員收藏當下的理由與想法。另外，圖片標註內容與圖片本身是分開獨立的，也就表示你可以隨時更改或移除標註，都不會影響圖片本身。

管理 Sketch 設計素材

你可以把所有畫過的 Sketch 設計都儲存在 Eagle 並依據各種元件名稱進行歸類，例如「按鈕」、「輸入框」、「導航列」等等，所有收藏在 Eagle 的元件都可以直接拖曳到 Sketch 直接修改使用。

使用 Eagle 管理 Sketch 元件的好處：

避免重複造輪，加快設計流程
設計團隊共用，保持團隊風格一致

匯入 Pinterest 的公開內容

有非常多設計師使用 Pinterest 來收藏自己的設計靈感，最初我們再規劃這個功能的時候只是想要讓大家搬家方便，沒有想到最後它卻變成無比好用的「懶人工具」，為什麼這樣說呢？

你可以匯入 Pinterest 上任何公開的 Board（畫版）

使用方式非常簡單，點擊 Eagle 選單選擇「匯入 Pinterest 內容」（快速鍵 ⌘ + Shift + P ），接著授權你的 Pinterest 帳號，接下來你就可以：

搬家（匯入自己的內容）
匯入其他使用者公開的 Board

如絲般順滑的操作體驗

魔鬼藏在細節裡，Eagle 在開發的過程中，我們也做了許許多多相當實用的小巧思，我將會再下一篇文章中詳細跟大家分享，這裡我就印象條列出一部分：

超好找東西圖片排版
超多好用的快速鍵
支援剪貼簿複製、貼上
Trackpad 手勢支援
使用鍵盤移動、多選

Eagle 的下一步

還有好多細節我們希望能做的更好，在1.0正式版釋出後，我們會陸續在未來的更新中推出這些功能：

Android / iOS App
更強大的瀏覽器插件
支援收藏連結與影片
批次匯入/匯出
匯入更多第三方服務上的內容（如花瓣、Dribbble、Behance）
白色主題
智慧型資料夾
Sketch 插件
同時啟動多個資源庫，方便切換
使用者自訂快速鍵

寫在後面，為什麼我放棄使用 Pinterest ？

過去我也曾經是 Pinterest 愛好者，每天使用那顆「Pin it」按鈕收藏各式各樣的圖片靈感，也時常在上面查看其他設計師整理的各種靈感，使用的時間一久，也漸漸的發現 Pinterset 無法滿足圖片收藏的幾的點：

速度慢
所有的圖片都存放在網頁上，需要查看任何圖片時，都要花很長的時間下載等待，特別是 Gif 圖片，查看至少都需要花上 5 秒以上的時間。
無法多檔案上傳
無法迅速的將電腦上的圖片添加至 Board 中，一次只能添加一張非常的沒有效率。
標籤功能不完整
雖然可以使用 hashtag 來標註圖片，但這個功能主要還是用來探索使用，點擊 hashtag 你不會看到自己的內容，只會看到全世界標註這個標籤的內容。
太多與收藏無關的資訊
從查看收藏內容的角度來說，當你正在查看收藏的圖片時，周遭出現太多無用的雜訊（推薦內容、作者、留言等）。
切換成本很高
我們無法輕鬆的在各種收藏分類中切換，每一次切換都是一個網頁頁面切換。
分類過多時，極難使用
上百個分類，在 Pinterest 上會超難管理 😭