美文网首页macbookSketch设计
Eagle - 让你更优雅管理图片素材!(支援 Sketch)

Eagle - 让你更优雅管理图片素材!(支援 Sketch)

作者: 奧革士 | 来源:发表于2017-03-23 00:43 被阅读1148次
    Eagle 管理你的图片素材

    作为一个设计师,或许你和我一样有过这样的经验:“收藏到电脑上的图片越来越多,变得越来越难管理,想要找的图片却老是找不到”,为什么没有一个强大又优雅的图片管理工具呢?

    这几年我不断的在寻找一款顺手好用的图片整理应用,从几年前的 Pixa 与 Ember,一直到后来的 Inboard。

    过去我曾推荐过不少朋友使用 Inboard 这款应用,随着时间的累积,我在也 Inboard 这款应用上累积了八千多笔素材,建立一百多个分类资料夹来管理我的收藏,最后我放弃了,管理这些图片真的太累了,我没有办法花这么多时间寻找我已经知道的东西,我没有办法花这么多时间来分类一张图片。

    在去年底,我突然冒出“要不自己来试着做一款更优雅的灵感管理应用”的想法,自己过去曾为工程师,与几位伙伴构想这个想法后,最后决定开始开发这款新产品。

    起初对这个产品目标很简单,主要希望它能够解决:

    1. 快速归类,迅速完成图片分类与归档的任务
    2. 自动标签,省去输入重复标签的任务
    3. 容易查找,随时凭藉印象、颜色快速找到需要的灵感
    4. 团队共用,随时与团队成员共享这些收藏
    5. 跨平台,Windows / Mac 都要能够使用

    四个月过去了,很高兴这个粗糙的想法可以从早期的「小玩具」变成后来数百位设计师乐意推荐与使用的一款「产品」,也就是这篇文章要向各位介绍的「Eagle」。


    Eagle 介绍

    Eagle 是一款专为设计师打造的图片管理软体,能够帮助你轻松管理电脑上各种图片、照片、荧幕截图、介面设计、网页设计、平面设计、Logo设计、Sketch、汇入Pinterest 等各种图片,并且提供云端同步功能让你可以在多台装置同步收藏的素材,也可以与你的团队协同共用,另外 Mac 与 Windows 系统的使用者,现在都可以下载并使用!

    官网与下载连结:
    http://cn.eagle.cool/


    浏览器插件

    有好的收藏工具才能让收藏流程更加顺畅,Eagle 除了强大的整理功能外,也提供浏览器插件,安装浏览器插件,就可以:

    1. 迅速收藏网页上的图片

    对着网页上的图片点击右键,点击「Save Image to Eagle」,就可以轻松的将网页出现的图片收藏到 Eagle 软体,除了图片本身,Eagle 还会帮你记住这个网页的名称与网址呢!

    迅速收藏网页上的图片

    2. 将整页网页以图片储存

    下来看到很喜欢的网站,希望把这个设计存下来吗,点击右上角「Eagle」图示就可以迅速将整个网站撷取并以图片方式存下来啰!

    将整页网页以图片储存

    云端同步及团队协作 👯

    你有多台电脑或者想要跟团队成员一起收藏灵感素材吗?没问题,Eagle 可以很容易的就实现这个功能,只需要将灵感收藏库放在常见的云端硬碟服务(例:Dropbox、Google Drive),就可以轻松实现云端同步与团队协作啦。

    云端同步及团队协作

    迅速切换分类🚀

    随着时间的累积,我们的收藏分类可能会变得非常多,不管在浏览或者归类图片都变得非常难用。Eagle 提供了一个“快速切换(Quick Search)”的功能,可以让我们迅速的在数百个分类中迅速切换穿梭,再也不必一个一个慢慢找。

    使用方式很容易,点击快速键 ⌘ + J 启动,输入想要的关键字就可以迅速前往想要的「资料夹」及「标签」啰!这里有一个小细节,在关键字搜寻上,我们开发了一套模糊比对的演算法,即使拼字不太正确,依然可以找到相关的分类或标签哦!

    迅速切换分类

    荧幕截图 💻

    灵感随时会出现在眼前,想要立刻收藏起来怎么处理?这时候你可以使用 Eagle 提供的荧幕截图功能捕捉眼前的看到的任何灵感,并快地进行整理与分类,所有的截图 Eagle 都会自动帮你自动标注一个截图标签,透过这个标签,我们可以在未来找到所有荧幕截图的图片收藏。

    荧幕截图

    使用快速键 ⌘ + Shift + A 或者透过荧幕上方的小图示启动荧幕截图。


    自动输入标签 ⚡

    时常收藏图片或文章的朋友应该都有这样的经验,大部分我们收藏的内容所许要的 80% 标签其实以前都已经输入过了,通常我们都会透过软体的自动提示的帮助加快我们完成输入的步骤,但这样还是很麻烦。我们真的应该要手动输入的是那独特的 20% 标签,以介面设计领域为例,我们收藏了一张登入相关的图片,通常我们会把这张图片收藏到收藏“登入”相关图片的资料夹分类中,然后输入一些标签,例如“登入”、“Login”、“微信”、“App”,以这个例子来说,前三个输入的标签在“登入”这个分类下的其他图片也都很可能会有,真的有所不同的只有“微信”。

    在 Eagle 中,我们可以直接将这些基本标签设定在分类资料夹上,在未来有任何图片被归类到这个资料时,这些标签也会自动的赋予至这图片中,省去过去撰写相同标签的时间,同时也让标签命名更一致。

    自动输入标签

    小技巧:在 Eagle 中你可以同时将图片归类到多个资料夹中( ⌘ + Shift + J ),这时候所有资料夹的标签都会自动帮你赋予给图片。


    用颜色寻找图片 🎨

    Eagle 拥有很强大的颜色搜寻能力,随时可以帮助你寻找与你想要的色彩相关的收藏。正在发想红色的设计方案吗?没问题,点击上方过滤功能的红色,立刻查看相似的灵感。

    自动输入标签

    在图片上标注想法

    所有收藏下来的图片,你都可以在上方框选并标注想要补充的想法,不管未来哪一天查看,你都可以快速了解当初觉得很不错的地方在哪,团队使用时,也可以知道每个成员收藏当下的理由与想法。另外,图片标注内容与图片本身是分开独立的,也就表示你可以随时更改或移除标注,都不会影响图片本身。

    在图片上标注想法

    管理 Sketch 设计素材

    你可以把所有画过的 Sketch 设计都储存在 Eagle 并依据各种元件名称进行归类,例如“按钮”、“输入框”、“导航列”等等,所有收藏的的元件都可以直接拖曳到 Sketch 直接修改使用。

    用 Eagle 管理 Sketch 元件的好处:

    1. 避免重复造轮,加快设计流程
    2. 设计团队共用,保持团队风格一致

    添加 Sketch 图层 直接拖曳至 Sketch 直接使用

    汇入 Pinterest 的公开内容

    有非常多设计师使用 Pinterest 来收藏自己的设计灵感,最初我们再规划这个功能的时候只是想要让大家搬家方便,没有想到最后它却变成无比好用的“懒人工具”,为什么这样说呢?

    因为你可以汇入 Pinterest 上任何公开的 Board(画版)。

    使用方式非常简单,点击 Eagle 选单选择“汇入 Pinterest 内容”(快速键 ⌘ + Shift + P ),接着授权你的 Pinterest 帐号,接下来你就可以:

    1. 搬家(汇入自己的内容)
    2. 汇入其他使用者公开的 Board

    汇入 Pinterest 的公开内容

    如丝般顺滑的操作体验

    魔鬼藏在细节里,Eagle 在开发的过程中,我们也做了许许多多相当实用的小巧思,我将会再下一篇文章中详细跟大家分享,这里我就印象条列出一部分:

    1. 超好找东西图片排版
    2. 超多好用的快速键
    3. 支援剪贴簿复制、贴上
    4. Trackpad 手势支援
    5. 使用键盘移动、多选


    Eagle 的下一步

    还有好多细节我们希望能做的更好,在1.0正式版释出后,我们会陆续推出这些功能:

    1. 手机版本 App
    2. 更强大的浏览器插件
    3. 收藏连结与影片
    4. 内容汇入/汇出
    5. 白色主题智慧型资料夹
    6. Sketch 插件
    7. 同时启动多个资源库,方便切换
    8. 使用者自订快速键
    9. 汇入更多第三方服务上的内容(如花瓣、Dribbble、Behance)


    写在后面,为什么我放弃使用 Pinterest 来整理灵感?

    过去我也曾经是 Pinterest 爱好者,每天使用那颗“Pin it”按钮收藏各式各样的图片灵感,也时常在上面查看其他设计师整理的各种灵感,使用的时间一久,也渐渐的发现 Pinterset 无法满足图片收藏的几的点:

    1. 速度慢
    所有的图片都存放在网页上,需要查看任何图片时,都要花很长的时间下载等待,特别是 Gif 图片,查看至少都需要花上 5 秒以上的时间。

    2. 无法多档案上传
    无法迅速的将电脑上的图片添加至 Board 中,一次只能添加一张非常的没有效率。

    3. 标签功能不完整
    虽然可以使用 hashtag 来标注图片,但这个功能主要还是用来探索使用,点击 hashtag 你不会看到自己的内容,只会看到全世界标注这个标签的内容。

    4. 太多与收藏无关的资讯
    从查看收藏内容的角度来说,当你正在查看收藏的图片时,周遭出现太多无用的杂讯(推荐内容、作者、留言等)。

    5. 切换成本很高
    我们无法轻松的在各种收藏分类中切换,每一次切换都是一个网页页面切换。

    6. 分类过多时,及难使用
    上百个分类,在 Pinterest 上会超难管理 😭


    希望正在看这篇文章的你也会喜欢 Ealge 这款产品,如果你在体验 Eagle 的过程中有遇到任何问题或者想给我们一些建议,请不要吝啬的告诉我们!透过下面方式联系到我们:

    Twitter:https://twitter.com/eagle_app/
    Facebook:https://www.facebook.com/eagleapp/

    相关文章

      网友评论

      • 废柴少女:请问一下 是否支持两台设备同步的功能呢 还有就是发现从花瓣导入图片会有【下载失败,因为对方网站禁止其它软件下载】的情况 ,这个要怎么解决?
      • f3328c1f2749:能实现出来绝对是必备程序了
      • a88ced5ef3fa:整个想法已经完全震到我了!很赞!
      • a88ced5ef3fa:下载试用了,MAC版0.9.48不能汇入sketch啊!!!!!!看到进度条之后就不动了,然后就没有然后了
        奧革士:@鱼爹 确认一下你的 Sketch 是不是 43 或 43.1 版本
        奧革士:@鱼爹 嗨,鱼爹
        你是用复制贴上的方式处理吗,不是把 .sketch 拖曳到软件中喔!
      • 南百城:非常棒的东西,建议可以把文章发到少数派的网站去推广下,效果应该会不错。
      • 龙爪槐守望者:不错!希望可以导入和管理手机截图,毕竟现在大家做手机界面比较多
        奧革士:預計直接透過 WIFI 搜尋附近設備傳輸,應該會以 Extension 的方式處理,體驗希望像 Airdrop。
        奧革士:最近正在開發手機導入用的App,過陣子就會釋出啦:grin:
      • 轻步散云:感谢笔者分享
        奧革士:感谢支持,有任何问题都可以跟我联系 :smiley:
      • 奧革士:如果网站连结打不开,可以直接点击这个连结下载软件哦!

        Mac 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/darwin/0.9.46/Eagle.zip

        Windows 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/windows/0.9.46/Eagle_0.9.46.exe
        振之:@奧革士 产品做得很棒,我计划购买
        奧革士:@振之 我檢查看看什麼原因,感謝回報
        振之:网站突然无法访问了?现在更新也成问题。打不开软件了
      • bf201881157e:是不是要翻墙?链接打不开
        奧革士:我检查看看网站服务器看看,你先试试这两个下载连结,应该可以使用

        Mac 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/darwin/0.9.46/Eagle.zip

        Windows 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/windows/0.9.46/Eagle_0.9.46.exe
      • ui_小鸡蛋:为什么附带的链接都打不开
        奧革士:@ui_小鸡蛋

        我检查看看网站服务器看看,你先试试这两个下载连结,应该可以使用

        Mac 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/darwin/0.9.46/Eagle.zip

        Windows 版本:
        http://eagle-1253434826.file.myqcloud.com/releases/windows/0.9.46/Eagle_0.9.46.exe
        ui_小鸡蛋:@奧革士 还是不行,进度条走五分之一就不动了,我这边打开其他的网页都挺快的
        奧革士:这个连结能开吗?http://cn.eagle.cool/
      • 奧革士:如果大家使用上有任何建议,也可以添加我的微信:YihaoAugus :smile:
        26489b2bbb31:@奧革士 很高兴收到回复,我这里重启了一下电脑,似乎 1,3 问题都自动解决了(1能保存到本地,3添加备注不乱跳)。网盘还是没看懂,不过不常用。付费方式还请多操心。谢谢!:v:
        奧革士:@blues_3b01
        第二点在下一个版本就会支持啰,到时候在麻烦你试试看 :smile:
        第一、三点我再找看看
        第四点,可以直接将 Eagle 建立的资源库资料夹放置支持云同步的云盘服务中,就可以支持同步了,国内可以使用坚果云,国外的服务可以用 Dropbox、Google Drive、iCloud 等等
        第五点,目前还没有办法申请支付宝帐户,初期会先使用 Payapl,我们会尽快处理,关于打折部分,我们在首波推广活动时会与一些公众号、自媒体合作,到时候应该会看到
        :pray:

        关于问题会报的部分,希望你可以提供你电脑的 Windows 版本以及相关网路资讯(例如使否有翻墙),谢谢!
        26489b2bbb31:初步使用下来,有5个问题:
        第一,win64版chrome56中保存图片没有作用(功能无效),截屏可以。
        第二,截屏网页后,单独打开,请把方向键↑↓的功能设为滚动大图,而不是切换到下一张图片,否则只剩鼠标滚轮操作,略烦,也不符合用户预期。
        第三,win64版下的添加备注,是未完工功能?不能做到点击位输入文字,全屏乱跳,几乎不能使用。
        第四,“同步与协作,支持各种云盘” 不知道如何操作,官网无提及具体操作,功能菜单亦没有。
        第五,如收费,请加入支付宝付款,大陆人没有美刀,定价也略高,能打个折吗?穷啊 :sob:

        本人也是设计师,苦于几万张图片无法高效管理,使用各种看图软件均不给力,然而此软件的粗线,正好解决痛点,感谢。:+1:

      本文标题:Eagle - 让你更优雅管理图片素材!(支援 Sketch)

      本文链接:https://www.haomeiwen.com/subject/nzjohttx.html