带有高分辨率照片的产品目录 PDF 在桌面显示器上看起来令人惊叹，但在手机上却令人窒息。通过蜂窝数据下载这个 80 兆字节的文件需要几分钟的时间，由于手机难以解压缩图像，页面呈现缓慢，读者在到达第三页之前就放弃了。将这种包含大量图像的目录转换为针对移动设备优化的版本可以保留视觉吸引力，同时提供可快速下载和平滑滚动的文件。
用于移动交付的PDF 压缩 需要比桌面查看压缩更激进的设置。移动设备的屏幕较小，观看距离较短，这意味着较低分辨率的图像也同样清晰。降采样至 150 DPI 的照片在 27 英寸显示器上看起来很柔和，但在 6 英寸手机屏幕上看起来很清晰。
了解移动设备观看限制
移动设备具有影响 PDF 设计的三个限制：较小的屏幕（通常对角线为 5 至 7 英寸）、处理能力低于台式计算机以及通常按流量计费的数据连接。针对移动设备优化的 PDF 遵守所有三个限制。
现代手机的屏幕分辨率很高，通常超过每英寸 400 像素。然而，物理屏幕尺寸意味着观看者将设备握得更近，对图像质量的感知也不同。 PDF 图像 分辨率可以降低至 150 DPI，而不会造成明显的质量损失，因为观看距离和屏幕尺寸的结合使更高分辨率变得难以察觉。
移动 PDF 查看器通常仅缓存当前页面和相邻页面以节省内存。包含 300 张高分辨率图像的 PDF 迫使查看者不断重新加载页面，从而产生缓慢的滚动体验。减少图像数量和分辨率可以直接提高滚动性能。
步骤 1：降低移动屏幕的图像分辨率
在预期的显示尺寸下将所有图像的采样降低至 150 DPI。对于产品图像在屏幕上显示大约 3 x 3 英寸的目录，这意味着每个图像有 450 x 450 像素。仅此一步即可节省 减小 PDF 大小，通常可达原始图像数据的 60% 到 80%。
对产品照片使用质量为 60 的 JPEG 压缩。在此质量级别下，在正常观看距离的移动屏幕上看不到压缩伪影。在一臂距离的 6 英寸屏幕上，人眼无法区分 JPEG 质量 60 和质量 90。
WukongPDF 提供基于浏览器的压缩和可配置的图像设置。移动优化工作流程可以在一次操作中处理目录并提供轻量级版本。
第 2 步：优化小屏幕的页面布局
最初的目录是为在桌面显示器上查看的 letter 或 A4 页面而设计的。在手机上，这些页面需要缩放和平移才能阅读。考虑将目录重新格式化为更小的页面尺寸，例如 6 x 9 英寸，这样更适合移动屏幕。
移动版本中的文本大小应相对于原始版本有所增加。印刷目录中常见的 9 点正文文本在手机上太小。将正文增加到 11 或 12 点。较大的文本占用更多空间，但无需缩放即可阅读。
在宽页面上工作的多列布局在窄屏幕上变成单列布局。如果目录无法重新格式化为单列，请确保 PDF 查看器的缩放至适合功能生成可读的单列视图。
第 3 步：简化触摸交互导航
添加适合手指点击的较大导航按钮。桌面 PDF 上 20 x 20 点的按钮在手机上变成了一个小目标。移动导航按钮的尺寸应至少为 44 x 44 点，以满足触摸辅助功能指南。
包括一个持久的目录按钮，使读者返回到产品类别索引。在移动设备上，读者比在桌面设备上更频繁地在各个部分之间跳转。轻松导航回索引可改善浏览体验。
使用内置 PDF 查看器和 Adobe Acrobat 等第三方查看器在 iOS 和 Android 设备上测试移动目录。平台和查看器之间的渲染性能和导航行为有所不同。
测试和分发
在分发移动版本之前，请将其与手机上的原始版本进行比较。检查图像质量、文本可读性和导航响应能力。移动版本在功能上应与原始版本相同，同时体积要小得多，速度要快得多。
分发带有清晰标签的两个版本：针对桌面用户的 Catalog_Full_Resolution.pdf 和针对移动用户的 Catalog_Mobile.pdf。包括根据所使用的设备推荐适当版本的注释。
决定是创建单独的移动 PDF 还是使用响应式 PDF 查看器取决于受众。单独的移动 PDF 可保证最佳体验，但需要维护两个文件。
移动数据连接并不总是很快或不受限制。针对移动设备优化的目录应在下载页面上包含文件大小指示器。
图像延迟加载是网页设计中的标准，但在 PDF 中不可用。所有图像从一开始就必须存在且可解码，这就是为什么积极的图像优化至关重要。
移动目录中图像的颜色配置文件应为 sRGB，以便在移动设备上保持一致的显示。 CMYK 图像在移动设备屏幕上可能会显示不正确的颜色。
应保留产品页面链接、电子邮件联系人和电话号码等交互元素。点击电话号码即可发起呼叫。
移动目录文件大小应在文件元数据和任何下载页面上明确传达。
对于通过移动应用程序分发的目录，可以使用预加载页面的自定义查看器嵌入 PDF。
在实际设备上定期测试移动目录可以揭示模拟器遗漏的性能问题。
移动目录应使用大多数受众使用的 PDF 查看器进行测试。
对于无法下载移动目录的用户来说，后备选项是逐步加载基于 Web 的目录。
应记录移动优化工作流程，以便可以针对每个新的目录版本重复该工作流程。
通过更密集地组合产品列表可以减少移动目录的页数。
移动目录应在 WiFi 和蜂窝连接上进行测试，以验证现实条件下可接受的下载时间。
某些移动 PDF 查看器中提供的渐进式加载技术可以显示前几页，同时继续下载文件的其余部分。
移动版本文件名应明确表明它针对手机进行了优化，以防止用户下载错误的版本。
移动目录中的产品图像可以更紧密地裁剪为产品，消除不必要的背景，这些背景会添加像素而不添加信息。
移动目录导航应支持垂直滚动而不是水平翻页，与自然的电话交互模式相匹配。
移动目录中的缩略图页面视图可帮助读者导航到特定产品，而无需按顺序滚动浏览每个页面。
移动 PDF 查看器中提供搜索功能后，读者可以立即按名称或类别查找产品。
移动目录应包含联系信息和全分辨率目录的链接，供想要更详细地查看产品的读者使用。
与代表性用户一起测试移动目录可提供自动化测试无法捕获的有关可读性、导航和整体体验的反馈。
压缩的移动目录 PDF 还适合作为附件嵌入到电子邮件通讯中，收件人可以直接在手机上打开。
移动目录代表了与桌面版本不同的阅读环境。移动阅读器通常会快速浏览、寻找特定产品，并且可能随时被中断。目录设计应该支持这种扫描行为。
移动目录 PDF 中的书签无需滚动即可快速导航至产品类别。为每个类别标题设置书签可为移动阅读器提供可从 PDF 查看器导航面板访问的目录。
对于不需要完全摄影色彩保真度的产品照片，图像的颜色深度可以从 24 位减少到 8 位索引颜色。这种减少在移动屏幕上通常是难以察觉的。
移动目录中的元数据应表明它是移动版本，以便文档管理系统和搜索工具将其与全分辨率桌面版本区分开来。
移动目录可以包括每个产品的直接购买链接，将目录从被动的浏览体验转变为主动的购物工具。
移动目录中的页面过渡应设置为淡入淡出或无，以最大限度地减少低功耗移动处理器上的渲染开销。
移动目录文件应在目标受众中最旧的受支持设备上进行测试，因为这代表最坏的性能情况。
移动目录中的字体嵌入可确保文本即使在未安装目录字体的设备上也能正确显示。
优化良好的移动目录的大小可以是桌面版本的十分之一，同时在手机屏幕上保持视觉上可接受的效果。
移动目录优化过程应作为分发前的最后一步，在所有内容更新完成后完成。
| 优化设置 | 桌面版 | 移动版 | 储蓄 |
|---|---|---|---|
| 图像分辨率 | 300 分辨率 | 150 分辨率 | 60-80% 的图像数据 |
| JPEG 质量 | 90-100 | 60-70 | 额外 30-50% |
| 页面尺寸 | 信纸/A4 | 6x9 英寸或更小 | 更适合小屏幕 |
| 字体大小（正文） | 9-10分 | 11-12分 | 无需缩放即可阅读 |
| 导航按钮 | 标准尺寸 | 最小 44x44 磅 | 触摸友好的目标 |