閱讀本文以瞭解如何在 Adobe Muse 中新增、設定以及修改圖層。

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

使用 Muse 中的圖層面板

Muse 內含圖層面板,可供您用來建構頁面元素與規劃網站設計。在本文中,您將瞭解圖層面板的功能並找出讓專案更易於更新的策略。

瞭解圖層

依照預設,Muse 網站的各頁面均至少包含一個已命名圖層。透過使用多個圖層,您可以建立和編輯頁面的特定區域或某些類型的內容,而不影響其他區域或不小心變更其他內容。例如,您可以使用圖層,在同一個網頁設計中顯示主要頁面內容和邊列資訊。或者,您也可以將極少更新的內容置於一個圖層,並將經常更新的內容置於相同頁面的其他圖層。

將圖層想像成相互堆疊的透明紙張。如果圖層上沒有物件,您便可以透過該圖層看到存在於後方圖層上的所有物件。

請檢閱「圖層」面板並花一些時間瞭解堆疊順序的運作方式。

Adobe Muse 中的「圖層」面板
Adobe Muse 中的「圖層」面板。

在上述範例中,「圖層 1」具有顯示 1 的文字欄位,「圖層 2」具有顯示 2 的文字欄位,「圖層 3」具有顯示 3 的文字欄位。

置於「圖層 3」(最上層) 上的任何元素將會出現在「圖層 2」和「圖層 1」的元素上方。這類似您選取物件並選擇「排列 > 移至最前」時所顯示的堆疊順序。除非您將元素置於特定圖層,否則元素會以可供您控制元素群組堆疊順序的方式組織。

如果要變更堆疊順序,您可以選取圖層並加以拖移,以圖層面板的順序重新放置。在此範例中,「圖層 1」已拖移到「圖層」面板的最上層,且「圖層 3」已重新放置於堆疊的底部。

在 Adobe Muse 中重新排列圖層
重新排列圖層的順序以變更位於最上層的元素。

各圖層可能包含多個元素,各圖層中的元素堆疊順序則代表項目是顯示於頁面上其他項目的上方或下方。

圖層可讓您以極輕鬆的方式控制 Muse 網站專案的頁面元素排列。

在 Muse 網站中使用圖層

即使您先前已在其他工具 (例如影像編輯器) 中使用過「圖層」面板,也請務必瞭解圖層在 Muse 中的運作方式:

展開與收合圖層:各圖層在圖層名稱的左邊有一個三角形。收合時,您可以按一下三角形以展開圖層的內容,然後查看作用中頁面的物件清單及物件在該圖層上的堆疊順序。此外,群組、Widget 及特定 Widget 組件也有三角形可供點選以展開組合,以便顯示其中包含的物件。您可以重新排列、鎖定及解除鎖定這些物件,以及從群組加以新增或移除。不包含目前頁面物件的圖層不會顯示三角形,因為圖層已展開。

主版頁面上的物件會顯示在各圖層的底部。如果主版頁面物件置於更高圖層,主版項目可顯示在文件頁面物件前方,但根據預設,它們位於堆疊順序的底部。

圖層會關聯到網站的所有頁面,包括主版。例如,如果您在編輯文件首頁時隱藏「圖層 1」,「圖層 1」的內容會隱藏於所有頁面,直到您選擇再次顯示。

檢閱圖層面板

圖層面板功能非常強大且包含許多實用的功能,可協助您更有效率地工作。請花一些時間熟悉以下重要功能:

  • 建立新圖層
  • 設定圖層選項
  • 新增物件至圖層
  • 選取、移動與拷貝圖層上的物件
  • 將物件貼至不同的圖層
  • 複製圖層
  • 變更圖層的順序
  • 顯示或隱藏圖層與物件
  • 鎖定或解除鎖定圖層
  • 刪除圖層
  • 合併文件中的圖層

這些功能在以下各章節有更詳細的描述。以下標示出「圖層」面板的關鍵元素。

「圖層」面板中列舉的功能。
「圖層」面板中列舉的功能。

A. 目標圖層 B. 刪除圖層 C. 新增圖層 D. 搜尋 E. 圖層相關說明 F. 鎖定的圖層 G. 隱藏的圖層 H. 可見的圖層 

建立新圖層

您隨時都可以按一下圖層面板底部的「新增圖層」按鈕新增圖層。文件中的圖層數目僅受限於 Muse 可用的 RAM 數量。您所建立的新圖層將一律顯示在圖層面板的頂端,但您可以拖移圖層以重新放置。

請依照下列步驟建立新的圖層:

  1. 按一下「圖層」索引標籤以將「圖層」面板設為作用中,或是選擇「視窗 > 圖層」開啟「圖層」面板 (如果「圖層」已關閉)。
  2. 按一下「圖層」面板底部的「新增圖層」按鈕。

