Read on to know how to create, preserve, and reuse Character and Paragraph styles in Adobe Muse.

Pastaba:

Adobe Muse is no longer adding new features and will discontinue support on March 26, 2020. For detailed information and assistance, see Adobe Muse end-of-service page.

Adobe Muse provides an intuitive mechanism to save and reuse styles applied to objects. Creating and reusing styles is an easy way to achieve consistency in design and appearance across all pages of your site. Styles also allow you to quickly update your website redoing colors, fonts, text formats, and so on.

Using the styles within Muse allows you to achieve the following things:

  • Consistency in appearance across all pages on your website
  • Increased productivity by leveraging existing styles or creating styles and reusing them across web pages

Styles include Fill color, Stroke color, Effects, and so on. Styles can be applied to all types of objects within Muse, such as Images, Graphics, Shapes, Text, Characters. Styles then, within Muse, are further classified in to:

  • Graphic Styles
  • Paragraph Styles
  • Character Styles

What are Character and Paragraph styles?

A character style is a collection of character formatting attributes that can be applied to text in a single step. A paragraph style includes both character and paragraph formatting attributes, and can be applied to a paragraph or range of paragraphs. Paragraph styles and character styles are found on separate panels. Paragraph and characters styles are sometimes called text styles. When you change the formatting of a style, all instances of text associated with the style are also updated.

Creating and applying Character styles

  1. Select the object you have styled on the web page.
  2. Open Window > Character Styles panel.
  3. To create a Character Style, click the button. You could also right-click (Command + Click on MAC) in the Character Styles panel and select New Character Style from the context-menu.
  4. Double-click the newly created character style to bring up Character Style Options dialog.
  5. Enter a meaningful name in the Style Name field. 
  6. Choose a Span Tag for the character style.
  7. Review the Style Setting field, and ensure that the character style settings are correct.

Creating and applying paragraph styles

  1. Open the Paragraph Styles panel by clicking its tab or choosing Window > Paragraph Styles.
  2. Click the New Style button (page icon) at the bottom of the panel to save this set of font styles. Once you save a set of styles, you can apply them to other text elements later.
  3. Double-click on the new style you just created in the Paragraph Styles panel, which has been given the default name of Paragraph Style. Rename it: top-nav-normal.
Create and rename a Paragraph Style in Adobe Muse
Create and rename a Paragraph Style

Pastaba:

If you right-click (or Control-click) on the name of a style in the Paragraph Styles panel, you'll see a menu appear that enables you to duplicate, delete, or unlink styles. If you choose Style Options from the menu, a new window appears that enables you to optionally select a Paragraph Tag (p, h1, h2, h3, and so on) that automatically uses the style. After opening the Style Options, click Cancel to close it.

If you look at the States panel, you'll notice that all states: Normal, Rollover, Mouse Down, and Active, all use the same font formatting for the menu item labels.

  1. Click Preview to see the page rendered in Muse as it will appear in a browser. Muse uses a version of Webkit to display the page, which is used by many modern web browsers. As you interact with the menu, notice that the buttons only display their labels (the menu item containers are transparent). Also note that the labels do not change when you hover your cursor or click on the buttons in the menu.
  2. After you are finished testing and previewing the menu, click Design to return to editing the Main master page.

Copy and paste Character or Paragraph styles

You can copy and paste all or selective attributes of a Character or a Paragraph style. Copying styles help you apply the same style to different elements, in a single click.

  1. Open the page from where you want to copy a style.

  2. Select the source element from which you want to copy a style.

  3. Right-click and select Copy Attributes.

    Copy Character or Paragraph styles in Adobe Muse
    Copy Character or Paragraph styles in Adobe Muse
  4. Select the target element where you want to paste the character or paragraph style.

  5. Right-click and select one of the following options:

    • Paste Attributes: To paste all the attributes from the source to the target. All the style attributes are copied from the source, as is, to the target element.
    • Paste Selective Attributes: To paste only the attributes that you select. From the Paste Selective Attributes panel, select only those attributes that you want to copy and paste. For example, you can select only Text, Font, Size, and Bullet options when you copy the text attributes from a Paragraph Style. In this case, only the selected attributes are copied from the source element.
    Paste selected character style attributes to the target element
    Paste selected character style attributes to the target element

Unlinking a Character or Paragraph Style

To dissociate a Character/Paragraph from a Style, do the following:

  1. Select the Character or Paragraph you want unlink the style from.
  2. Select Window > Character Styles or Paragraph Styles.
  3. In the Character Styles or Paragraph Styles panel, click the button.

Redefining a Style

You can redefine a Character/Paragraph Style to instantly update its Style Settings. It is common design practice to change styling attributes, thereby creating Style Overrides. Adobe Muse indicates such overrides with a + sign.

Adobe Muse allows you to preserve or clear style overrides. You can preserve overrides by redefining a style.

Do the following:

  1. Select Window > Character Styles or Paragraph Styles.
  2. Select the Character or Paragraph Style you want to redefine.
  3. Click the button.

Clearing Style Overrides

It is common design practice to change styling attributes, thereby creating Style Overrides, indicated by + sign. Adobe Muse allows you to undo unintended changes to a Character or Paragraph Style by clearing style overrides.

To clear style overrides, do the following:

Clear Character Style Overrides

To clear overrides from a Character Style, do the following:

  1. Select Window > Character Styles.
  2. Select the Character Style you want to clear Style Overrides from.
  3. Click the button.

Clear Paragraph Style Overrides

To clear overrides from a Paragraph Style, do the following:

  1. Select Window > Paragraph Styles.
  2. Select the Paragraph Style you want to clear Style Overrides from.
  3. Click the button.

Clear All Styling

The Clear All Styling option allows you to remove all styling attributes applied to a character or paragraph, and reset to default text styling.

To remove all styling, do the following:

  1. Select text-frame you want to clear text styling from.
  2. Right-click > Clear All Styling from the context-menu.

Pastaba:

Clear All Styling option can be applied to text frames only, and not individual characters or paragraphs.

Track usage of styles in Muse websites

You can now track and manage usage of styles across your site. The new Go to Style Use option lets you displays full list of pages in your website where a Character or Paragraph Style is used.

  1. Select Window > Character Styles or Paragraph Styles.
  2. Right-click on a style and select Go to Style Use.

Šis darbas yra licencijuotas pagal licenciją „Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License“  „Twitter™“ ir „Facebook“ skelbimams „Creative Commons“ sąlygos netaikomos.

Teisiniai pranešimai   |   Privatumo internete politika