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-클릭)하면 스타일을 복제, 삭제 또는 링크 해제할 수 있는 메뉴가 나타납니다. 메뉴에서 [스타일 옵션]을 선택할 경우 자동으로 스타일을 사용하는 Paragraph 태그(p, h1, h2, h3 등)를 선택할 수 있는 새 창이 나타납니다. [스타일 옵션]을 연 후 닫으려면 [취소]를 클릭합니다.

[상태] 패널을 보면 모든 상태(표준, 롤오버, 마우스 누름활성)가 메뉴 항목 레이블에 대해 동일한 글꼴 서식을 사용한다는 것을 알 수 있습니다.

  1. 브라우저에 나타나는 대로 Muse에서 렌더링되는 페이지를 보려면 [미리 보기]를 클릭합니다. Muse에서는 많은 최신 웹 브라우저에서 사용되는 Webkit 버전을 사용하여 페이지를 표시합니다. 메뉴와 상호 작용할 때 단추가 해당 레이블만 표시한다는 것을 알 수 있습니다(메뉴 항목 컨테이너는 투명). 또한 커서를 가져가거나 메뉴의 단추를 클릭해도 레이블이 변경되지 않습니다.
  2. 테스트 및 메뉴 미리 보기를 마쳤으면 [디자인]을 클릭하여 Main 마스터 페이지로 돌아갑니다.

문자 또는 단락 스타일 복사 및 붙여넣기

문자 또는 단락 스타일의 특성을 전부 또는 일부 복사해 붙여넣기 할 수 있습니다. 스타일 복사 기능을 사용하면 한 번의 클릭만으로 동일한 스타일을 각기 다른 요소에 적용할 수 있습니다.

  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의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책