建立按鈕

若將文件轉存為固定版面的 EPUB、PDF 或 SWF 格式,您可以建立可執行動作的按鈕。例如,您可以建立跳到不同頁面或開啟網站的按鈕。

設定為在轉存的 PDF 中播放影片的按鈕

建立按鈕後,您就能執行下列作業:

  • 使用「按鈕」面板讓按鈕互動。當使用者按一下轉存固定版面的 EPUB、PDF 或 SWF 檔案中的按鈕時,就會執行動作。請參閱使按鈕互動

  • 使用「按鈕」面板的「外觀」區段可定義按鈕為了回應某些滑鼠動作所採用的外觀。請參閱變更滑鼠指向效果和按下滑鼠時的按鈕外觀

  • 使用「物件狀態」面板來建立多狀態物件。請參閱建立多狀態物件

  • 建立「作用點」或「作用連結」效果,當按下按鈕或滑鼠移入按鈕時可顯示影像。請參閱建立按鈕作用點

註解:

處理按鈕及設計動態文件時,請選取互動性工作區。

建立按鈕

  1. 使用「鋼筆工具」工具或繪圖工具 (如「矩形」工具或「橢圓」工具) 來繪製按鈕形狀。必要時,請使用「文字」工具將文字加到按鈕中,例如「下一步」或「購買」。

    註解:

    如果您要建立可在多個頁面上顯示的導覽按鈕 (例如「下一頁」或「上一頁」),請將它們加到主版頁面,如此就不必在每一個文件頁面上重新建立按鈕。這些按鈕會出現在套用主版頁面的所有文件頁面上。

  2. 使用「選取」工具 選取您想轉換的影像、形狀或文字框。

    影片、聲音或海報無法轉換為按鈕。

  3. 在「按鈕」面板 (選擇「視窗 > 互動 > 按鈕」) 中按一下「將物件轉換為按鈕」圖示 。或選擇「物件 > 互動 > 轉換為按鈕」。
  4. 在「按鈕」面板中,執行下列任一項作業:
    • 在「名稱」文字框中指定此按鈕的名稱,以便與您所建立的其他按鈕做區別。
    • 為此按鈕指定一或多個動作,以決定在轉存固定版面的 EPUB、PDF 或 SWF 檔案中按下此按鈕時會執行哪些動作。請參閱使按鈕互動
  5. 將文件轉存為互動固定版面 EPUB、PDF 或 SWF 前,先使用「預視」面板 (「視窗」>「互動」>「EPUB 互動性預視 / SWF 預視」) 測試按鈕。

從樣本按鈕面板新增按鈕

「樣本按鈕」面板包含一些預先建立的按鈕,您可以將這些按鈕拖移到文件中。這些樣本按鈕包含類似漸層羽化和陰影的效果,其外觀與「滑鼠指向效果」外觀稍微有些不同。樣本按鈕也是指定的動作。例如,箭頭樣本按鈕有預設「跳至下一頁」或「跳至上一頁」動作。您可以編輯這些按鈕來符合您的需要。

「樣本按鈕」面板是物件庫。如果是任何物件庫,您都可以將按鈕加到此面板,並移除您不想使用的按鈕 (請參閱使用物件庫。)樣本按鈕會儲存在 ButtonLibrary.indl 檔案中,這個檔案位於 InDesign 應用程式檔案夾的「預設集/按鈕庫」檔案夾中。

  1. 從「按鈕」面板選單中選擇「樣本按鈕」,開啟「樣本按鈕」面板。
  2. 從「樣本按鈕」面板將按鈕拖移到文件中。如果您要導覽按鈕出現在每一頁,請將按鈕加到主版頁面。
  3. 使用「選取」工具選取此按鈕,然後視需要使用「按鈕」面板編輯此按鈕。

