Tips & Tricks

如何添加浮动导航按钮以跟随读者浏览长 PDF

200 页的参考手册需要一种方法,让读者能够从任何页面返回到目录,而无需向后滚动。导航按钮浮动在每个页面的角落,无论滚动位置如何始终可见,提供对目录、索引或下一章的一键访问。读者永远不必搜索导航。它跟随他们阅读文档。

PDF 导航按钮是具有关联操作的按钮表单字段。该按钮可以配置为出现在每个页面上、保持固定位置并在单击时执行导航操作。该按钮是 PDF 页面内容的一部分,并随文档一起传送到任何支持交互式表单元素的 PDF 阅读器。

How to Add a Floating Navigation Button That Follows the Reader Through a Long PDF

创建导航按钮表单字段

在具有表单创建工具的 PDF 编辑器中,将按钮字段添加到第一页。将按钮放置在您希望其出现的位置,通常是右下角,可以访问但不会造成干扰。将按钮设计得足够大,以便可以舒适地单击或点击,至少半英寸见方。

配置按钮操作以执行导航命令。最常见的操作是转到页面视图,它导航到特定页面和缩放级别。将目标设置为适合页面缩放时的目录页面。其他按钮可以导航到下一章或索引。

一个位置恰当的按钮可以让读者免于无休止的滚动。

使用标签、图标或两者来设计按钮的样式。标有 TOC 的按钮清楚地传达了其用途。箭头图标表示导航。图标和工具提示的组合(当用户将鼠标悬停在按钮上时出现的文本)提供了最清晰的指导。

WukongPDF

尝试编辑 PDF

无需安装。直接在您的浏览器中工作。

立即开始 →

在所有页面上复制按钮

在第一页上创建按钮后,将其复制到所有页面。大多数 PDF 编辑器都包含跨页复制或复制到多页功能。选择按钮,选择目标页面、所有页面或范围,然后编辑器将按钮的副本放置在每个选定页面上的相同位置。

每个按钮副本都是一个具有相同属性和操作的单独字段。编辑一页上的按钮属性不会自动更新其他页面上的副本。如果您需要更改按钮操作或外观,则必须更新每个副本或删除所有副本并再次复制更新的按钮。

WukongPDF 提供PDF 链接 并通过浏览器进行表单编辑。导航元素可以添加到 PDF 页面并配置目标操作。基于浏览器的编辑在编辑期间将文档保留在您的设备上。

测试和优化按钮位置

在不同的屏幕尺寸和设备上测试导航按钮。位于信件页面右下角的按钮在纵向手机上可能会在屏幕外。在读者可能使用的最小和最大屏幕上进行测试。

将按钮配置为不打印。该按钮对于屏幕导航很有用,但会使打印页面变得混乱。在按钮属性中,将可见性设置为“可见但不打印”。该按钮出现在屏幕上,并在打印文档时隐藏。

对于以表单或应用程序形式分发的交互式 PDF文档,导航按钮可减少浏览文档所需的工作量,从而改善用户体验。精心设计的导航系统使多页 PDF 感觉像是一个有凝聚力的应用程序,而不是一堆互不相连的页面。

导航按钮可以触发简单页面导航之外的操作。按钮可以打开 Web 链接、播放声音、提交表单数据或执行 JavaScript 操作。每个页面上的“帮助”按钮可打开支持网站,在整个文档中提供上下文帮助。

按钮可见性可以通过 PDF 查看器缩放级别进行控制。配置为仅在 150% 缩放以上显示的按钮在正常阅读期间隐藏,并在读者放大检查细节时出现,在最需要的时刻提供导航。

对于触摸屏设备,按钮大小必须适合手指点击。最小按钮尺寸为 44 x 44 点(约 0.6 英寸),符合触摸目标的辅助功能指南。较大的按钮更容易准确点击。

按钮工具提示提供上下文,帮助读者决定是否单击。阅读工具提示“返回目录(第 3 页)”比阅读“目录”提供更多信息。额外的单词不需要任何成本,并且可以提高可用性。

导航按钮可以组织到具有多个按钮的按钮栏中:上一节、目录、下一节和索引。按钮栏提供从任何页面的全面导航。

