预览与浏览：图片、GIF、字体、视频与 PSD

不用双击就能预览，这是 Eagle 的看家本领

Eagle 官方四大核心能力里的最后一项叫 Browse（浏览），对它的描述只有一句：不用双击即可流畅预览。

别小看这一句。

在系统文件夹里，你想知道一张图长什么样，唯一的办法是双击打开、看一眼、关掉、再双击下一个。处理 100 张图，你要双击 100 次。 而每一次双击都伴随着一个等待：应用启动、文件解码、窗口弹出、窗口关闭。在这个过程里你的注意力被打断了至少二十次。

Eagle 的做法完全不同：选中即显示。 你在网格里点一张图，右侧立刻出现大图预览；你按方向键往下走，下一张立刻替换。整个过程没有窗口弹出，没有应用切换，注意力完全不中断。

这就从“处理文件”变成了”看相册“。

而“看相册”这个体验，才是真正能让你在一堆图里快速挑出好货的能力。

界面布局：三个区域

在动手讲细节之前，先建立一个空间感。Eagle 的主界面大致是三块：

┌──────────┬────────────────────────┬──────────────┐
│导航区    │  素材网格区            │  预览/详情区 │
│          │                        │              │
│ 文件夹   │  [图][图][图][图]      │  大图预览    │
│ 智能文件夹│  [图][图][图][图]      │              │
│ 标签     │  [图][图][图][图]      │  文件信息    │
│ 标签群组 │                        │  备注/评分   │
└──────────┴────────────────────────┴──────────────┘

具体布局各版本和不同窗口宽度可能有差异，但这个三区结构是稳定的。网格区在中间，预览区在右，这个布局决定了你的操作模式：左手选，右手看，眼睛在中间扫。

高效浏览的四个关键动作

动作一：用方向键走，不，用鼠标点

批量浏览几百张图的时候，最重要的能力是快速翻页。

• 点一下选中，右侧立刻预览。
• 方向键上下左右在网格里移动，每移动一格，预览区就更新一次。
• 找到好的，当场按快捷键打标签、打评分、写备注——不用切换窗口，不用打开别的界面。

这个“边看边标”的闭环是 Eagle 浏览体验的核心价值。 它的效率远超”先看完所有，再回头整理“。

动作二：切换视图密度

Eagle 一般提供多种视图：网格视图、列表视图，以及可能的紧凑／舒适／大缩略图几种密度。

不同任务用不同密度：

切换视图的快捷键通常在偏好设置里可以自定义，值得花两分钟绑到你顺手的键上。

动作三：用排序来组织你的浏览顺序

浏览的时候，顺序很重要。同样是三百张图，按“评分降序”和按”导入时间升序“看，体验完全不同。

在开始浏览之前先花两秒钟设置排序。 这两秒钟能省掉你十分钟的无效扫描。

动作四：边看边打标

这是我要重点强调的习惯。

在浏览过程中顺手处理，比事后统一处理效率高十倍。 因为你在看的时候，脑子里已经有判断了——“这个好”、”这个方向对“、“这个不行”。这个判断如果在浏览时不记下来，三秒后就忘了。

具体做法：每看到一张值得留的，按快捷键打个四星；看到特别好的，贴个标签。每张图的操作不超过两秒。

各种格式的预览体验

Eagle 官方明确支持的素材类型非常广，我们按实际使用频率排一下。

图片

涵盖格式：PNG、JPG、JPEG、WebP、SVG、BMP、TIFF 等常见格式。

SVG 特别值得提一句——它是矢量图，Eagle 可以直接预览，不用打开设计软件。这对你判断“这个图标能不能用”提供了巨大便利。

超分辨率大图的预览：Eagle 支持高分辨率图像的浏览。你可能会担心打开一张 8000 像素宽的图会不会卡——实际上 Eagle 的预览是缩放显示的，不会卡。尽管放心浏览。

GIF

Eagle 内置了 GIF Player，这意味着 GIF 在 Eagle 里可以直接动起来播放。

这个能力的价值被严重低估了。 GIF 通常是“动效参考”——一个加载动画的节奏、一组按钮的悬停效果、一段转场设计。用 GIF Player，你能直接看到动效的节奏和幅度，而不是只看到一个静止的第一帧。

官方在 4.0 Build22 的更新里专门提到过 GIF 播放的性能优化，所以这个功能是被重视的。

字体

