瞭解如何在 Adobe Muse 中建立與使用繪圖樣式。

註解:

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

Adobe Muse 提供直覺化的機制來儲存和重複利用套用至網頁物件的樣式。建立與重複利用樣式,是一個能使網站之所有頁面設計與外觀一致的簡單方法。樣式也可讓您快速更新網站,而不需重做顏色、字體、文字格式等設定。

使用 Muse 中的樣式可讓您達成下列目標:

  • 網站所有頁面的外觀一致
  • 藉由利用現有樣式,或建立樣式並在各網頁加以重複利用,進而提升生產力

樣式包含「填色顏色」、「線條顏色」、「效果」等。樣式可套用至 Muse 中所有的物件類型,例如「影像」、「繪圖」、「形狀」、「文字」、「字元」等。而 Muse 中的樣式進一步分類為:

  • 繪圖樣式
  • 段落樣式
  • 字元樣式

繪圖樣式是什麼?

繪圖樣式是一組可重複使用的外觀屬性。繪圖樣式讓您可以迅速改變物件的外觀;例如,您可以使用一個步驟就變更物件的填色與筆畫顏色、改變它的透明度,以及套用效果。

設定繪圖樣式動作可包含新增填色顏色至形狀、新增陰影和斜角等效果至影像、新增顏色至形狀外框等。此類樣式設定可以使用 Adobe Muse 中的「繪圖樣式」面板加以保留。繪圖樣式建立後,按一下按鈕便可以重複利用於整個網站上以設定繪圖樣式,甚至可以設定整個網站的樣式。

您可以將繪圖樣式套用在物件、群組和圖層上。在群組或圖層上套用繪圖樣式時,群組或圖層中的每一個物件都會具備該繪圖樣式中的屬性。例如,假設您有一個包含 50% 不透明度的繪圖樣式。如果您將此繪圖樣式套用至一圖層,則該圖層上的所有物件或後來加入此圖層的物件,都會具有 50% 的不透明度。但是,如果將物件移出圖層,物件的外觀就會回復原先的不透明度。

建立繪圖樣式

  1. 選取網頁上您已套用樣式的物件。
  2. 開啟「視窗 > 繪圖樣式」面板。
  3. 按一下 按鈕以建立繪圖樣式,繪圖樣式根據預設會命名為「樣式」。您也可以在「繪圖樣式」面板內按一下滑鼠右鍵 (MAC 上為 Command + 按一下),然後從環境選單中選取「新增繪圖樣式」。
  4. 按兩下新建立的繪圖樣式即可顯示「繪圖樣式選項」對話方塊。
  5. 在「樣式名稱」欄位輸入有意義的名稱。檢閱「樣式設定」欄位,確定您所套用的繪圖樣式設定正確無誤。
輸入繪圖樣式名稱
輸入繪圖樣式名稱

套用繪圖樣式

若要套用您所建立的繪圖樣式,請執行下列操作:

  1. 選取物件或群組 (或在「圖層」面板中指定圖層為目標)。
  2. 若要套用單一樣式至物件,請執行下列任一項作業:
    • 從「繪圖樣式」面板中選取一個樣式。
    • 將繪圖樣式拖移到文件視窗中的物件上(該物件不必事先選取)。或者,選取「繪圖樣式」面板中的繪圖樣式。
  3. 若要將樣式與物件現有的樣式屬性合併,或將多種樣式套用至物件,請執行下列任一項作業:
    • 按 Alt 鍵並拖移 (Windows) 或按 Option 鍵並拖移 (Mac OS) 將樣式從「繪圖樣式」面板中移至物件。
    • 選取物件,然後在按住 Alt 的同時按一下「繪圖樣式」面板中的樣式 (Windows),或在按住 Option 的同時按一下 (Mac OS)「繪圖樣式」面板中的樣式。

複製繪圖樣式

您可以複製繪圖樣式,並將這些可重複利用的屬性從一個元素套用到另一個元素。只要按一下滑鼠,您可以從來源元素中複製樣式屬性,然後將屬性貼至數個目標元素。此外,您也可以選擇性地貼上需要的特定屬性。

  1. 在您想要複製繪圖樣式的地方,開啟頁面。再按一下滑鼠右鍵,按下「複製屬性」即可。

  2. 然後選取您要貼上該樣式的目標元素。此元素可在 Adobe Muse 中同樣的頁面或不同的頁面內。 

    您也可以跨專案複製並貼上繪圖樣式。

  3. 在目標元素上按一下滑鼠右鍵並選擇以下其中一個選項:

    貼上屬性:將所有屬性從來源元素貼至目標元素。

    貼上所選的屬性:將所選的繪圖樣式屬性從來源貼至目標元素。此時,只有所選的樣式屬性會貼至目標元素。例如:您可以選擇只複製並貼上「填色」和「效果」,而忽略「線條」屬性。

    將所選的繪圖樣式貼至目標元素
    將所選的繪圖樣式貼至目標元素

解除連結繪圖樣式

若要從繪圖樣式將繪圖物件解除連結或解除關聯,請執行下列操作:

  1. 選取要將繪圖樣式解除連結的物件。
  2. 選取「視窗 > 繪圖樣式」。
  3. 在「繪圖樣式」面板中按一下 按鈕。

註解:

將繪圖樣式解除連結時,只會從該繪圖樣式解除物件的關聯,但不會移除任何樣式屬性,例如填色、線條或效果。

重新定義樣式

您可以重新定義繪圖樣式,以立即更新其樣式設定。在設計實務中,變更樣式屬性進而建立樣式優先選項的作法是很常見的。Adobe Muse 會以加號 + 來指出此類優先選項。

Adobe Muse 可讓您保留或清除樣式優先選項。您可以重新定義樣式來保留優先選項。

執行下列動作:

  1. 選取「視窗 > 繪圖樣式」。
  2. 選取您要重新定義的繪圖樣式,然後按一下 按鈕。

清除樣式優先選項

在設計實務中,變更樣式屬性進而建立樣式優先選項的作法是很常見的,而此類優先選項會以加號 + 來表示。Adobe Muse 可讓您清除樣式優先選項,以將您不要的變更還原為樣式選項。

若要清除樣式優先選項,請執行下列操作:

  1. 選取「視窗 > 繪圖樣式」。
  2. 選取您要清除樣式優先選項的繪圖樣式。
  3. 按一下 按鈕。

清除所有樣式

「清除所有樣式」選項可讓您移除已套用到繪圖物件的所有樣式屬性,並且重設回沒有填色、線條和效果。

若要移除所有樣式,請執行下列操作:

  1. 選取您要清除樣式的繪圖物件。
  2. 按一下滑鼠右鍵 > 從環境選單中選取「清除所有樣式」。

跳至使用下列項目的樣式

您現在可以追蹤和管理整個網站的樣式使用情況。新增的「跳至使用下列項目的樣式」選項可讓您顯示網站中已使用繪圖樣式的頁面完整清單。

  1. 選取「視窗 > 繪圖樣式」。
  2. 以滑鼠右鍵按一下樣式,然後選取「跳至使用下列項目的樣式」。

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

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