将导航按钮添加到通过文字处理程序创建的文档时,请在最终导出后在 PDF 编辑器中添加按钮,而不是在文字处理程序中添加按钮。文字处理程序页面重排可以在导出期间移动按钮位置。

使用屏幕阅读器测试导航按钮以验证可访问性。屏幕阅读器应读出按钮标签和操作。没有可访问标签的按钮对于屏幕阅读器用户来说是不可见的。

对于通过网络浏览器分发的 PDF,浏览器内置 PDF 查看器可能不支持按钮操作。在第一页上添加注释,说明文档导航按钮在 Adobe Acrobat 或专用 PDF 查看器中效果最佳。

按钮的外观应与页面内容形成对比,以便读者可以轻松找到它。具有彩色背景和白色文本或图标的按钮在典型的黑白文档页面中脱颖而出。

文档最终确定后,锁定按钮属性以防止意外修改。如果不先解锁,则无法移动锁定的按钮、调整其大小或重新配置它。

导航按钮可以包括标准图标字体或自定义 SVG 图形中的图标。箭头图标通常被理解为导航元素。房子图标表示主页或目录。

按钮选项卡顺序应将导航按钮放置在选项卡序列中主要内容之后。使用键盘导航的读者首先到达内容,最后到达导航按钮,遵循自然阅读顺序。

高级导航按钮技术

导航按钮可以与文档 JavaScript 结合起来创建更复杂的导航行为,例如返回到上次查看的页面,这需要跟踪导航历史记录。此功能模仿网络浏览器中的后退按钮。

为了符合辅助功能要求,导航按钮必须具有屏幕阅读器可以宣布的替代文本描述。按钮工具提示用作替代文本。每个导航按钮都应该有一个描述性的工具提示。

导航按钮的视觉设计应与文档设计语言一致。与文档配色方案和版式相匹配的按钮看起来是有意为之的。与文档设计冲突的按钮看起来像是事后才添加的。

长 PDF 的每一页上出现的导航按钮将阅读体验从线性滚动转变为交互式探索,读者可以在各部分之间自由移动,而不会丢失位置或搜索导航控件。

PDF 中精心设计的导航按钮可提供始终可用的一致、可预测的导航控件,无需读者滚动或搜索即可减少读者的认知负担。

在 PDF 中添加导航按钮所花费的几分钟时间会为每个使用该文档的读者带来回报,这对于拥有大量或经常阅读的文档来说是一项高回报的投资。

向 PDF 添加持久导航元素可将其从静态文档提升为尊重读者时间和注意力的交互式阅读体验。

导航按钮将线性 PDF 阅读体验转变为交互式文档探索,读者可以使用始终触手可及的一致控件在各个部分之间自由移动。

向长 PDF 添加导航按钮所需的工作集中在初始设置中,而好处则延伸到在文档整个使用寿命期间使用该文档的每个读者。

精心设计的导航控件可以减少浏览长文档所需的认知工作,使读者能够将注意力集中在内容上,而不是导航机制上。

导航按钮的可见性和位置应在文档受众最有可能使用的设备和屏幕尺寸上进行测试,确保按钮在整个查看环境中保持可访问性和功能性。

对于读者反复查阅而不是按顺序阅读的参考文档,持久导航按钮可以立即访问经常引用的部分,而无需滚动或搜索。

添加导航按钮将 PDF 从被动文档提升为主动阅读工具,尊重读者的时间并提供高效信息访问所需的控件。

文档每一页上始终存在的浮动导航按钮让读者有信心自由探索,因为他们知道他们可以立即返回到任何关键部分,而不会丢失位置或中断阅读流程。

精心设计的导航系统使多页 PDF 感觉像是一个有凝聚力的应用程序,而不是一堆互不相连的页面,从而改善了阅读体验和文档的感知质量。

导航按钮是向 PDF 添加专业交互性的最简单方法之一,无需高级编程或专门的设计技能。

按钮属性推荐设置注释
行动转到页面视图导航至目录、索引或章节开头
位置右下角无需阻止内容即可访问
尺寸最小 44x44 点符合触摸目标可访问性准则
能见度可见但不打印仅屏幕;干净的打印输出
工具提示描述性动作文本示例:返回目录(第 3 页)
WukongPDF

尝试编辑 PDF

无需安装。直接在您的浏览器中工作。

立即开始 →