@scomper

Pixave 和图片管理之间的距离

2015.11.05

图片管理的基本需求就「组织、预览、编辑、输出」这么几项,但是 OS X 平台上一直没有太好的选择,擅长管理图片的「屏幕截图」上又比较弱,屏幕截图和编辑功能完善的又缺乏有效的标注和分组,想想如果 Snagit 和 Pixave 能合体估计就圆满了。

虽然目前还没有一个图片管理软件能拿到优秀,但 Pixave 的确是现阶段最有潜力和冲劲的一款图片管理应用,在解读它的功能点的同时,不妨也展望一下对这类软件未来的期许。

图片的组织和管理

面对图片管理软件,很少我们是从 0 开始的,往往是已经有了一堆需要管理起来的图片,这些图片可能在其他的图库软件里,可能只是在某个文件夹里,还有一种可能就是已经在 Pixave 里,但是因为图片存储价值的周期性,未来还会考虑从 Pixave 里导出去。

基于图片的价值阶段性和流转特点,抛开 Pixave 目前版本的功能,先看看我们对图库软件在组织管理上的一些期许:

  1. 支持多个图库,便于整体迁移、方便实现价值分组和周期存档;
  2. 允许用户自定义图库位置,有利于资源的集中管理和备份,将文件放在用户经常浏览的视线以内;
  3. 支持图库内容的导出,图片的流动性决定了图库软件不仅要支持快速导入,还要能便捷有序地导出;
  4. 支持引用外部文件夹,只在图库软件中组织图片,原始文件依旧保存在原来的文件夹;
  5. 图片的自动导入,能监控指定文件夹自动导入图片,支持规则定义,允许用户区别对待不同的文件夹(复制或仅引用);
  6. 图片的重复处理,能有效的避免图片导入的重复,支持对图库内容的重复查找。

Pixave (1.0.6)支持 1、2、3、4 ,期待后续的版本能加入对 5 和 6 这两点的支持。

Pixave 的图库和导入

Pixave 对于多个图库的支持和 OS X 系统自带的「照片」应用一样,支持多个库文件(.pxvlibrary),但是每次只能在一个库中工作。可以通过菜单项或者直接双击库文件来切换不同的图片库。

外部文件的引用模式也和「照片」应用相同,在偏好设置中勾选「Show Referenced file type in Browser」,这样引用图片的左上角会显示有一个箭头标志。Pixave 还不支持通过智能分类单独显示所有外部引用图片

Pixave 支持自定义图库位置,你可以将图库保存到 Dropbox 目录,从而实现多台设备之间的图库同步。

在图片组织管理上,Pixave 提供了以集合(Collections)作为主体,辅以标签(Tag)和颜色(Color)的三个维度。集合之下进一步提供了文件夹、子集和智能子集的层级模式。在上述相对并列的三个维度划分以外,Pixave 同样引入了灵活的颜色标记(Label),既可以作为临时标记的一种方式 ,也能用来为分类或标签增加视觉识别。如果图片文件中已经有 OS X 的标记(Label),Pixave 能直接识别或者将其识别并转为标签(Tag),是否转换取决于偏好设置中是否勾选「Add assigned label as Tags」。

Pixave 的分类管理

分类管理的树形结构和 Finder 中的文件管理方式很接近,这能降低我们的学习成本。

默认的预设分类中,按照屏幕大小、设备、来源、类型等方式提供了一系列分类,如果是通过 Pixave 完成的截屏,截屏图片会自动分到这些预设分类当中,否则需要在检查器中自行调整图片参数加入到预设分类。

因为使用场景的不同,每个人可以根据自己的需求自定义分类集合。习惯上,我们用文件夹来做一级分类,文件夹之下再建立不同集合来对图片进行分门别类。文件夹和分类集合在功能定位上也不同,拖拽导入图片是能感受到这点,拖拽到文件夹上 Pixave 会自动创建一个新的分类集,而拖拽到分类子集上会直接完成导入。

应用间或者由桌面整理图片时采用 mini 悬浮窗口的方式会更方便,在创建分类集时需要兼顾到这样的工作场景。

智能分类是按照定义的搜索条件自动归集图片,支持的搜索参数很丰富,名称、类型、图片分辨率、标签、时间、文件大小这些都有考虑到。

