請繼續閱讀,以瞭解如何在 Adobe Muse 中建立、保存並重複利用字元和段落樣式。

註解:

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

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

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

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

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

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

什麼是字元樣式和段落樣式?

字元樣式是可以在單一步驟中套用到文字的字元格式屬性集合。段落樣式中包含字元和段落的格式屬性,可套用至段落或一個範圍中的段落。段落樣式和字元樣式位在不同面板上。段落與字元樣式有時又稱為文字樣式。當您變更樣式的格式設定時,與該樣式相關聯的所有文字例項也會更新。

建立與套用字元樣式

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

建立與套用段落樣式

  1. 按一下「段落樣式」面板的索引標籤或選擇「視窗 > 段落樣式」,開啟「段落樣式」面板。
  2. 按一下面板底部的「新增樣式」按鈕 (頁面圖示) 以儲存這一組字體樣式。儲存一組樣式後,之後可再將其套用至其他文字元素。
  3. 連按兩下您剛在「段落樣式」面板中建立的新樣式;此樣式已設為預設名稱「段落樣式」。將其重新命名為:top-nav-normal (頂端-導覽-正常)。
在 Adobe Muse 中建立並重新命名段落樣式
建立並重新命名段落樣式

註解:

若您在「段落樣式」面板以滑鼠右鍵按一下 (或按住 Control 的同時按一下) 其中一個樣式名稱,則會顯示可進行複製、刪除或解除連結樣式的選單。若您從選單中選擇「樣式選項」,則會顯示新的視窗,讓您選取會自動使用樣式的「段落標記」(p、h1、h2、h3 等等)。開啟「樣式選項」後,按一下「取消」將其關閉。

若您查看「狀態」面板,會發現「正常」、「滑鼠指向效果」、「滑鼠按下」及「作用中」等所有狀態的選單項目標籤均使用相同的字體格式。

  1. 按一下「預視」可在 Muse 中看到頁面於瀏覽器中的呈現效果。Muse 使用 Webkit 的一個版本來顯示頁面,許多現代的網頁瀏覽器也是選用此技術。當您與選單互動時,您會注意到按鈕僅會顯示其標籤 (選單項目容器為透明)。同時也請注意,您將游標移至選單按鈕上,或按一下按鈕時,標籤均不會改變。
  2. 完成選單測試與預視後,請按一下「設計」以返回編輯「主要」主版頁面。

複製並貼上字元或段落樣式

您可以複製並貼上全部或所選的字元或段落樣式屬性。只要按一下滑鼠,就能使用複製樣式功能針對不同元素套用相同的樣式。

  1. 在您想要複製樣式的地方,開啟頁面。

  2. 在您想要複製樣式的地方,選擇來源元素。

  3. 再按一下滑鼠右鍵,選取「複製屬性」即可。

    在 Adobe Muse 中複製字元或段落樣式
    在 Adobe Muse 中複製字元或段落樣式
  4. 然後選取您要貼上字元或段落樣式的目標元素。

  5. 按一下滑鼠右鍵並選擇以下其中一個選項:

    • 貼上屬性:將所有屬性從來源貼至目標。從來源以現狀複製所有樣式屬性,再貼至目標元素。
    • 貼上所選屬性:只貼上您選擇的屬性。在「貼上所選屬性」面板中只選擇您要複製並貼上的屬性。例如:從段落樣式複製文字屬性時,您可以只選擇「文字」、「字型」和「項目符號」選項。此時,只會複製來源元素中所選的屬性。
    將所選的字元樣式屬性貼至目標元素
    將所選的字元樣式屬性貼至目標元素

解除連結字元或落樣式

若要從樣式將字元/段落解除關聯,請執行下列操作:

  1. 選取要將樣式解除連結的字元或段落。
  2. 選取「視窗 > 字元樣式」或「段落樣式」。
  3. 在「字元樣式」或「段落樣式」面板中按一下 按鈕。

重新定義樣式

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

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

執行下列動作:

  1. 選取「視窗 > 字元樣式」或「段落樣式」。
  2. 選取要重新定義的字元或段落樣式。
  3. 按一下 按鈕。

清除樣式優先選項

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

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

清除字元樣式優先選項

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

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

清除段落樣式優先選項

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

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

清除所有樣式

「清除所有樣式」選項可讓您立即移除已套用到字元或段落的所有樣式屬性,並且重設回預設文字樣式。

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

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

註解:

「清除所有樣式」選項僅可套用至文字框,而不能套用到個別的字元或段落。

追蹤 Muse 網站的樣式使用情況

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

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

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

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