专栏名称: 优秀网页设计
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
庞门正道  ·  这些图你最好看两遍,怕你眼花! ·  2 天前  
庞门正道  ·  吃货小黄吃播营业了! ·  4 天前  
字体设计  ·  有史以来最伟大的春节(或没有) ·  3 天前  
字体设计  ·  字体和文字的创意编排也很重要 ·  5 天前  
字体设计  ·  日本平面设计师协会JAGDA2024新人奖三 ... ·  2 天前  
51好读  ›  专栏  ›  优秀网页设计

Eagle:设计师必备的整理素材神器(文末有福利)

优秀网页设计  · 公众号  · 设计  · 2017-09-08 13:03

正文

封面设计: Geraldine Sy

最近思维混乱很烦躁,情绪起伏不定,设计稿改了又改,一直找不到原因。直到有一天我发现了症结所在,请看下图:

看完之后是不是感觉我很爱我的桌面,什么东西都要上桌面?我知道你这个时候一定发出了哇的一声,这样辣眼睛的桌面真的是没救了,给跪了。

但我是一个发现问题就一定要解决问题的人。如何把桌面整理的干净整洁一尘不染是我的终极目标:于是我去优设官网搜索了“文件图片整理”。我得到了一款名为“eagle”的图片分类管理软件,而且最最重要的是开发者是国人!他一定能懂我的痛,优设官网是这样介绍的:

Eagle 是一款图片收藏及管理工具,它不仅可以高效收藏和整理各种图片、截图等,而且查找非常方便,协同功能强大,操作体验超群,支持 Mac 与 Windows 系统。

身为一名设计师,相信我们都有一件必做的事情:「整理电脑上的素材」。

如日常工作中因为某个项目所收集的图片,或是平时逛设计网站所保存的图,又或者是平常收集的一些源文件,管理起这些素材总是让人头疼。

这几年我也尝试使用过市场上其他几款图片整理应用,包含 Ember、Inboard、Pixa、Pixave、Pincap 等。这当中个人觉得 Inboard 是最好用的,过去我曾推荐过不少朋友使用 Inboard 这款应用,比较可惜的是这款软件已经没有再更新了,许多功能也没有持续优化,特别是收藏的素材累积到一个程度后就变得难以整理了。

Eagle

Eagle 是专为设计师打造的图片收藏及管理工具,可以轻松整理电脑上各种图片、照片、屏幕截图、海报、网页设计、Pinterest等各种图片,提供云端同步图片功能,支持 Mac 与 Windows 系统。我会在文章接下来的部分介绍这款产品的各项功能以及这些功能在开发时背后的想法。

一、收藏功能介绍

首先我们先来介绍收藏功能的部分,分别是「浏览器插件」、「屏幕截图」、「第三方内容导入」、「剪贴板粘贴」这几个部分来介绍:

1、强大的浏览器插件(支持 Chrome、Safari和Firefox)

逛网站时看到有用的信息立刻收藏,大幅增加你的收藏效率,随时随地将网页上的任意图片,整个页面截图都储存到你的收藏夹里。Eagle 的浏览器插件提供多样的收藏功能,可以完成各种情境下的收藏,分别有:

单一图片收藏

收藏网页的图片很麻烦?现在你有一个更好的方式。安装浏览器插件,只要在想要收藏的图片点击右键并点击收藏,Eagle 就会自动帮你下载起来。

批次图片收藏

网站里面有好多想要收藏的图片怎么办?快试试看 Eagle 提供的批次图片收藏的功能,只需要一个点击,所有的图片就储存到你的收藏夹里!

内容区域截图

你可以使用功能选单中的「区域截图」来启动截图功能迅速的将灵感收藏下来,而且网页的资讯也会自动帮你存下来哩!

网页整页截图

传统网页截图一次只能截取一张,而且还要自己决定截图的宽度,实在非常麻烦,如果想要一次收藏各种萤幕尺寸的截图就得要操作很多次才能完成。Eagle 在网页截图功能上做了很棒的创新,你只需要一个点击,网页的各种尺寸都会为你截图收藏下来!

所有使用浏览器插件收藏的图片,Eagle 都会自动为你储存图片来源的网站以及网站的名称。

2、屏幕截图

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

3、支持第三方内容导入

Pinterest 和花瓣网内容导入

你可以将自己或者是其他 Pinterest 其他使用者收藏的内容迅速导入到 Eagle 中收藏,大家都可以藉助这个功能,迅速成为一位收藏达人。

Inboard 内容导入

你可以直接将 Inboard 上的资料进行备份,所有收藏的内容、标签、资料夹都可以无痛转移到 Eagle 来。

4、从剪贴板添加内容

灵感可能来自四面八方,有些可能本地档案、可能来自网页上、可能来自其他绘图软件甚至是你的手机,无论上面说的哪一种来源你都可以直接将剪贴板的图片直接添加到 Eagle 收藏起来,非常的方便!

5、支持各种常见的档案格式

目前 Eagle 支持各种图片格式,包含 JPG、PNG、BMP、GIF、Sketch、PSD、AI、 EPS、TIFF、Base64 等等。

二 、管理功能介绍

当素材被我们收藏下来后,如何有效地整理这些素材就变得非常重要,在整理素材这个部分,Eagle 也提供许多实用的功能,可以让整理变得更轻松,分别有「资料夹」、「标签」、「自动输入标签」、「批次分类」、「批次重新命名」、「防止重复收藏」等功能。

1、 用文件夹分类图片

