如何高效管理各种图片素材?你还缺一个大脑!

设计 15 2018-01-12 18:34

图像管理向来是很多设计师浪费精力的地方,但是比较“浪漫主义”的设计师往往并不会注意这方面的优化。事实上,科学的工作流程能让我们事半功倍,专注设计本身。而这篇文章就是给大家介绍Ealge这个图片管理工具(我称之为「设计师的第二大脑」)。助力图片管理,真正打造自己的第二大脑。

Eagle 的功能特点

图片库

如很多图片软件一样,Eagle 采用了库的模式。因为我个人横跨的领域非常广,从平面到产品到交互都有收集。因此库的存在非常好的帮助我区分了特定场景下的图片资料的需求。

如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络


如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络


如何高效管理各种图片素材?你还缺一个大脑!-微网络


如何高效管理各种图片素材?你还缺一个大脑!-微网络


如何高效管理各种图片素材?你还缺一个大脑!-微网络


如何高效管理各种图片素材?你还缺一个大脑!-微网络

目前库与库之间的合并、分割等功能据说是正在开发阶段,有了这些功能会使得这方面的操作更加方便。

但是从另一方面来说,库的模式相当于把素材绑票到了软件本身上。如果 Eagle 在后续过程中没法满足自己的需求,要切换图库软件的话,成本还是非常之高的。

那至于为什么我心甘情愿的上了这条船,后面会提到。

素材导入与收集功能

在早期版本的 Eagle 中并不支持文件夹路径的导入,但是在后来的版本中把这个功能加了进去。现在导入资源库变得十分方便

如何高效管理各种图片素材?你还缺一个大脑!-微网络

例如导入上图中 2014 年的红点获奖作品的资料时,我只需要把「2014」这个文件夹拖到 Eagle 左边栏中,所有的图片就按本地文件夹的分类整整齐齐地导入到 Eagle 里了。这极大的降低了图库资料的导入成本。只需要简单的拖几次文件夹,就能够把所有的图片原封不动地导入到 Eagle 中。

Eagle 中另外一个让我我非常惊喜的功能便是搜集。我可以利用 Ealge 的「一键采集花瓣/Pinterest图片」功能快速将高质量的图片导入到自己的图库中。

像下图的艺术二维码的资料便是采集了花瓣上的几个画板后,再经过自己的整理之后形成的。而这样的高效形成资料库的方式在没有用 Eagle 之前根本没法想象。

如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络

Ealge 的浏览器插件还能一键收藏网站图片、区域截图、网页截图的功能,可以说把日常中95%以上的收集需求覆盖到位了。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

像上图整理的产品说明页都是直接用网页全页截图获得,在没有 Eagle 之前这样的需求只能通过一些截图工具实现,操作并不大流畅。有了这个插件之后妈妈再也不担心我的截图了~

素材的整理功能

在讲 Eagle 的整理功能之前,我非常建议大家先去看一下Bridge——设计师Juno的终极图像管理术这篇文章,他提到的 MECE 原则和标签的属性思路对于我的图片管理帮助非常大。在讲 Ealge 的素材整理功能时,我的思路也是基于上文来的。

一开始 Eagle 只能做到两层文件夹,后来经过重写之后实现到了无限层级。而且加入了导引线。不过由于文件夹的没有太多好讲的,就在此略过。至于标签则可以说是任何一个图库管理系统的重点了。我从打标签和使用标签两个角度来呈现 Eagle 的标签处理功能。

输入标签

Eagle 1.4.2 版本优化了打标签的操作,我正好这个时间需要整理和分析用户画像的标签。就拿了这个功能进了测试。我的记录的标签属性如下图所示:

如何高效管理各种图片素材?你还缺一个大脑!-微网络

改版后的标签在输入体验上非常良好。每次输入我只要快速地点击我需要的近期标签即可。当然在实际使用上还有一些细节需要优化。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

打完所有标签之后,通过查阅每个标签的数量,我立刻获得了用户画像的特征情况。例如「目标」有100个,「行为变量」有69个,基本上很少有包含「能力」等等。

这些用户画像中既有 JPG、PNG,也有 PDF,还有可编辑的 AI 和 Sketch 文档。这种针对所有类型图片的基础信息整理,换成其他任何一个图库工具应该都是没法做到的。

当然目前我最希望出现的标签分组目前 Eagle 还没有实现。目前掌柜大大也正在开发 Ealge 的标签功能。1.5 版本大改版会有这部分的工具。