图示中罗列了 Pixave 支持的各种判断条件,通过这些条件和判断的组合(满足所有All、满足任何一条Any)能创建各种用途的智能分类集合。不过实际使用中还有几点目前的版本做不到:

  • Tag 为空,没有 Tag 为空的判断,如果导入一堆图片进行整理标注,没有判断为空的条件不好区分有 Tag 和没有 Tag 的图片;(2.0.0 已经支持)
  • Tag、Label只能单选,不支持设定多个 Tag 或 Label 的条件;(2.0.0 已经支持)
  • 引用图片,引用外部文件夹的图片没法通过判断条件统一识别出来;
  • 包含透明区域的图片,目前仅支持对 Alpha channel 的判断,没法单独将包含透明区域的图片筛选出来。

智能分类集只是让我们能更快的找到满足某些条件的图片,实际归类还是要创建分类集合,为了维护和 Pixave 迷你窗口导入的方便性,建议单独设置一个文件夹作为入口(用来导入图片的分类集合),而其他必要的分类放在其他文件夹当中,这样既能保证分类颗粒度同时也能收缩纵向的操作空间。

按分类整理图片属于初步整理,为了方便后续的搜索和图片定位,还需要图片有个容易辨识的名称或者包含标签。这一点牵扯到平时的作业习惯,如果图片已经有直观的命名,那么标签的部分是可以省略的;如果只是时间日期这样的自动命名,就很有必要通过标签来增加图片的可辨识性。

整理图片的过程往往不会一蹴而就,除了边截屏边命名的好习惯以外,导入后先添加颜色标记也是一个不错的方法,通过颜色来表示待整理图片的时间紧迫程度。这样即便当前的整理工作被打断,后续很容易接上前期的工作。

Pixave 的标签和颜色

作为辅助性的筛选方式,Pixave 边栏里提供的标签和颜色栏有助于我们在众多的图片中实现定位。

颜色识别是个比较独特的筛选方式,选中单张图片由右侧的检查器栏「Inspector - General」(⌥⌘1)可以查看到,具体信息的 Colors 部分会显示识别到的主要颜色。不太清楚主要颜色识别的具体算法是怎样的,但从实际识别效果看,和图片中颜色的比重以及反差有关系。实际使用场景中对颜色单纯的图片识别效果更好。当然这里的好,主要意味着后续你能通过颜色筛选快速查找到。

智能分类集合的搜索条件中包含颜色值范围的设定,对于色彩反差不大的图片来说,这会是一个有效的搜索分类手段。不过设置上还是不太方便,首先图片检查器信息中显示的 Colors 没法复制、其次也没法将其由这里添加成「『Like』 Colors」,也没有提供单独的颜色剪贴板

(Pixave 2.0.0 Colors 以悬浮窗的方式独立出来了,支持颜色的多选,并能方便的将自己喜欢的颜色添加到 Like )

和颜色筛选相比,Tags 属于比较中规中矩的方式,也是常规分类形式之外对图片精确定位的一种补足。Pixave 中有两个地方展现 Tags,以筛选为主要目的的边栏 Tags 和以添加 Tags 为主要场景的检查器栏 Tags。

维护图片的工作中很多时候就是为图片添加 Tags,这样后续能快速准确的搜索到。但是 Pixave 目前在标签的使用和管理上还有很多工作需要完善:

  • 不支持 Tags 的搜索,这个怎么都不能说是友好的设计,毕竟滑动两侧的 Tags 栏查找标签不是很方便;
  • 没有提供「No Tag」空标签的自然筛选,这使得 Tags 边栏的作用有点鸡肋,因为基于 Tags 边栏显示出来的图片都是已经包含标签的,没有标签的在这里没法显示,所以你想通过拖拽给没有标签的图片添加标签目前无法实现;(2.0.0 已经支持)
  • 添加标签的设置有些别扭,选中图片后双击右侧检查器栏底部的「New Tag」才能添加标签,而且一次只能写一个;(2.0.0 Tags 以悬浮窗的方式呈现)
  • 删除标签必须到左侧的标签栏里找到标签才能删除,右侧检查器标签栏里即便刚添加完你就意识到添加错误了也要跑到对面去操作;
  • 左右两个标签栏的排序方式是固定的,不支持自定义的其他排序方式;
  • 右侧检查器标签的勾选必须要选中勾选框才行,从操作便捷性上来看远远不如直接选中当前条目迅速;
  • 选中图片后无法直观的看到它所包含的标签,你只能上下滑动右侧标签栏才能看到不显眼的被勾选项;
  • 不支持同时添加多个标签。

