스타일 ID 교육

마지막 업데이트 날짜 2026년 4월 1일

레이아웃, 공간 규칙을 정의하고, 생성된 디자인에서 브랜드 일관성을 보장하며, Firefly Design Intelligence를 사용해 게시하기 위해 Style ID를 학습시키고 테스트하는 방법을 알아보세요.

참고:

Firefly Design Intelligence는 현재 기간 한정 출시입니다.

스타일 ID 훈련은 Firefly Design Intelligence가 브랜드의 디자인 시스템을 이해하고, 요소 관계 및 레이아웃 규칙을 설정하는 데 도움이 됩니다. 이를 통해 디자인 크기를 조정하거나 적용할 때 시각적 일관성을 보장합니다. 이러한 규칙을 설정한 후에는 디자인 표준을 유지하면서 여러 디자인 레이아웃 변형을 자신 있게 생성할 수 있습니다.

스타일 ID를 훈련하려면 다음이 필요합니다.

  • Firefly Design Intelligence가 활성화된 Adobe Illustrator
  • 할당된 디자인 에셋으로 이미 생성된 스타일 ID
  • 브랜드의 레이아웃 및 간격 요구 사항에 대한 이해

시각적 요소, 레이아웃 및 공간 규칙 작업

참고:

시작하기 전에 Style ID를 생성하여 Illustrator 문서에서 시각적 요소를 추출하고 디자인 에셋 내의 레이아웃 및 공간 규칙을 이해하세요.

시각적 요소 탭으로 이동하여 원본 파일에서 추출된 모든 요소를 검토하세요.

시각적 요소 탭에서 파일 레이어에서 추출된 모든 요소를 확인하세요.

요소를 펼쳐 각 레이어를 보고 필요한 경우 지침을 추가하세요. 일부 레이어의 경우 시각적 에셋을 추가하거나 제거할 수도 있습니다.

레이어에 더 많은 에셋을 추가하거나, 기존 에셋을 제거하거나, 추출된 시각적 요소에 대한 지침을 포함하세요.

레이아웃 탭을 사용하여 Firefly Design Intelligence가 학습한 레이아웃과 방향을 확인하세요. 

채널 드롭다운 메뉴에서 적합한 플랫폼을 선택하세요. 체크박스를 사용하여 감지된 옵션에서 선호하는 레이아웃을 선택해 스타일 ID를 교육하세요.

레이아웃 탭을 사용하여 Firefly Design Intelligence가 학습한 레이아웃과 방향을 확인하세요.

공간 규칙 섹션으로 이동하여 종횡비가 변경될 때 요소가 서로 어떻게 관련되는지 정의하세요.

디자인에서 요소를 선택하여 고정 섹션을 활성화하세요. 드롭다운 메뉴를 사용하여 첫 번째 요소에 고정할 두 번째 요소를 선택하세요.

고정 섹션에서 드롭다운 메뉴를 사용하여 첫 번째 요소에 고정할 두 번째 요소를 선택하세요.
고정 섹션에서 드롭다운 메뉴를 사용하여 첫 번째 요소에 고정할 두 번째 요소를 선택하세요.

고정을 선택하여 이 두 요소 간의 관계를 정의하세요.

팁:

요소를 함께 고정하면 크기를 조정할 때 어떤 디자인 요소가 관계를 유지해야 하는지 Firefly가 이해할 수 있도록 도와주는 기준점이 만들어집니다.이는 로고, 헤드라인 또는 서로 특정 위치를 유지해야 하는 기타 요소에 특히 유용합니다.

맞춤 모드 섹션에서 디자인이 다양한 종횡비를 채우는 방법을 선택하세요.

  • 덮기: 종횡비를 유지하면서 영역을 완전히 채웁니다.넘치는 부분은 잘립니다. 
  • 포함: 종횡비를 유지하면서 영역 내에 완전히 맞춥니다.빈 공간이 남을 수 있습니다.
  • 폭 맞춤: 대상 폭에 맞추고 높이는 비례적으로 조정됩니다.
  • 높이 맞춤: 대상 높이에 맞추고 폭은 비례적으로 조정됩니다.
  • 늘이기: 종횡비를 무시하고 두 차원을 모두 채웁니다.요소가 왜곡될 수 있습니다.
  • 폭에 맞춰 반복: 폭을 채우기 위해 가로로 바둑판식 배열합니다. 이미지만 해당됩니다. 
  • 높이에 맞춰 반복: 높이를 채우기 위해 세로로 바둑판식 배열합니다. 이미지만 해당됩니다. 
맞춤 모드와 적용 대상 섹션이 열려 있고, 선택한 맞춤 모드 옵션 아래에 방향이 표시됩니다.
적용 대상 섹션을 사용하여 새 디자인을 만들 때 이러한 공간 규칙이 적용될 레이아웃을 선택하십시오.

적용 대상 섹션에서 새 디자인을 생성할 때 이러한 공간 규칙을 적용할 레이아웃을 선택하십시오. 공간 규칙을 모든 방향에 적용하려면 모두 선택을 선택하십시오.

교육된 스타일 ID 테스트 및 게시

시각적 요소, 레이아웃, 공간 규칙에 만족하면 동일한 Illustrator 문서 내에서 다양한 종횡비로 새 아트보드를 만드십시오.

테스트 버튼을 선택하여 새 디자인으로 아트보드를 채우십시오.

생성된 디자인을 검토하여 브랜드 표준을 충족하고 설정된 레이아웃 및 공간 규칙을 준수하는지 확인하세요.만족스러우면 게시 아이콘을 선택하세요.

확인 필요 대화 상자에서 확인을 선택하여 스타일 ID를 게시하세요.

스타일 ID 패널 오른쪽 상단의 햄버거 메뉴 를 선택한 다음 생성기 모드로 전환 또는 교육 모드로 전환을 선택하여 생성기와 교육 모드 간에 전환할 수도 있습니다.

햄버거 메뉴에는 패널 다시 로드, 생성기 모드로 전환, Firefly Design Intelligence 정보 등의 옵션이 표시됩니다.
패널 다시 로드를 선택하여 패널을 새로 고치세요.

프로덕션 워크플로에서 사용하기 전에 여러 종횡비에서 스타일 ID를 테스트하여 공간 규칙에 필요한 조정 사항을 식별하는 것이 좋습니다.생성된 레이아웃이 기대에 부합하지 않으면 시각적 요소, 레이아웃, 공간 규칙 섹션으로 돌아가서 선택한 설정을 개선하세요.

참고:

교육은 반복적인 과정입니다. 모든 대상 디자인과 종횡비에서 최적의 결과를 얻으려면 설정을 조정하고, 규칙을 정의하고, 여러 번 다시 테스트해야 할 수 있습니다.