在編輯樣本按鈕時,請牢記以下事項:

  • 如果您將文字加到按鈕中,請記得要從「正常」按鈕狀態將文字拷貝並貼到「滑鼠指向效果」按鈕狀態。否則,當您在固定版面 EPUB、PDF 或 SWF 檔案中將滑鼠移至按鈕上時,所加入的文字並不會出現。

  • 您可以調整按鈕的大小。如果您拖移一對「下一頁/上一頁」箭頭按鈕,請調整第一個按鈕的大小,然後選取第二個按鈕,並選擇「物件 > 再次變形 > 再次變形」。

註解:

使用「預視」面板測試按鈕。

將按鈕轉換為物件

當您將按鈕轉換為物件時,此按鈕的內容依然會在頁面上,但是不包含按鈕屬性。與按鈕的其他狀態相關的所有內容也會一併移除。

  1. 使用「選取」工具 選取按鈕。
  2. 請選擇「物件 > 互動 > 轉換為物件」。

使按鈕互動

您可以在 InDesign 內建立、編輯並管理互動效果。將文件轉存為固定版面 EPUB、PDF 或 SWF 之後,這些互動式動作就可啟用。

例如,假設您想要建立會在 PDF 文件中播放聲音的按鈕。您可以在 InDesign 文件中置入聲音檔案,接著建立按鈕,在 PDF 文件中按一下此按鈕就會播放聲音。

在此範例中,按一下滑鼠按鈕就是「事件」,而播放聲音就是「動作」。

這個按鈕設定為放開滑鼠按鈕時播放聲音。

註解:

有些動作在 PDF 和 SWF/EPUB 兩種檔案中都可支援,但有些動作只有 PDF 或 SWF/EPUB 其中一種檔案支援。選擇動作時,如果要轉存為 SWF 或固定版面 EPUB,請避免選擇只支援 PDF 的動作。同樣地,若要轉存為 PDF,也請避免選擇只支援 SWF/EPUB 的動作。

將動作加到按鈕中

您可以為不同的事件指定動作。例如在轉存的 PDF 檔案中,您可以指定當滑鼠指標進入按鈕區域時播放聲音,並指定按一下及放開滑鼠按鈕時播放影片。您也可以為相同的事件指定多個動作。例如,您可以建立一個動作,用來播放影片並將檢視縮放設定為「實際大小」。

  1. 使用「選取」工具 選取您所建立的按鈕。
  2. 在「按鈕」面板中,選擇可決定要如何啟用動作的事件 (例如「放開滑鼠」)。
  3. 按一下「動作」旁邊的加號按鈕 ,並選擇要指定給此事件的動作。
  4. 指定此動作的設定。

    例如,如果您選擇「跳至第一頁」,請指定縮放。如果您選擇「跳至 URL」,請指定網址。某些動作 (例如「跳至下一個檢視」) 並沒有其他設定。

  5. 必要時,請視需要繼續盡量將動作加入任何事件中。

註解:

若要測試按鈕,請將文件轉存為固定版面 EPUB、PDF 或 SWF,然後檢視轉存的檔案。如果您要轉存為 PDF,請確定已選取「互動元素」選項。如果您要轉存為 SWF,請確定已選取「包含按鈕」。

事件類型

事件可決定將文件轉存為 EPUB、PDF 或 SWF 後,要如何啟用按鈕的動作。(在 Acrobat 中,事件稱為觸發器)。

放開滑鼠

按一下滑鼠後放開滑鼠按鈕。這是最常使用的事件,因為它能讓使用者有最後一次機會將游標拖離按鈕,而不啟用動作。

按下滑鼠

按一下滑鼠按鈕時 (不放開)。除非您有特別的理由使用「按下滑鼠」,否則會優先使用「放開滑鼠」,好讓使用者有機會取消動作。

滑鼠移入

滑鼠指標進入按鈕的邊界方框所定義的按鈕區域時。

滑鼠移開

滑鼠指標離開按鈕區域時。

獲得焦點

當 PDF 檔案中的按鈕獲得焦點時,不論是透過滑鼠動作還是按下 Tab 鍵。

失去焦點

當焦點移動到 PDF 檔案中其他的按鈕或表單欄位時。

動作類型

建立動作時,您要指示發生指定的事件 (通常是某個人按下按鈕) 時所執行的動作。您可以指定啟用此事件類型時發生以下動作:

跳至目的地

使用「書籤」或「超連結」面板,跳到指定已建立的文字錨點。請參閱建立跳至文字錨點的動作

跳至第一頁/最後一頁/下一頁/上一頁

跳至固定版面 EPUB、PDF 或 SWF 檔案的第一頁、最後一頁、上一頁或下一頁。從「縮放」選單中選取選項,決定頁面如何顯示。

前往 URL

開啟指定的 URL 網頁。

顯示/隱藏按鈕

在轉存的固定版面 EPUB、PDF 或 SWF 檔案中切換顯示或隱藏指定按鈕。例如,若要一個按鈕在滑鼠滑過另一個按鈕時顯示,您可以隱藏目標按鈕直到被觸發,並建立一個動作在滑鼠指向效果時顯示隱藏的按鈕。請參閱在滑鼠指向效果上顯示不同的按鈕

影片

讓您播放、暫停、停止或繼續選取的影片。只有新增到文件中的影片才會出現在「影片」選單上。

聲音

讓您播放、暫停、停止或繼續選取的聲音剪輯。只有增加到文件中的聲音才會出現在「聲音」選單上。

動畫 (SWF/EPUB)

讓您播放、暫停、停止或繼續選取的動畫。只有新增到文件中的動畫才會出現在「動畫」選單上。

跳至頁面 (SWF/EPUB)

跳至您在 SWF 檔案中指定的頁面。

跳至狀態 (SWF/EPUB)

在多狀態物件中跳至特定的狀態。例如,如果多狀態物件包含數個不同的影像作為狀態,您可以使用這個動作顯示特定影像。

跳至下一個/上一個狀態 (SWF/EPUB)

在多狀態物件中跳至下一個或上一個狀態。這些選項在幻燈片中按一下滑鼠時,特別有用。請參閱建立多狀態物件

跳至下一個檢視 (PDF)

跳至前一個檢視之後,跳至後續檢視的頁面。與網頁瀏覽器的「向前」按鈕的作用相同,按一下「上一步」按鈕之後才可用此按鈕,只有在使用者跳至上一個檢視之後,這個選項才可用。

跳至上一個檢視 (PDF)

跳至 PDF 文件中最近檢視的頁面,或回到上一次使用的縮放大小。

開啟檔案 (PDF)

啟動並開啟您指定的檔案。如果您指定不是 PDF 的檔案,使用者就需要原始的應用程式才能成功開啟。指定絕對路徑名稱 (例如 C:\docs\sample.pdf)。

檢視縮放 (PDF)

根據您指定的縮放選項顯示頁面。您可以變更頁面縮放顯示層級 (例如「實際大小」)、頁面佈局 (例如「連續 - 對頁」),或是旋轉方向。

編輯或刪除按鈕動作

  1. 使用「選取」工具 選取按鈕。
  2. 在「按鈕」面板中,執行下列任一項作業:
    • 如果要停用動作,請取消選取項目旁的核取方塊。停用事件與動作在測試用途方面相當實用。
    • 若要變更順序,請拖放動作。
    • 若要刪除動作,請在清單框中選取此動作,然後按一下「刪除選取的動作」按鈕
    • 若要編輯動作,請選擇要將此動作指定給哪一個事件,並在清單框中選取此動作,然後變更設定。如果您需要取代現有事件的動作,請刪除此動作,然後將新的動作加入事件中。

建立跳至文字錨點的動作

如果您在 InDesign 文件中建立文字錨點,就可以使按鈕跳至該錨點,即使該錨點位於其他 InDesign 文件內亦可。使用「書籤」面板與「超連結」面板新增文字錨點。無法建立從按鈕跳至書籤 (不是文字錨點) 的動作。

註解:

如果您設定某個按鈕的超連結目的地,此超連結在轉存的固定版面 EPUB、PDF 或 SWF 文件中將沒有任何作用。

  1. 使用「選取」工具 選取按鈕。
  2. 在「按鈕」面板中,選擇將會觸發跳至動作的事件,例如「放開滑鼠」。
  3. 按一下「動作」旁邊的加號按鈕,並選擇「跳至目的地」。
  4. 從「文件」選單中選取其中一個開啟的 InDesign 文件,或是按一下選單右邊的檔案夾圖示,並指定檔案。
  5. 指定使用「書籤」面板或「超連結」面板建立的錨點。
  6. 從「縮放」選單中選取選項,決定頁面如何顯示。

註解:

如果您指定不同文件內的錨點,請記得轉存目標文件為 PDF,並使用與 InDesign 文件相同的檔名,用 PDF 取代原本的 INDD 副檔名。同時在相同檔案夾內儲存 PDF 文件,確定連結在 Acrobat 和 Reader 內仍然有效。

變更滑鼠指向效果和按下滑鼠時的按鈕外觀

按鈕是由一組個別物件所組成,每一個物件都代表一個按鈕外觀 (有時稱為「狀態」)。每個按鈕最多可擁有三種外觀:正常、滑鼠指向效果和按下滑鼠。在轉存的檔案中,除非是在滑鼠指標移進區域 (「滑鼠指向效果」) 或是在按鈕區域上按下滑鼠按鈕 (「按下滑鼠」) 的情況下,否則一律使用「正常」外觀。您可以讓使用者看到所建立各個不同的外觀。

依預設,您建立的任何按鈕都會以含有按鈕文字或影像的「正常」外觀來定義。當您啟用新的外觀時,便會拷貝「正常」外觀。若要區分某個外觀與其他外觀,您可以變更色彩或是新增文字或影像。

按鈕狀態

A. 指標不在按鈕區域上方 (正常) B. 指標在按鈕區域 (滑鼠指向效果) C. 按下指標 (按一下) 

註解:

按鈕的可點選區域 (或作用點) 是按鈕中最大狀態的正方形週框方塊。例如,圓形按鈕具有正方形的作用點。

變更按鈕外觀

如果您要建立有多重外觀的按鈕 (正常、滑鼠指向效果和按下滑鼠),最好是在您啟動其他外觀之前,先完成按鈕的設計。當啟動「滑鼠指向效果」或「按下滑鼠」外觀時,便會拷貝「正常」外觀。

某些變更只會影響選取的外觀,但其他變更則會影響所有使用中的外觀。如果您選取某個外觀並套用不同的背景顏色或編輯文字,則變更只會影響選取的外觀。如果您使用「選取」工具移動按鈕或調整按鈕大小,這項變更就會影響所有外觀。

  1. 選擇「視窗 > 互動 > 按鈕」顯示「按鈕」面板。
  2. 使用「選取」工具 在版面中選取您要編輯的按鈕。
  3. 按一下「[滑鼠指向效果]」啟用「滑鼠指向效果」外觀。

    將「正常」外觀拷貝到「滑鼠指向效果」。

  4. 仍選取「滑鼠指向效果」時,變更按鈕的外觀。
    • 若要變更顏色,請從「控制」面板的「線條」或「填色」選單中選擇色票。
    • 如果要在外觀中置入影像,請使用「直接選取」工具選取現有的影像,或按兩下現有的按鈕影像,然後選擇「檔案」>「置入」,再按兩下檔案。
    • 若要將影像貼入文字框,請先拷貝至「剪貼簿」中,然後在「按鈕」面板中選取該外觀,再選擇「編輯 > 貼入範圍內」。
    • 若要輸入文字,請選取「文字」工具,然後按一下按鈕,再輸入文字。您也可以選擇「編輯 > 貼入範圍內」,拷貝貼上的文字框。
  5. 若要新增「按下滑鼠」外觀,請按一下「[按下滑鼠]」來加以啟用,然後遵循相同的程序來變更其外觀。
  6. 使用「預視」面板測試其他按鈕外觀。

註解:

若要在「按鈕」面板中變更「狀態外觀」縮圖的大小,請從「按鈕」面板選單中選擇「面板選項」,然後選取選項,再按一下「確定」。