吐槽了不少 Pixave 在 Tag 交互设计上的「技术思维」,不过估计很多点已经在他们的 Todo List 上,期待后需的版本能看到更新。

图片的预览

图片预览的基本要求是支持主流图片格式,然后是预览速度快,最后如果还能在交互体验和视觉效果上加分就更好了。Pixave 在这一块的表现还不错,看的出来这个部分是 Pixave 的产品核心,支持的格式广泛,甚至包括 Pixelmator、Sketch、Affinity、Acorn 这类流行图形图像处理软件的存储格式。

  • JPEG、JPEG 2000、GIF、PNG、TIFF、ICNS、BMP、ICO;
  • PSD、AI、EPS (仅包括 PDF 信息)、SVG、TGA、RAW;
  • Affinity Designer、Affinity Photo、Acorn 4 & 5 、iDraw、Pixelmator、 Sketch 3;
  • PDF

支持动态 GIF 预览是很有必要的,因为用系统的「预览」程序打开 GIF 格式你只能看到一帧一帧的单张画面。另外对 Pixelmator、 Sketch 这类主流图形软件的支持不仅实现了统一图片管理,而且通过右键菜单「Open With」,它们还成为了图片编辑上的强大外援。

默认偏好设置中,Pixave 中双击图片或选中图片后敲空格键,是使用 Pixave 进行预览,再次敲空格返回,和系统「预览」图片的操作方式一样。修改这里的设置可以变成由格式默认关联的程序打开图片,这比较适合用来与编辑软件协同,利用 Pixave 来集中管理图片,选择图片后双击在 Pixelmator 这类软件中打开并进行编辑。

Pixave 的预览窗口和排序

图片预览实际分两个层面,多张和单张。

多张图片的预览涉及到两个基本问题:排序和缩略图大小, Pixave 里缩略图大小可以通过底栏的调节滑块进行调整,并且 Pixave 能记住当前分类集的排序和缩略图大小设定,这是个很讨人喜欢的设计,否则切换不同的分类集后重新调整缩略图和排序会很让人崩溃。

排序条件包括常用的标题、文件大小、星级、尺寸以及时间要素,通过菜单或者底栏的齿轮图标操作(Actions)改变排序条件。选择不同的排序条件时,图片名称下的辅助信息也会随之变化,显示图片的尺寸、分辨率、宽度或高度、日期等。

因为排序条件整合在了选择图片的右键菜单中,所以每次操作会感觉选项太密集。另外要吐槽的就是:视窗内空白区域不支持右键菜单,如果能添加一个排序菜单就方便多了

单张预览窗口的主要需求是缩放和预览背景颜色设定,另外单张预览窗口通常也是编辑的入口。不过从 Pixave 的功能分布上来看,编辑功能不是它重点,仅提供了针对整张图片的「滤镜」处理和依靠扩展「Markup」调用系统图片编辑器。

背景颜色对于大多数图片的预览来说并没有什么影响,只有遇到包含 Alpha channel 透明图层的图片时才显得很重要。如上图所示,如果背景颜色是白色,这张包含透明层的云彩可能就看不见了。

Pixave 里修改预览背景颜色需要切换到多张预览窗口(右键菜单),在单张窗口没有提供设置入口,这一点上稍有不便。还有就是检查器栏不支持悬浮和对设置页进行锁定,每次进入单张预览默认显示「Information」信息页,如果你想添加滤镜或者 Tags,需要再选择一次。

Pixave 导出格式和缩略图

Pixave 参数和设置中涉及到预览和格式的地方有几个:导出(Export)中支持的图像格式、智能分类集(Smart Collection)中按格式筛选图片、偏好设置中设置缩略图(Thumbnail Option)的风格和预览背景色、右键菜单中为选中的图片单独设置预览背景色。

Pixave 偏好设置中提供了三种缩略图的生成方式:

  • 默认(Default),拉伸图片充满预览框;
  • 保持长宽比例(Aspect Ratio),这种方式能保持图片的比例,不至于会因为拉伸导致变形;
  • 适合于屏幕(Fit),保持长宽比的同时适合于预览框,留白的部分使用预览背景色填充。

