作為一個(gè)設(shè)計(jì)師酣难,或許你和我一樣有過(guò)這樣的經(jīng)驗(yàn):“收藏到電腦上的圖片越來(lái)越多谍夭,變得越來(lái)越難管理,想要找的圖片卻老是找不到”憨募,為什么沒(méi)有一個(gè)強(qiáng)大又優(yōu)雅的圖片管理工具呢紧索?
這幾年我不斷的在尋找一款順手好用的圖片整理應(yīng)用,從幾年前的 Pixa 與 Ember菜谣,一直到后來(lái)的 Inboard珠漂。
過(guò)去我曾推薦過(guò)不少朋友使用 Inboard 這款應(yīng)用,隨著時(shí)間的累積尾膊,我在也 Inboard 這款應(yīng)用上累積了八千多筆素材媳危,建立一百多個(gè)分類(lèi)資料夾來(lái)管理我的收藏,最后我放棄了冈敛,管理這些圖片真的太累了待笑,我沒(méi)有辦法花這么多時(shí)間尋找我已經(jīng)知道的東西,我沒(méi)有辦法花這么多時(shí)間來(lái)分類(lèi)一張圖片抓谴。
在去年底暮蹂,我突然冒出“要不自己來(lái)試著做一款更優(yōu)雅的靈感管理應(yīng)用”的想法,自己過(guò)去曾為工程師癌压,與幾位伙伴構(gòu)想這個(gè)想法后仰泻,最后決定開(kāi)始開(kāi)發(fā)這款新產(chǎn)品。
起初對(duì)這個(gè)產(chǎn)品目標(biāo)很簡(jiǎn)單滩届,主要希望它能夠解決:
1. 快速歸類(lèi)集侯,迅速完成圖片分類(lèi)與歸檔的任務(wù)
2. 自動(dòng)標(biāo)簽,省去輸入重復(fù)標(biāo)簽的任務(wù)
3. 容易查找,隨時(shí)憑藉印象浅悉、顏色快速找到需要的靈感
4. 團(tuán)隊(duì)共用,隨時(shí)與團(tuán)隊(duì)成員共享這些收藏
5. 跨平臺(tái)券犁,Windows / Mac 都要能夠使用
四個(gè)月過(guò)去了术健,很高興這個(gè)粗糙的想法可以從早期的「小玩具」變成后來(lái)數(shù)百位設(shè)計(jì)師樂(lè)意推薦與使用的一款「產(chǎn)品」,也就是這篇文章要向各位介紹的「Eagle」粘衬。
Eagle 介紹
Eagle 是一款專(zhuān)為設(shè)計(jì)師打造的圖片管理軟體荞估,能夠幫助你輕松管理電腦上各種圖片、照片稚新、熒幕截圖勘伺、介面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)褂删、平面設(shè)計(jì)飞醉、Logo設(shè)計(jì)、Sketch屯阀、匯入Pinterest 等各種圖片缅帘,并且提供云端同步功能讓你可以在多臺(tái)裝置同步收藏的素材,也可以與你的團(tuán)隊(duì)協(xié)同共用难衰,另外 Mac 與 Windows 系統(tǒng)的使用者钦无,現(xiàn)在都可以下載并使用!
官網(wǎng)與下載連結(jié):
http://cn.eagle.cool/
瀏覽器插件
有好的收藏工具才能讓收藏流程更加順暢盖袭,Eagle 除了強(qiáng)大的整理功能外失暂,也提供瀏覽器插件,安裝瀏覽器插件鳄虱,就可以:
1. 迅速收藏網(wǎng)頁(yè)上的圖片
對(duì)著網(wǎng)頁(yè)上的圖片點(diǎn)擊右鍵弟塞,點(diǎn)擊「Save Image to Eagle」,就可以輕松的將網(wǎng)頁(yè)出現(xiàn)的圖片收藏到 Eagle 軟體拙已,除了圖片本身宣肚,Eagle 還會(huì)幫你記住這個(gè)網(wǎng)頁(yè)的名稱(chēng)與網(wǎng)址呢!
2. 將整頁(yè)網(wǎng)頁(yè)以圖片儲(chǔ)存
下來(lái)看到很喜歡的網(wǎng)站悠栓,希望把這個(gè)設(shè)計(jì)存下來(lái)嗎霉涨,點(diǎn)擊右上角「Eagle」圖示就可以迅速將整個(gè)網(wǎng)站擷取并以圖片方式存下來(lái)啰酱床!
云端同步及團(tuán)隊(duì)協(xié)作 ??
你有多臺(tái)電腦或者想要跟團(tuán)隊(duì)成員一起收藏靈感素材嗎叶摄?沒(méi)問(wèn)題,Eagle 可以很容易的就實(shí)現(xiàn)這個(gè)功能喷橙,只需要將靈感收藏庫(kù)放在常見(jiàn)的云端硬碟服務(wù)(例:Dropbox癞志、Google Drive)往枷,就可以輕松實(shí)現(xiàn)云端同步與團(tuán)隊(duì)協(xié)作啦。
迅速切換分類(lèi)??
隨著時(shí)間的累積,我們的收藏分類(lèi)可能會(huì)變得非常多错洁,不管在瀏覽或者歸類(lèi)圖片都變得非常難用秉宿。Eagle 提供了一個(gè)“快速切換(Quick Search)”的功能,可以讓我們迅速的在數(shù)百個(gè)分類(lèi)中迅速切換穿梭屯碴,再也不必一個(gè)一個(gè)慢慢找描睦。
使用方式很容易,點(diǎn)擊快速鍵 ? + J 啟動(dòng)导而,輸入想要的關(guān)鍵字就可以迅速前往想要的「資料夾」及「標(biāo)簽」啰忱叭!這里有一個(gè)小細(xì)節(jié),在關(guān)鍵字搜尋上今艺,我們開(kāi)發(fā)了一套模糊比對(duì)的演算法韵丑,即使拼字不太正確,依然可以找到相關(guān)的分類(lèi)或標(biāo)簽哦虚缎!
熒幕截圖 ??
靈感隨時(shí)會(huì)出現(xiàn)在眼前撵彻,想要立刻收藏起來(lái)怎么處理?這時(shí)候你可以使用 Eagle 提供的熒幕截圖功能捕捉眼前的看到的任何靈感实牡,并快地進(jìn)行整理與分類(lèi)千康,所有的截圖 Eagle 都會(huì)自動(dòng)幫你自動(dòng)標(biāo)注一個(gè)截圖標(biāo)簽,透過(guò)這個(gè)標(biāo)簽铲掐,我們可以在未來(lái)找到所有熒幕截圖的圖片收藏拾弃。
使用快速鍵 ? + Shift + A 或者透過(guò)熒幕上方的小圖示啟動(dòng)熒幕截圖。
自動(dòng)輸入標(biāo)簽 ?
時(shí)常收藏圖片或文章的朋友應(yīng)該都有這樣的經(jīng)驗(yàn)摆霉,大部分我們收藏的內(nèi)容所許要的 80% 標(biāo)簽其實(shí)以前都已經(jīng)輸入過(guò)了豪椿,通常我們都會(huì)透過(guò)軟體的自動(dòng)提示的幫助加快我們完成輸入的步驟,但這樣還是很麻煩携栋。我們真的應(yīng)該要手動(dòng)輸入的是那獨(dú)特的 20% 標(biāo)簽搭盾,以介面設(shè)計(jì)領(lǐng)域?yàn)槔覀兪詹亓艘粡埖侨胂嚓P(guān)的圖片婉支,通常我們會(huì)把這張圖片收藏到收藏“登入”相關(guān)圖片的資料夾分類(lèi)中鸯隅,然后輸入一些標(biāo)簽,例如“登入”向挖、“Login”蝌以、“微信”、“App”何之,以這個(gè)例子來(lái)說(shuō)跟畅,前三個(gè)輸入的標(biāo)簽在“登入”這個(gè)分類(lèi)下的其他圖片也都很可能會(huì)有,真的有所不同的只有“微信”溶推。
在 Eagle 中徊件,我們可以直接將這些基本標(biāo)簽設(shè)定在分類(lèi)資料夾上奸攻,在未來(lái)有任何圖片被歸類(lèi)到這個(gè)資料時(shí),這些標(biāo)簽也會(huì)自動(dòng)的賦予至這圖片中虱痕,省去過(guò)去撰寫(xiě)相同標(biāo)簽的時(shí)間睹耐,同時(shí)也讓標(biāo)簽命名更一致。
小技巧:在 Eagle 中你可以同時(shí)將圖片歸類(lèi)到多個(gè)資料夾中( ? + Shift + J )部翘,這時(shí)候所有資料夾的標(biāo)簽都會(huì)自動(dòng)幫你賦予給圖片硝训。
用顏色尋找圖片 ??
Eagle 擁有很強(qiáng)大的顏色搜尋能力,隨時(shí)可以幫助你尋找與你想要的色彩相關(guān)的收藏略就。正在發(fā)想紅色的設(shè)計(jì)方案嗎?沒(méi)問(wèn)題晃酒,點(diǎn)擊上方過(guò)濾功能的紅色表牢,立刻查看相似的靈感。
在圖片上標(biāo)注想法
所有收藏下來(lái)的圖片贝次,你都可以在上方框選并標(biāo)注想要補(bǔ)充的想法崔兴,不管未來(lái)哪一天查看,你都可以快速了解當(dāng)初覺(jué)得很不錯(cuò)的地方在哪蛔翅,團(tuán)隊(duì)使用時(shí)敲茄,也可以知道每個(gè)成員收藏當(dāng)下的理由與想法。另外山析,圖片標(biāo)注內(nèi)容與圖片本身是分開(kāi)獨(dú)立的堰燎,也就表示你可以隨時(shí)更改或移除標(biāo)注,都不會(huì)影響圖片本身笋轨。
管理 Sketch 設(shè)計(jì)素材
你可以把所有畫(huà)過(guò)的 Sketch 設(shè)計(jì)都儲(chǔ)存在 Eagle 并依據(jù)各種元件名稱(chēng)進(jìn)行歸類(lèi)秆剪,例如“按鈕”、“輸入框”爵政、“導(dǎo)航列”等等仅讽,所有收藏的的元件都可以直接拖曳到 Sketch 直接修改使用。
用 Eagle 管理 Sketch 元件的好處:
1. 避免重復(fù)造輪钾挟,加快設(shè)計(jì)流程
2. 設(shè)計(jì)團(tuán)隊(duì)共用洁灵,保持團(tuán)隊(duì)風(fēng)格一致
匯入 Pinterest 的公開(kāi)內(nèi)容
有非常多設(shè)計(jì)師使用 Pinterest 來(lái)收藏自己的設(shè)計(jì)靈感,最初我們?cè)僖?guī)劃這個(gè)功能的時(shí)候只是想要讓大家搬家方便掺出,沒(méi)有想到最后它卻變成無(wú)比好用的“懶人工具”徽千,為什么這樣說(shuō)呢?
因?yàn)槟憧梢詤R入 Pinterest 上任何公開(kāi)的 Board(畫(huà)版)汤锨。
使用方式非常簡(jiǎn)單罐栈,點(diǎn)擊 Eagle 選單選擇“匯入 Pinterest 內(nèi)容”(快速鍵 ? + Shift + P ),接著授權(quán)你的 Pinterest 帳號(hào)泥畅,接下來(lái)你就可以:
1. 搬家(匯入自己的內(nèi)容)
2. 匯入其他使用者公開(kāi)的 Board
如絲般順滑的操作體驗(yàn)
魔鬼藏在細(xì)節(jié)里荠诬,Eagle 在開(kāi)發(fā)的過(guò)程中琅翻,我們也做了許許多多相當(dāng)實(shí)用的小巧思,我將會(huì)再下一篇文章中詳細(xì)跟大家分享柑贞,這里我就印象條列出一部分:
1. 超好找東西圖片排版
2. 超多好用的快速鍵
3. 支援剪貼簿復(fù)制方椎、貼上
4. Trackpad 手勢(shì)支援
5. 使用鍵盤(pán)移動(dòng)、多選
Eagle 的下一步
還有好多細(xì)節(jié)我們希望能做的更好钧嘶,在1.0正式版釋出后棠众,我們會(huì)陸續(xù)推出這些功能:
1. 手機(jī)版本 App
2. 更強(qiáng)大的瀏覽器插件
3. 收藏連結(jié)與影片
4. 內(nèi)容匯入/匯出
5. 白色主題智慧型資料夾
6. Sketch 插件
7. 同時(shí)啟動(dòng)多個(gè)資源庫(kù),方便切換
8. 使用者自訂快速鍵
9. 匯入更多第三方服務(wù)上的內(nèi)容(如花瓣有决、Dribbble闸拿、Behance)
寫(xiě)在后面,為什么我放棄使用 Pinterest 來(lái)整理靈感书幕?
過(guò)去我也曾經(jīng)是 Pinterest 愛(ài)好者新荤,每天使用那顆“Pin it”按鈕收藏各式各樣的圖片靈感,也時(shí)常在上面查看其他設(shè)計(jì)師整理的各種靈感台汇,使用的時(shí)間一久苛骨,也漸漸的發(fā)現(xiàn) Pinterset 無(wú)法滿足圖片收藏的幾的點(diǎn):
1. 速度慢
所有的圖片都存放在網(wǎng)頁(yè)上,需要查看任何圖片時(shí)苟呐,都要花很長(zhǎng)的時(shí)間下載等待痒芝,特別是 Gif 圖片,查看至少都需要花上 5 秒以上的時(shí)間牵素。
2. 無(wú)法多檔案上傳
無(wú)法迅速的將電腦上的圖片添加至 Board 中严衬,一次只能添加一張非常的沒(méi)有效率。
3. 標(biāo)簽功能不完整
雖然可以使用 hashtag 來(lái)標(biāo)注圖片笆呆,但這個(gè)功能主要還是用來(lái)探索使用瞳步,點(diǎn)擊 hashtag 你不會(huì)看到自己的內(nèi)容,只會(huì)看到全世界標(biāo)注這個(gè)標(biāo)簽的內(nèi)容腰奋。
4. 太多與收藏?zé)o關(guān)的資訊
從查看收藏內(nèi)容的角度來(lái)說(shuō)单起,當(dāng)你正在查看收藏的圖片時(shí),周遭出現(xiàn)太多無(wú)用的雜訊(推薦內(nèi)容劣坊、作者嘀倒、留言等)。
5. 切換成本很高
我們無(wú)法輕松的在各種收藏分類(lèi)中切換局冰,每一次切換都是一個(gè)網(wǎng)頁(yè)頁(yè)面切換测蘑。
6. 分類(lèi)過(guò)多時(shí),及難使用
上百個(gè)分類(lèi)康二,在 Pinterest 上會(huì)超難管理 ??
希望正在看這篇文章的你也會(huì)喜歡 Ealge 這款產(chǎn)品碳胳,如果你在體驗(yàn) Eagle 的過(guò)程中有遇到任何問(wèn)題或者想給我們一些建議,請(qǐng)不要吝嗇的告訴我們沫勿!透過(guò)下面方式聯(lián)系到我們:
Twitter:https://twitter.com/eagle_app/
Facebook:https://www.facebook.com/eagleapp/