刪除及關閉外觀

  1. 在「按鈕」面板中選取外觀。
  2. 執行下列任一項作業:
    • 若要刪除「滑鼠指向效果」或「按下滑鼠」外觀,請按一下面板底部的「刪除」圖示。如果您要廣泛地編輯「正常」外觀,而且決定要讓「滑鼠指向效果」或「按下滑鼠」根據新的「正常」外觀時,刪除外觀會特別有用。
    • 若要關閉但不刪除外觀,請按一下外觀旁的「眼睛」圖示取消選取。關閉的狀態不會轉存至固定版面 EPUB、PDF 或 SWF 檔案。

註解:

您無法刪除或關閉「正常」狀態。

建立多狀態物件

「物件狀態」面板可讓您建立物件的多個版本。狀態是頁面項目的版本。包含多個狀態的物件稱為多狀態物件

使用「物件狀態」面板,您便可以對物件建立不限數目的狀態。每次建立狀態時,都會產生頁面項目的另一個版本。一次只會在頁面中顯示一個狀態。對於列印和 PDF 輸出,只有作用中狀態會顯示在最終輸出中。

建立多狀態物件幻燈片播放

多狀態物件其中一個最常見的用法是幻燈片播放,它可讓 SWF 檔案的使用者按一下便可瀏覽一組影像。例如,您可以建立一張 20 個影像的幻燈片播放,而不必將影像置入 20 個不同的頁面。

  1. 將要顯示的影像置入幻燈片播放。

    為了取得最佳結果,請確保影像框的大小都相同。

    狀態不一定要是單一項目,也可以是一些項目的集合。

  2. 若要堆疊影像,請選取這些影像,然後按一下「控制」面板中的「對齊水平置中」 和「對齊垂直置中」

  3. 在保持選取這些影像的同時,開啟「狀態」面板 (視窗 > 互動 > 物件狀態),然後按一下「將選取範圍轉換為多狀態物件」按鈕 

    影像會顯示為「物件狀態」面板中的狀態,而且選取的影像會加上虛線框架邊界。

  4. 放開滑鼠按鈕時,建立觸發「跳至下一個狀態」和「跳至上一個狀態」動作的導覽按鈕。請參閱建立按鈕

  5. 使用「預視」面板 (「視窗」>「互動」>「EPUB 互動性預視 / SWF 預視」) 來測試導覽按鈕。

  6. 將文件轉存為 SWF 格式。請參閱互動式文件

編輯多狀態物件

  1. 選取多狀態物件。

  2. 在「物件狀態」面板中,執行下列任一項作業:

    • 若要編輯狀態,請在「物件狀態」面板中選擇狀態,然後編輯物件。例如,您可以新增線條或填色,也可以調整物件的大小。

    • 若要將物件新增到現有狀態,請同時選取物件和多狀態物件,然後按一下「將物件新增至可見狀態」按鈕 

    • 若要將物件新增至現有的多狀態物件,請同時選取物件和多狀態物件,然後按一下「將選取範圍轉換為多狀態物件」按鈕 

    • 若要複製狀態,請選取新狀態要依據的狀態,然後從面板選單中選擇「新增狀態」。新增、移除或編輯該狀態的內容。

    • 若要將物件貼入現有狀態,請剪下或拷貝一或多個物件,選取多狀態物件,然後在「物件狀態」面板中選取狀態,再從「物件狀態」面板選單中選擇「貼入狀態」。

    • 若要將多狀態物件轉換回一組獨立的物件,請在「物件狀態」面板中選取狀態,然後從面板選單中選擇「釋放物件的狀態」。若要將多狀態物件中的所有狀態轉換為物件,請選擇「釋放物件的所有狀態」。

    • 若要刪除狀態並移除其內容,請選取狀態,然後從面板選單中選擇「刪除狀態」。

    • 若要在轉存的檔案中隱藏多狀態物件直到由按鈕觸發,請從面板選單中選擇「在觸發前隱藏」。

    • 若要將文件中所有多狀態物件重設為第一個狀態,請從面板選單中選擇「將所有多狀態物件重設為第一個狀態」。當您選取某個狀態時,即使您關閉並重新開啟該文件,該物件仍會保留為該狀態。此選項是重設所有多狀態物件的快速方式。