注意:如果您想建立新的圖層,並開啟「圖層選項」對話框,請於按一下「新增圖層」按鈕的同時按下「Alt/Option」。

設定圖層選項

您可以在圖層面板中更新圖層的屬性,藉以變更該圖層相關的顏色編碼、顯示或隱藏圖層、顯示或隱藏參考線,以及鎖定圖層,以避免不小心選取和編輯圖層。請依照下列步驟更新圖層選項:

  1. 在現有的圖層上按一下滑鼠右鍵或連按兩下(或是在按一下「新增圖層」按鈕的同時,按下「Alt/Option」)。
  2. 在顯示的「圖層選項」對話方塊中,指定圖層選項,然後按一下「確定」。
「圖層選項」對話方塊
更新「圖層選項」對話框中的設定。

您可以更新下列設定:

  • 圖層名稱為圖層輸入描述性名稱,以協助組織頁面內容。
  • 顏色:指定顏色以識別存在於該圖層上的物件。指定圖層顏色有助於分辨不同選取物件的圖層。在頁面上選取物件後,各物件會在其邊界方框中顯示所在圖層的顏色、圖形選取控制點、文字框及影像框邊緣。取消選取物件後,圖層顏色便不會顯示。
  • 顯示圖層:選取此選項以顯示圖層。選取此選項就如同按一下眼睛圖示可在圖層面板中顯示圖層一般。
  • 鎖定圖層:選取此選項以避免變更圖層上的任何物件。

新增物件至圖層

所有新物件都會置於目標圖層上,該圖層會在圖層面板中於右上角以粗體標籤顯示三角形。請按一下特定圖層以將其設為目標。

您可以執行下列任一操作,新增物件至目標圖層:

  • 使用「文字」工具或「矩形」工具建立新的物件。
  • 匯入、置入或貼上文字或圖形。
  • 選取位於其他圖層上的物件,然後將其移至新圖層。

您無法在隱藏或鎖定的圖層上取出或置入新物件。若選取繪圖工具或文字工具,或是在目標圖層隱藏或鎖定時置入檔案,指標會在置於「設計」視圖頁面上方時顯示刪除線鉛筆的圖示。請顯示或解除鎖定目標圖層,或是將可見、未鎖定的圖層設為目標。

如果您在目標圖層為隱藏或鎖定時選擇「編輯 > 貼上」,會出現警告訊息,提供顯示或解除鎖定目標圖層的選項。

當您按一下「圖層」面板中的圖層以將其設為目標時,您點選的圖層右上角會顯示三角形,圖層標籤會變成粗體,且圖層會醒目標示,表示圖層已設為目標。

選取、移動與拷貝圖層上的物件

依預設,您可以選取任何圖層上的任何物件。在圖層面板中,最右方的彩色方形標記出包含所選物件的圖層。小型方形表示在該圖層上至少有選取一個物件,大型方形則表示在該圖層上的所有物件目前均已選取。圖層的選取顏色可協助您識別物件的圖層。如果要防止選取位於特定圖層上的物件,請鎖定 (或隱藏) 該圖層。

  • 如果要選取圖層上的個別物件,請按一下圖層名稱左方的三角形圖示以展開圖層,然後選取清單中的目標元素。您也可以將目標物件拖移到其他位置,而無須選取物件。
  • 如果要選取特定圖層上的所有物件,請按一下圖層名稱右方的方形。
  • 如果要將物件移動或拷貝至另一個圖層,請使用「選取」工具,選取頁面或主版頁面上的一或多個物件。在圖層面板中,拖移圖層清單右方的彩色方形,將選取的物件移至另一個圖層。

將物件貼至不同的圖層

「貼上時記住圖層位置」選項會影響物件從與現有圖層互動之其他位置貼上的方式。

如果已啟用「貼上時記住圖層位置」選項,從不同圖層剪下或拷貝的物件,會在貼入新頁面或位置時保留其圖層工作。如果您將物件從拷貝來源頁面貼入不具有相同圖層的頁面,Muse 會將物件的圖層名稱新增至第二份文件的圖層面板,然後將物件貼至對應的圖層上。

如果並未選取「貼上時記住圖層位置」選項,從不同圖層剪下或拷貝的物件,會一同貼至目前的目標圖層上。

  1. 以滑鼠右鍵按一下面板中任意位置,在所顯示的「圖層」內容選單中,確定「貼上時記住圖層位置」已取消選取。
  2. 選取物件並選擇「編輯 > 拷貝」或「編輯 > 剪下」。
  3. 在「圖層」面板中,按一下其他圖層以將該圖層設為目標。
  4. 選擇「編輯 > 貼上」。

複製圖層

當您複製圖層時,同時也拷貝了其中的內容與設定。複製的圖層接著會出現在圖層面板中的原始圖層上方。