Eagle 内置了 Font Viewer，可以直接预览字体效果。

这是一个非常实用的功能，尤其对做品牌和 UI 的人。你可以：

1. 存了一批字体文件进 Eagle（而不是装到系统里）
2. 打开字体查看器，输入一段文字
3. 切换字体看效果，选中最合适的

好处是不用装字体。 你不会因为存了两百个字体而把系统的字体列表搞得乱七八糟——它们安静地待在 Eagle 里，只在你需要的时候出现。

字体还能记备注信息（家族名、字重、来源、是否可商用），这一点对做商业项目的人特别重要——很多字体看着漂亮，但商用是要授权的。

视频

Eagle 支持视频格式的预览。视频素材在网格里显示为缩略图，选中后在预览区播放。

对动效设计和产品设计的人来说，这解决了“素材库里的视频没地方看”的问题。 以前你得双击用系统播放器打开，而系统播放器不能做批量浏览。

视频素材的体积比图片大得多，导入的时候要注意容量，这一点在前面章节提过。

PSD 和设计稿

Eagle 官方支持的格式列表里明确包含设计稿类素材。PSD 进 Eagle 之后：

1. 会生成缩略图，你可以像看图片一样快速浏览一堆 PSD，不用打开任何一个。
2. 能在网格里按格式筛选，一键调出所有 PSD。
3. 可以记备注，写清楚这是哪个项目的第几版。

第一条的价值最大。 想象你有八十个 PSD 文件——改稿的时候要找到“上周客户发来的那版主视觉”。在系统文件夹里你得一个个打开；在 Eagle 里你扫一眼缩略图就知道了。

不过要注意：Eagle 里的 PSD 是只读预览。要编辑它，你得用“在文件夹中显示”找到它的实际位置，用 Photoshop 打开。Eagle 的角色是帮你找到它和管理它，不是替代它。

其他类型

Eagle 支持的素材类型还包括插画、设计作品、摄影作品、包装设计、室内设计、概念艺术、动效设计、UI 设计稿、图标、字体、音频等。

音频格式在支持列表里。 音乐、音效素材同样能进 Eagle 管理。

配色信息：被忽略的免费功能

Eagle 在导入图片时会自动提取颜色信息。这一点在界面上体现为：有些视图或详情面板里，能看到素材的主色或者色板。

为什么这个功能有用？

场景一：找配色方案。 你要做一个“低饱和蓝调”的项目，Eagle 已经算好了每张图的颜色，你直接按这个维度找就行。

场景二：品牌色提取。 看到一张图的主色特别对，点进详情看它的色值，直接拿去用。这比打开 PS 用吸管工具快十倍。

场景三：视觉上的分组。 有些视图能按颜色排列素材，这相当于给了你一个完全不同于标签的分类维度。 一屏过去，五颜六色，一目了然。

预览性能的几点提醒

素材太多的时候，切换会变慢。 这是正常的——预览要实时解码和渲染，几万张素材的仓库确实吃不消。

应对方式：

1. 把超大素材单独放。 几个 GB 的视频和几十 MB 的高清图，不要和普通素材混在一个文件夹里。
2. 定期清理。 一星二星的、重复的、没用的，删掉。仓库的“信噪比”直接影响浏览体验。
3. 批量清理放在浏览的时候做。 你本来就要扫一遍，顺手把垃圾删了，两件事一起做了。

常见坑

坑一：还在用双击预览。 这是从文件夹系统带过来的习惯，但它是 Eagle 里最慢的操作方式。点一下就看，别双击。

坑二：开始浏览前没排序。 三百张图按默认顺序看，等于乱看。花两秒排序，收益十分钟。

坑三：只看，不动手标注。 “我一会儿再整理”是素材管理里最著名的一句话。在你正在看、正在判断的时候，就是标记的最佳时机。

小结

• 选中即预览，不用双击，这是 Eagle 浏览体验的地基
• 方向键走网格，边看边打标，把整理成本降到最低
• GIF 用内置 Player 播放，能看出动效节奏
• 字体用 Font Viewer 预览，不用装到系统里
• PSD 有缩略图可扫，但编辑要回设计软件
• 浏览前先排序，浏览中顺手标注

下一节是第四章的最后一节：把前面所有搜索和浏览的能力，压缩成你能在三秒内启动的定位动作。因为再好的能力，找不到入口等于没有。

整理人：WorkBuddy