使用标签

在1.4.2之前,标签功能的使用其实并不顺畅。一种使用方式是智能文件夹,通过标签的筛选完成。但是这种交互模式操作起来并算是很流畅。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

而 1.4.2 跟之前任何版本有一个很大的差异,就是标签与文件夹不再是两个孤立的模块。两个分类工具很好地实现了合作。什么意思呢?看图就知道了。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

标签的筛选只会呈现出这个文件夹里图片的所有标签,这样极大的方便了基于标签的筛选。

当然目前的筛选逻辑功能还不够强大,并不支持逻辑运算符(与、或、非),我在社区里提出这个需求后,掌柜应该也认同了这部分的思路,目前正在开发功能中。

思维的记录

如果说 Eagle 和其他图片整理软件还有什么区别的话,我想就是这个标注与注释了。

标注功能非常好的实现了设计师分析图片的过程,通过标注我们可以将自己的分析思考保留下来。不过目前这个功能还没有深入开发。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

如果希望把这部分真正利用起来,我认为还需要具有的功能有:

· 一键显示或隐藏所有标注内容

· 可修改标注的顺序

· 丰富标注的类型,例如椭圆、箭头 与自由绘制等。

当满足了以上这些功能需求之后,我相信 Eagle 将能够真正成为记录图片分析流程的利器,乃至获得不输于纸上书写的流畅体验。就像下图一样。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

注释功能对于记录一些图片相关信息非常有帮助,也可以记录一些不适合用标注注释的内容。

如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络

集成标注与注释的 Eagle 能帮助设计师高效地记录自己的思考,真的是经验记录的利器了。

素材的调用

Eagle 支持使用智能文件夹,不过我相信很多人并不会去使用这个功能。而我目前也只是在探索智能文件夹的应用场景,并没有一些成体系的思考。

前文也有提到筛选系统的标签功能,但是其实除了标签以外,还有很多强大的筛选功能。例如颜色筛选、比例方向筛选、类型筛选、标注、注释筛选、

如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络
如何高效管理各种图片素材?你还缺一个大脑!-微网络

除了上述的演示外,还有时间、文件大小、标注、注释等等的筛选功能,基本把筛选需求全覆盖到了。如果说还有什么可以提升的话,就是在各个点上深耕,优化操作逻辑,考虑更多更全的功能。

图片包分享功能

我特别喜爱 Eagle 的这个图片分享功能。使用这个功能,你可以将自己的任何一个文件夹导出成一个图片包分享给别人。这个图片包中的图片文件夹结构、图片名称、链接、标签、注释、标注全部都会保留下来。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

如果说前面的所有功能把 Eagle 打造成了一个优秀的图片管理工具,那么这个图片包分享功能将会把 Eagle 变成一个图片资源共享平台。我们常常说人类的进步离不开传承,而经验的传承更是离不开分享。通过 Ealge 图片包的方式,我们可以将自己多年来总结整理的经验轻轻松松滴水不漏地分享给他人。什么?你说这些经验太过珍贵不肯免费分享?那没事,卖也可以呀

分享的另外一个好处就是,我们能够把分析图片的成本时间做到极低——假设有 100个人,每个人为10张图打上20个维度标签,然后统一发给一个人处理,那么处理完后便是 1000 张分类细致的可用素材。而如果要求是去分析一个风格的图片呢?100个人标注上自己每个人对这个风格的理解或者运用技巧,你就相当于直接获得了 100种不同的理解和技巧。这样的模式我已经在小范围内进行尝试,效果极佳。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

20 个人一起合作实现的效果图库,包含标注、标签等各种信息。

Eagle 社区中已经有了一个设计素材分享的板块,我也贡献了我自己的一些精品资料集。

如何高效管理各种图片素材?你还缺一个大脑!-微网络

设计师的经验继承模式的思索

Ealge 的出现让我意识到设计师经验收藏载体的尴尬——图难找,内容难以分析,经验自然难以传承。

因为设计师大师不可能给每一个新人去说明每一个素材的具体用法。因为没有一个良好的载体,就没有办法有效的传承。这样一来,有经验的设计师的经验就慢慢消亡。除了一些抽象层面的内容能够流传,但是具象到某一张图、某些一点一滴的经验都会随时间流逝。

但是有了 Eagle 这样的载体,我们可以十分方便地分析图片,图片的分析思路和分析结果将被标签、标注、注释记录在这张图中。一旦我将这张图发送给别人,他将能够看到我的分析思路,从而加深对于这张图的理解。而他还可以在这张图上写下自己的思考。再留给下一个人。