建立按鈕作用點

在某些狀況下,您可能會希望按鈕區域 (稱為「作用點」或「作用連結」) 不要顯示,直到滑鼠指標停留在按鈕上。例如,當您將滑鼠指標移到地圖上的某個按鈕上方時,可能會有代表某區域的影像顯示,而指標從該區域移開後,影像就可能會消失。

在轉存的 PDF 檔案中,在作用點上方按住滑鼠指標可以使影像出現。

在滑鼠指向效果上顯示隱藏的影像

達成「作用點」效果的其中一個方式,就是在「按鈕」面板內將影像套用至「滑鼠指向效果」狀態。若要這樣做,請建立按鈕使「滑鼠指向效果」狀態顯示影像,而「正常」狀態不會顯示此影像。

  1. 選取您要作為作用點的影像。請確認影像的框架上沒有邊界或背景。

  2. 在「按鈕」面板 (選擇「視窗 > 互動 > 按鈕」) 中,按一下「正常」外觀,將選取的影像轉換為按鈕。

  3. 在「按鈕」面板中按一下「滑鼠指向效果」外觀加以啟動。

  4. 再按一下「正常」外觀。然後使用「直接選取」工具 選取影像,並刪除此影像。

    請確認刪除的是影像 (框架的內容),而不是框架和內容。刪除框架就會刪除整個按鈕。

  5. 使用「預視」面板來預視作用點的效果。

在滑鼠指向效果上顯示不同的按鈕

您可以建立作用點,讓按下滑鼠或滑鼠滑過物件時顯示另一物件。若要這樣做,請建立二個按鈕,隱藏其中一個按鈕,並使用「顯示/隱藏按鈕」動作來顯示和隱藏目標按鈕。

  1. 建立物件以作為來源按鈕。在「按鈕」面板中,按一下「將物件轉換為按鈕」圖示。
  2. 將要作為目標按鈕的影像置入,並將此影像轉換為按鈕。
  3. 選取目標影像,並在「按鈕」面板底部選取「在觸發前隱藏」。

    在已轉存的文件中必須隱藏影像,以便此影像在滑鼠滑過或按下來源按鈕時可以顯示。

  4. 選取來源按鈕,並建立二個不同的動作,一個是顯示目標影像,另一個是隱藏目標影像。

    如果您要讓顯像在滑鼠停留在來源按鈕時顯示,請使用「滑鼠移入」和「滑鼠移開」事件。如果您要讓影像在按下來源按鈕時顯示,在放開按鈕時消失,請使用「按一下滑鼠」和「放開滑鼠」事件。在任一情況下,使用「顯示/隱藏按鈕」動作都可顯示和隱藏目標按鈕。請參閱使按鈕互動

  5. 使用「預視」面板測試按鈕。

變更按鈕的 PDF 選項

  1. 使用「選取」工具 選取按鈕。
  2. 從「按鈕」面板選單中選擇「PDF 選項」。
  3. 為視力不佳的使用者輸入可以作為替代文字的描述。
  4. 指出按鈕是否應該列印在 PDF 檔案中,然後按一下「確定」。

設定按鈕跳位順序

跳位順序會決定當使用者在 PDF 或 SWF 文件中按下 Tab 鍵 (或 Shift+Tab) 時,下一個 (或上一個) 要獲得焦點的欄位。跳位順序包含隱藏圖層內的按鈕,但不包含主版頁面的按鈕。

  1. 跳至包含按鈕的頁面。
  2. 選擇「物件 > 互動 > 設定跳位順序」。
  3. 選取您要移動的各個按鈕,並拖曳至新位置,或是按一下「上移」或「下移」按鈕。當您完成時,按一下「確定」。

如果您使用 Acrobat 編輯 PDF 並在頁面上新增更多按鈕或表格欄位,您可能需要在 Acrobat 中指定新的跳位順序。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策