你可以依据不同的图片类型建立固定的内容分类,例如「网页设计」、「海报」等等,与传统的文件夹不同,所有收藏在 Eagle 的内容都可以归类到多个文件夹,而且不会占用两份以上的容量。

2、用标签分类图片

根据素材的特性可以撰写特定的标签,例如「扁平风」、「电商」、「趋势」等等。

3、自动标注标签

时常使用标签功能的朋友应该会发现一个挺麻烦的问题,那就是常常需要输入已经输入过的标签,非常浪费时间,现在你可以不需要这样啦!在 Eagle 中,你可以为特定的文件夹设置自动输入标签,未来任何被添加到这个文件夹的灵感都会自动贴上文件夹特定标签!

4、批次归类功能

在 Eagle 中你可以迅速的将图片灵感瞬间归类到多个分类中,而且归类后,所有的自动标签也会全部添加到这个内容上,同时就可以完成分类与撰写标签两个任务,大幅提升了收藏效率。

5、在图片上标注想法

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

6、防止重复收藏的提示

为了避免用户重复收藏了同样的灵感,Eagle 提供了相当强大的判断功能,可以在添加内容的时候迅速计算是否有相似同样的内容,也许是同一张图片的不同尺寸、格式, 这些都可以判断出来,而且这个过程丝毫不会让你感觉到延迟或停顿。

图片批次更改名称

收藏一系列的主题图片,时常我们收藏下来的图片名称都不太一致,使用目前的修改名称功能要进行序列的名称修改也相当不容易。基于这个使用情境,我们重新开发「批次命名」功能,没有太多繁杂的接口操作,只需要透过几种简单的代号就可以迅速完成以下任务:

新的名称 + 序列号码(%N)(支持格式 1, 01, 001, 0001 自动补 0 功能)新的名称 + 时间(%D)原始名称(*) + 序列号码(%N) 或 时间(%D)自己决定序列号码的起始数值

三、内容查找功能介绍

当你把文章都收藏下来也都归类好了,接下来最重要的任务就是在需要这些素材的时候,可以迅速找到它们。相信各位设计师都有类似的经验,几年里整理下来的素材可能已经超过上百个分类,标签也有几百个,往往花费大量时间在这么多资料中进行查找、点击,不仅没有效率而且也非常累人。

Eagle 目前提供几种有效的方式可以让你迅速的找到需要的内容,分别有:「颜色筛选」、「类型筛选」「迅速切换(类似 Alfred)」、「一键查看分类或标签」。

1、颜色筛选功能

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

2、迅速切换分类或标签(就像 Alfred)

随着时间的累积,我们的收藏分类可能会变得非常多,不管在浏览或者归类图片都变得非常难用。Eagle 提供了一个“快速切换(Quick Search)”的功能,可以让我们迅速的在数百个分类中迅速切换穿梭,再也不必一个一个慢慢找。使用方式很容易,点击快速键 ⌘(Ctrl) + J 启动,输入想要的关键字就可以迅速前往想要的「资料夹」及「标签」啰!这里有一个小细节,在关键字搜寻上,我们开发了一套模糊比对的算法,即使拼字不太正确,依然可以找到相关的分类或标签哦!

3、一键查看其他分类或标签的内容

选取图片后,你会在右侧检视区看到这张图片的标签与资料夹,假如你想要查看这张图片相关的标签或其他资料夹的内容,你只需要点击标签或资料夹名称就可以立刻查看到啰。

四、云端同步及团队协作

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

五、产品在细节上的设计

在整个产品开发过程中,我们花费非常多心力在产品的用户体验上,包含接口的动效、反馈、布局的合理性、以及像是各项功能预设值、偏好值记忆等,我在这里分享一些我自己特别喜欢的部分:

1、音效提使与反馈

删除内容、发现重复图片、内容下载成功时, Eagle 都会发出有趣的音效来提用户任务已经完成。

2、Trackpad 支持

图片列表与图片展示画面都支持 Trackpad 进行大小的缩放。

3、超爽的放大体验

将鼠标移动至想要详细查看的位置上,接着压着 Command 按键加上鼠标滚论,就可以很精准的放大想要查看的地方,完全不需要先放大、再移动。

4、图片排版方式

列表上的所有图片都不会被截到任何一个部分,而且可以查看到每一张图片的整体,而且又不像会像「瀑布流」排版那样难以阅读。

5、浏览偏好记忆

每种文件夹都收藏着不同类型的图片,这些图片都有他们合适的查看尺寸,在切换分类时,你不需要自己手动的调整这个设定,因为 Eagle 会自动记住你在每个资料夹的偏好尺寸。

6、中文标签支持拼音排序

除了英文标签之外,所有的中文标签在标签管理页面中,也都会依据拼音的顺序进行群组与排序。

新增功能:

素材打包导出/导入
支持触控板(Trackpad)手势切换、放大

看完之后是不是豁然开朗,和我的桌面有类似症状或者从来不整理分类图片的小伙伴是不是觉得找到了知音?小编个人感觉是比Adobe爸爸家的Br好用很多。

优设&Eagle专属团购福利

上次sketch团购群里的小伙伴都说想优惠购买这款软件,支持一下国内的开发者。

于是我们联系到了开发者本人并最终确定了一个前无仅有的价格。

优设粉丝福利专享价格:99元!

99元的早鸟名额 仅限前200名下单,欲购从速。

购买方式如下:

优惠获取方式:在优秀网页设计公众号后台回复“eagle”关键字,进入微店下单购买。然后加入团购QQ群等待发放激活码。