设计师Juno的终极图像管理术

引子设计师Juno的终极图像管理术不少设计师虽然设计能力非常出色，工作经验也足够资深，但不是非常注意工作流的优化，常常浪费一些精力在效率非常低的体力工作上。特别对UI设计师来讲，对接的人多，项目文件（各种切图）杂，科学的工作流能让大家的操作行云流水，事半功倍，把注意力集中在设计本身上。

因此便有了这个系列的文章，第一篇《Bridge——设计师Juno的终极图像管理术》分两部分，上部分主讲想法图库管理，下部分讲设计师项目文件管理。需要用到一个常常被设计师忽略的强大软件设计师Juno的终极图像管理术Ps 里面的 Bridge 是不是有存在的必要？反响很好的话，将来我会把UI设计和标注切图这两方面工作流优化的经验也推荐出来，（大部分国内UED团队的“非设计部分”工作流多少都是有问题的，马克曼标注等等不少国内UED团队推荐的工具/办法其实都弱爆了）敬请期待。

请注意设计师Juno的终极图像管理术

“我记得有个界面是某某商品来着，放到哪儿找不到了”，“有个插画风格非常独特，等等我找一下…额，找了十分钟才找到”，“设计一个播放器，期望在图库里找些参考，尼玛，打开文件夹，900+未分类的界面图”，“这个设计好赞，好想看作者其他作品，死活想不起来是哪个。。。”

管理目的设计师Juno的终极图像管理术有时就单纯想看所有“web ui”设计图；有时可能大家会想搜“iOS7风格的”，“手机UI”，“播放器”所有设计图，那样面对这种粗粒度和细粒度，应该如何对图片分类呢？有些同学可能想当然设计师Juno的终极图像管理术根据“类别”对图片做“一对一”的粗粒度分类。

具体是指，文件夹和子文件夹的类别都是相互独立的。譬如“GUI”和“ICON”这两个子文件夹，ICON文件夹下可能有“单色ICON”，“写实ICON”等子文件夹，“GUI”文件夹可能分“WEB UI”和“手机UI”两个子文件夹。要保证在“写实ICON”中出现的图片绝不会出目前“手机UI”文件夹里，如此第一步就完成了，在粗粒度上保证了所有图片不重不漏。其实不少习惯好的同学平常就是如此分类的。

第二步设计师Juno的终极图像管理术用“一对多”的属性做图片管理的需要。而Tags，除去展示数目有限，不支持编辑以外，居然看不出和Folders功能有什么区别。。。TAGS和FOLDERS之间也是没任何层级关系和逻辑关系的，所以，Inboard提供的管理工具，其实有的混乱。第二栏图片流视图就很好啦，瀑布流布局，大大提升了图片浏览效率，不过这是每一款图片管理系统的“标准配置”，大同小异罢了。

Sparkbox分的要了解多了，Categories功能和系统文件夹非常像，有层级关系，一张图片只能出目前一个文件夹里（但依旧和系统文件夹没关系，所有图片在系统中只不过在一个大的“库”文件夹中）。

Tags支持TagsGroup这种层级关系，一个图片可赋予多个tag，能满足大家之前说的用“一对多”属性来管理图片的需要。

但，这里的Categories和Tags是两个互为独立的功能，两种功能没法组合用，要么用categories，要么用Tags，这就叫人颇为不爽。而之前已经剖析过了，“一对一”的类型和“一对多”的属性其实是粗粒度和细粒度两个层级之间的。当然，因为Tags有标签组功能，你完全可以用Tags来满足对“类型”这个粒度的分类需要。但只能细化到一个层级，而且不一样的tag是完全无法取交集或者并集的，譬如，如图中，虽然有“WUI”，“iOS7”,”WUI”这类tag，你也是永远没立刻筛选出“iOS7风格，简洁风格的WUI界面”的图片的。所以，管理功能仍然不够强大。

值得一提的是，第四个根据颜色分类筛选图片蛮有意思，但对我来讲，实用性一般，由于绝大部分图片都不止几种颜色，色彩搭配能力上去了，就极少想“只看绿色主色调图片”这种想法了。

再来看下Ember，Ember虽然没能摆脱不了万恶的“库”机制，但它提供的管理机制还是相对灵活的。

第一，它没理“一对一”的分类需要，只针对“一对多”的属性分类需要，提供了“珍藏”这个功能。而字面上的文件夹功能，其实是多个”珍藏“的并集。文件夹直接可以自由编辑文件夹之间的从属关系。相对上述两个软件，这已经是一个不小的进步了，提供了相当大的自由度。但如何处置“文件夹”和“珍藏”这两者之间的交集并集关系，才能满足大家之前概要的的两大核心需要呢？（譬如很便捷的筛选出“iOS7风格，简洁风格的WUI界面”的图片这个需要），这够你想很长时间的了。。特别逻辑不甚了解的同学，依旧很难驾驭这种“自由”，稍加不慎，就会违背“MECE”原则，减少管理效率。而下面的那个“标签”功能，完全是个鸡肋。。。无视它好了。

你们应该领会到了，图片管理工具无非是用来满足大家之首要条件到的那两个需要的，虽然这三个软件一个比一个贵，一个比一个灵活，强大，但一直没法非常不错的满足大家那两个核心分类整理需要。而且，还需要用该死的“库”。。。这个“库”机制还叫你图库的云同步也变得麻烦无比。假如用软件自带的同步服务，一般是绑定iCloud或者Dropbox，那龟速你懂的。。。假如你非常任性，非把“库”文件夹和配置文件甩到类似百度同步盘如此的国内网盘里去同步，也是可以的，但只有Sparkbox能不出问题，而你费非常大力气去同步的“库”里的文件，一直是一个包括所有图片，一点都没归类的文件夹。分类操作，只能在软件里进行。

好吧，说了这么多，终于轮到Bridge登场了，这位老爷子能解决上面遇见的各类问题吗？能！

Bridge是什么？就是之前装PS就会带上的一个看着非常复杂的不知所云的软件,但其强大的功能其实能满足大家上述提到的任何一种图片管理需要，同时，还是一款便捷的项目文件管理工具。

Bridge提供了多种过滤功能，其中的“星级”“标签”等等，我感觉都是次要功能。真的强大的，最能满足上述两大核心需要的，是“和系统一致的文件夹管理功能”和“写入XMP标准的关键词功能”。这两个功能分别完成了对图片根据粗粒的“类型”一对一分类和根据细粒度“属性”一对多分类的需要。

第一个非常不错讲解，系统文件夹分类什么样，Bridge里就什么样，完全是一样的。

Bridge支持配置多种视图，上图是我的“想法管理”视图，可以看到三栏布局，左栏有树状文件夹浏览模式和文件夹珍藏。其中树状文件夹能提升文件夹结构的浏览效率，而文件夹珍藏则等于快捷访问区，你可以把文件夹直接拖到这里来，将来可以直接在这个面板访问常去的文件夹。上边栏是能迅速导航的面包屑导航条，能自动展开子文件夹列表。浏览效率比起其他软件只增不减，而且避免了“库”的风险。

第二条“关键词”是重点。Bridge的关键词功能好支持对“一对多”的标记需要，而且可以参考关键词搜索，筛选，轻松取并集。