设置好缩略图的生成方式以后,选中图片按住 Option 键由右键菜单里选择「Rebuild Thumbnails」才能生效。Pixave 的重建缩略图设置有点隐蔽,不知道以后能不能改直观一些

和所支持的预览格式相比,导出的格式要少很多,支持导出成 JPEG、PNG、GIF 和 TIFF。导出图片时还可以方便的为图片名称添加前缀(Prefix)和后缀(Suffix),调整图片输出尺寸(按比例或者分辨率)。

预览图片的背景颜色有两个地方可以设置,一个是偏好设置中的全局设定,另一个是选中图片后的右键操作,可以给选择的图片单独指定背景颜色。如果想为包含透明层的图片单独设置一种背景颜色,可以先通过智能分类将包含 Alpha channel 的图片筛选出来,然后选择这些图片设置背景颜色。

很多网站对 PNG 透明层的支持有限,会显示成黑底或者处理不好阴影部分,所以在编辑或绘图软件中最好是基于白色背景而不是透明背景的方式输出图片。

图片的处理和输出

图片管理类的软件在功能上和图形图像软件最大的区别在于,图片管理软件侧重图片的组织和预览,重视图片的采集和归类。产品定位上的不同决定了图片管理软件的编辑功能不会很强大,更多的编辑功能特性是服务于图片管理工作流的,例如:格式转换、分辨率调整、批量导出、图片裁切等等。

屏幕截图作为图片采集的起点之一,已经成为图片管理软件的标配,但是截屏后接下来干什么则显示出不同厂商的个性,Snagit 默认截屏后进入编辑界面,Pixave 截屏后直接把截图放到分类集里,Inboard 截屏后会弹出添加 Tag 的对话框。如果是连续截图的场景里,Pixave 和 Snagit 的方式更方便,而且为了连续截图的方便当按下快捷键时截图软件会隐藏自己的窗口。

功能比较

和专门截屏的软件 Snagit 相比,Pixave 在截屏功能上算是中规中矩,通过比较可以很直观的看到两者的差异。因为软件各自的产品理念不同,这种比较多少有点牵强,不过从使用场景上来说,还是很希望图片管理软件能强化截图上的功能点。

软件名称|Retina 压缩|基本操作|网页|后续动作|其他
--|------|------|------|------|------
Pixave|支持|窗口、全屏、区域|打开网页截图窗口输入网址|归集到分类|定时、窗口阴影、鼠标指针
Snagit|支持|窗口、全屏、区域| 拖拽网页图标到菜单栏图标 |打开编辑窗口|复制到剪贴板、定时、鼠标指针、菜单截取

  • Pixave 处于单张预览模式时,屏幕快照的快捷键会无效。(这点从操作上让人觉得有点别扭)
  • Pixave 会根据边栏(分类集合)光标所处的位置来决定当前的屏幕快照保存到哪个位置,如果选中的是分类集合会保存到当前分类集,如果选择的是文件夹会新建「untitled collection」集合来保存。

图片的处理

截图只是完成了图片的采集,后续通常还需要进行适当地编辑和处理。对于使用者来说,如果不需要跳转,能在一个作业区域中处理好当然是最佳的选择。

和专门的图形图像软件不同,针对截图的处理基本都是一些「轻度」编辑需求,这些需求可以分成三类:面向单张图片处理的 ① 工具和 ② 特效,面向多张图片处理的 ③ 拼合。例如:裁切、添加文本、标注(编号、箭头、画线、框选)、局部放大、局部突出、局部模糊等这些都属于工具,一些倾向于图像整体处理,如:颜色平衡、亮度和色调、边框、阴影、透视等等属于第二类。第三类多张图片的拼合涉及到图层层面的操作,除了专门的图形图像软件,目前好像就 Snagit 处理起来比较方便。

Pixave 在图片编辑上采用了一种比较「聪明」的模式,针对局部编辑调用系统的图片编辑扩展「标记(Markup)」,而软件中仅提供了针对整张图片处理的滤镜。这样很大程度上保证了软件的专注度(降低开发和维护成本),同时又兼顾到了一定层面的编辑需求。

