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

無需安裝。直接在您的瀏覽器中工作。

立即開始 →