大家可能都看过类似的桥段,一本武林秘籍,若是有很多人留下自己的修炼心得,那么后人进行修炼必然事半功倍。在 Eagle 中,图片难得有了合适的经验存储的载体,而这种载体又非常便于进行交流。这就是我为什么将其称之为设计师的第二大脑最重要的原因。

在可以预见的未来,我们会开始使用 Eagle 作为标准的图片交流软件,在图片中方便快速地交流心得体验;一份包含多年设计笔记和应用技巧的 eagle 图片包在 Envato 上以 $59 出售;设计公司通过分布式系统管理着一个结构清晰、分类明确的 eagle 图库,每位设计师都可以轻松获取到这些信息承载丰富的图片资源,也可以在新的图片上记录下自己的思考和想法,Push 到总图库中;教师们在传授平面设计时不再使用 PPT ,而是发给学生一个 Ealge 图片包,让他们自己去查阅各种设计流派与设计作品……

虽然行文自始至终都没有提到与 Bridge 的对比,但是其实在说明 Ealge 的功能与我的使用场景时,我都有思考在 Bridge 下的可用性。结果往往是 Eagle 获胜。而 Bridge 更加擅长的部分,也正在被 Ealge 一点一点超越。在万年不变的 Bridge 和保持高速成长的 Eagle 之间,我最终选择了 Eagle。

一点小的吐槽

另外其实还蛮想吐槽一点,其实很多人都有提到希望能够导入图片本身的元数据的功能。如果没有这样的一个功能其实会丢失很大一部分「高级的」图库专家。例如前文作者 JUNO。因为他们会花大量的时间精力来去整理图库,处理图片元数据,而这样的一个图片迁移的成本会非常非常高。相当于几千张图一张一张重新要打标签了。

但是掌柜似乎不愿意为了这群人去开发一个元数据导入的功能,我个人认为多少有些偏颇了。既然能够有导入 Inboard 这样的功能,为什么不能有导入元数据呢?毕竟针对采用 Bridge 这样的图片管理工具的话,要迁移图库,相当于就是要导入图片的元数据。如果有了这样的一个功能,可是相当于拉拢了很大一部分的图片整理的高级用户,他们往往是引导舆论的(毕竟引导我进入图片整理这个大门的,就是 Juno 的那篇文章呀。)

当然 Eagle 现在也存在各种 Bug ,比如切换资源库的时候会卡在进度条上,导入资源包的时候需要重启才能显示所有导入的资料,文件夹的整理没有办法批量操作等等……不过掌柜也说了,饭要一口一口吃,开发要一步一步来,毕竟只有一个人嘛。

但是回过头来还是那句话,功能想清楚了,场景想清楚了,暂时性的一些 Bug 都能接受,而同类的图片管理软件的一些竞品,恐怕连一些常见的功能与常见都没有想清楚。

最后的番外

关于我多次提到的「掌柜大大」。掌柜 Augus 是台湾同胞,Eagle 是由他利用用业余时间独立完成设计与开发的作品。掌柜他一直都很追求产品的极致、稳定,也非常愿意倾听用户的声音,而不是像某些产品说是“我们很愿意和用户交流”,但实际上做的却是“想法仅限于交流”。

在群里提出一些需求的思考时,掌柜往往都会仔细思考这个功能需求的场景,提出更加合适的解决方案。甚至有时候为了 Eagle 的一些操作细节讨论上一两个小时。

在我看来,掌柜是一名非常优秀而且努力的全栈设计师。利用业余时间开发 Eagle 常常到晚上一两点,所以 Eagle 版本迭代迅速也是不无道理,比如我几周前提出了文件夹拖动灵敏度和文件夹显示的需求,在上周就完美提供了解决方案。

就我个人而言对于一些事物的信任,本质源于对于「人」的信任。无论是苹果之于乔纳森,同济设创学院之于娄永琪,或是米家之于刘德。在和掌柜交流过程通过他的行为足以构建起这种信任关系。也是因为相信掌柜,所以我才愿意把自己的图库交由 Eagle 。

讲了这么多,最后附上官方地址吧:https://eagle.cool/。有兴趣的小伙伴可以考虑试用一下,学生购买有半价优惠呦~

如何高效管理各种图片素材?你还缺一个大脑!-微网络
文章评论