在「系统偏好设置 - 扩展 - 操作」中勾选具体的插件后,点击 Pixave 中的编辑按钮就能看到。如上图所示,除了系统提供的「标记」,因为还安装了 Pixelmator 所以有一个「Repair Tool」可供选择,Repair Tool 用来涂抹消除画面中多余的东西很有效。

从实际操作体验上来说,集成的系统「标记」大多数使用场景中都够用,这种整合方式让你感觉像是在 Pixave 中处理图片一样,不过不同的地方出现在编辑完成后的保存上:

  • 通过编辑按钮「Markup」编辑后的图片会以新图片的方式提示你保存到软件外部;
  • 右键菜单中的「Open With」选择其他图像处理软件(例如 Pixelmator),会以新图片的方式保存到图像软件自己的路径下;
  • 通过顶栏的「Open with Default App」用「预览」程序打开编辑将修改 Pixave 中的原图。

编辑完成后存储到外部,这对于图片管理软件来说有点奇怪,不知道这是扩展插件的限制还是设计上的问题,毕竟工具类的编辑需求从比重上来说还是更多的,滤镜用的机会要少很多。

图片的输出

和 Mac 系统中大多数软件一样,可以直接由 Pixave 中选择图片拖拽到桌面或其他应用。

批量图片输出可以通过多张预览窗口右下角的「Export」,或者右键菜单中的「Export to」进行输出。Pixave 支持以文件和 ePub 两种形式的输出。

将一堆图片以电子书的格式输出,改变的不仅是查看图片的形式,对浏览者和归档收藏来说都是一个非常好的方式。ePub 格式输出需要额外补充一些电子书所需要的信息,包括:书名(Book Title)、作者(Author)、语言(Language)、封面(Book cover)等。

如果只是想整理图片,或者将图片内容迁移到其他软件或文件夹,输出时选择文件(Files)类型。文件类型中的输出选项来自于「Preferences - Export」中的设定,根据你的需求可以到偏好设置中添加更多的方案,这些方案可调节的要素包括:

  • 分辨率(缩放到设定的分辨率以内)
  • 图像格式(原始格式不变、JPEG、PNG、GIF、TIFF)
  • 图像压缩质量(仅 JPEG 格式)
  • 重命名添加前缀或后缀。

需要注意的是,文件类型输出的选项(点击输出文件选择窗口右上角的图标)中默认包括了偏好设置(Preferences - Export)里的所有预设,如果你不选择性的关闭, 1 张图片输出后你会获得 7 张结果。

update: Pixave 2 带来的新变化

Pixave 1.0 虽然已经很讨人喜欢,但是还有些不太完善的地方,缺少一些图片管理中很重要的功能,例如:Tags 的添加和过滤,自动导入图片等等。

2.0 Tags 悬浮窗的设计不仅解决的 1.0 时代选择困难的问题,也同时解决了 Tag 的多选、筛选(增加了 Tag 为空的条件)等问题。不过在同时添加多个标签这一点上还是有些不方便。

自动导入指定文件内的图片这个功能放的有些隐蔽,需要选中分类后通过快捷键「option+command+I」来激活设置窗口。

另外,2.0 在格式支持上有了很大的变化,不仅仅支持图片格式,还新增了视频、字体、文档格式,这也意味着 Pixave 开始向文档和素材管理的方向靠拢。

Pixave 2 更新点很多:Tag 、Color 功能更完善,采用悬浮窗模式并支持多选,分类能设定自动导入图片,支持更多图片以及视频、文档格式,预览视频并可导出为 GIF,导出图片前可以添加水印,网页截图提供了多种 iOS 设备尺寸供选择,编辑图片有了版本控制,可以自定义缩略图标题和并支持手动排序方式,不再只是图片管理器。

2.0.0 (37937)里还有些 Bug:

  • 自动导入遇到 PNG 格式时,每次打开软件会重复提示导入;
  • 单个图片预览的视窗中,右侧的 Tag 边栏滑动选择时必须把鼠标指针放在文本区域才行;
  • 更新说明中提到了支持 OmniGraffle 文档,但是实际上无法导入;
  • 选择 ALL 分类时,菜单栏的新建分类和导入无法使用。

--「壹页单章」会员计划 --

Comments
Write a Comment