在「圖層」面板中,執行下列任一操作:

  • 選取圖層名稱,然後以滑鼠右鍵按一下任一圖層 (或所選取的多個圖層),並在顯示的「圖層」內容選單中選擇「複製圖層」。
  • 拖移圖層名稱並將其放置於「新增圖層」按鈕上。

變更圖層的順序

重新排列圖層面板中的圖層,可以變更文件中的圖層堆疊順序。重新排列圖層會變更網站中各頁面的圖層順序,而不僅是「設計」視圖中目前頁面的圖層順序。

您也可以在圖層內重新放置物件,以變更物件的堆疊順序。

在圖層面板中,將圖層往清單上方或下方拖移。您也可拖移多個選取的圖層。

顯示或隱藏圖層與物件

您可以隨時隱藏或顯示任何圖層,也可以隱藏或顯示圖層上的物件。隱藏的圖層和物件無法加以編輯,且不會顯示在「設計」視圖、「預視」、「發佈」畫面或匯出網站之後的畫面。在執行下列任一項作業時,隱藏圖層會有所幫助:

  • 使用自適應版面設計網站時隱藏物件。您為單一畫布中的不同裝置設計頁面時,可選擇隱藏物件。例如,為行動裝置設計網站的版面時,可選擇隱藏傳統的選單而採用折疊式。若要瞭解如何在自適應版面中隱藏物件,請參閱在自適應版面中顯示或隱藏物件
  • 隱藏文件中不該出現在最終文件上的部分。
  • 隱藏文件的其他版本。
  • 簡化文件的顯示方式,以使編輯文件的其他部分更加容易。
  • 防止圖層轉存。
  • 當圖層包含高解析度圖形時,加速螢幕重新顯示。

注意:隱藏的圖層或隱藏的頁面項目無法匯出。然而,該頁面仍會顯示在設計視圖中,如同有項目存在一般。例如,隱藏的文字框仍會將下方的項目向頁面下方推。此動作可在您隱藏/顯示圖層時避免頁面內容發生位移。

請執行下列其中一個選項來隱藏或顯示圖層:

  • 如果要一次隱藏或顯示一個圖層,請在「圖層」面板中,按一下圖層名稱最左方的方形,顯示或隱藏該圖層的眼睛圖示。
  • 如果要在圖層中顯示或隱藏個別物件,請按一下圖層名稱左方的向下展開三角形,以檢視圖層中的所有物件,然後按一下眼睛圖示以顯示或隱藏某個物件。

鎖定或解除鎖定圖層

鎖定對於防止意外變更圖層相當有用。鎖定的圖層在圖層面板中會顯示刪除線鉛筆圖示。位於鎖定圖層上的物件不能直接選取或編輯;不過,如果鎖定圖層上的物件具有可間接編輯的屬性,就可變更。例如,如果您編輯的是色調色票,則鎖定圖層上使用該色調色票的物件就會反映變更。

您也可以使用圖層面板來鎖定或解除鎖定圖層中的物件。如果要解除鎖定或鎖定圖層,請執行下列操作:

  • 如果要一次鎖定或解除鎖定一個圖層,請在「圖層」面板中按一下從左邊數來第二欄中的方形,即可顯示 (鎖定) 或隱藏 (解除鎖定) 圖層。

刪除圖層

請記住,每個圖層均適用於整個網站,會出現在網站上的每一個頁面。在刪除圖層之前,請先考慮隱藏所有其他圖層,然後檢閱網站上的各頁面,確認刪除剩下的物件是否安全。當您確定要刪除圖層時,請執行下列操作:

  • 如果要刪除圖層,請將「圖層」面板中的圖層拖移至「圖層」面板右下方的「刪除」圖示,或是以滑鼠右鍵按一下,然後從內容選單中選擇「刪除圖層」。
  • 如果要刪除多個圖層,請在您按一下圖層加以選取的同時,按住「Ctrl/Command」。然後,將圖層從圖層面板中拖移至「刪除」圖示,或是以滑鼠右鍵按一下,然後從內容選單中選擇「刪除圖層」。
  • 如果要刪除圖層上的物件,請在「圖層」面板中選取物件,然後按一下「刪除」圖示。

合併文件中的圖層

您可以合併圖層,在不刪除任何物件的情況下減少網站中的圖層數目。在合併圖層時,所有選取圖層的物件會移至目標圖層。在合併的圖層中,只有目標圖層會保留於文件中;其他選取的圖層會被刪除。您也可以合併所有圖層,將網站平面化。

注意:如果合併同時包含頁面物件與主版頁面項目的圖層,主版項目會移至所產生之合併圖層的後方。

  1. 在圖層面板中,選取任何圖層組合。請務必將想要做為目標的圖層,以合併圖層的方式納入。如果您想將網站平面化為單一圖層,請在面板中選取所有圖層。
  2. 以滑鼠右鍵按一下「圖層」面板,然後選擇內容選單中的「合併圖層」。

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

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