恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
让 Eagle 帮你更优雅管理图片素材
0.0°
2019-01-15 原创文章 教程 举报 13710 46 73 34

Eagle 是设计师必备的图片整理软件,让你能够轻松整理电脑上各种图片、荧幕截图、介面设计、Sketch、等各种图片,支援 Mac 与 Windows 系统。

Image title


前言,为什么我要开发这款工具

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


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


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


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


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

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


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


Eagle 介绍

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


官网与下载连结(可能要翻墙):
http://cn.eagle.cool/

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


浏览器插件

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


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

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

迅速收藏网页上的图片


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

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

将整页网页以图片储存


云端同步及团队协作

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

Image title


迅速切换分类

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


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

Image title


荧幕截图

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

Image title

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


自动输入标签

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


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

Image title


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


用颜色寻找图片

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

Image title


在图片上标注想法

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

Image title


如丝般顺滑的操作体验

魔鬼藏在细节里,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/


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



点个「赞」让更多人看到 ↓ 



更新:2019-01-15

收藏

46人已收藏

奧革士

奥革设计创办人,也是一位产品设计顾问

  • 8

    作品

  • 369

    粉丝

  • 94

    关注

  • 让 Eagle 帮你更有效的整理圖片素材與靈感
  • 那些界面动画设计需要瞭解的事情
  • 浅谈界面的空白状态设计(Empty State Design)
  • 浅谈对话框设计

    猜你喜欢

      2019-01-15 原创文章 教程 举报 13710 46 73 34

      让 Eagle 帮你更优雅管理图片素材

      0.0°

      你确定要举报让 Eagle 帮你更优雅管理图片素材

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      73
      46
      34

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录