웹숍의 테마 및 브랜딩
테마 토큰, 브랜딩 미디어, AI에서 생성된 테마로 웹숍을 스타일링하는 방법을 알아봅니다.
읽는 시간 3분최근 업데이트: 한 달 전
웹숍의 테마는 컬러, 타이포그래피, 레이아웃 등과 같은 시각적 형상을 정의합니다. 브랜딩은 제품 리스트 주변에 표시되는 미디어(예: 영웅 배너 및 썸네일)를 추가합니다.
두 개의 인접 패널을 사용하여 편집 뷰에서 둘 다 설정할 수 있습니다.
- 커스터마이즈 테마: 컬러, 타이포그래피, 레이아웃 토큰, 테마 생성 입력, 상점 썸네일을 제어합니다. 테마 생성 입력에는 앱 스토어 URL 및 스크린샷이 포함되며, AI로 결과를 세부 조정할 수 있습니다.
- 영웅 배너: 웹숍 상단에 표시되는 배너 이미지를 제어합니다.
두 패널 모두 환경 드래프트 구성의 일부입니다. 퍼블리시하면 Unity는 두 패널을 라이브 구성으로 복사합니다.
웹숍은 하나의 모바일 우선 레이아웃을 사용합니다. 컬러, 타이포그래피, 미디어를 커스터마이즈할 수 있지만 전체 페이지 구조는 고정되었습니다. 주인공 배너가 상단에 표시되고 제품이 아래에 표시되고 바닥글이 계속 고정됩니다.
테마 토큰
테마는 웹숍이 상점을 렌더링하는 데 사용하는 디자인 토큰 세트입니다.
테마는 다음 요소를 제어합니다.
- 마크 및 악센트 컬러(호버 및 비활성화된 배리언트 포함)
- 배경 컬러와 그레디언트입니다.
- 타이포그래피(폰트 패밀리, 가중치, 크기 스케일 등)
- 레이아웃 값(예: 모서리 반지름, 간격, 높이)
테마를 커스터마이즈하려면 게임의 Apple 앱 스토어 목록이나 스크린샷을 생성하세요. 그런 다음 원하는 변경 사항을 설명하여 AI로 테마를 세부 조정합니다. 도우미가 지침에 따라 테마를 업데이트합니다. 테마를 초기화하면 Unity 기본값이 복원됩니다.
테마는 한 환경의 드래프트 구성에 속합니다. 한 환경에서 테마를 변경해도 다른 환경에는 영향을 미치지 않습니다.
전체 절차는 AI를 사용하여 웹숍 테마 생성을 참조하십시오.
브랜딩 미디어
브랜딩(Branding)은 웹숍이 제품 목록에 표시하는 미디어입니다. 편집 뷰에서 다음 에셋을 설정할 수 있습니다.
- 웹숍 썸네일: 링크 미리보기 및 링크 카드에 사용. 앱 스토어 URL에서 테마를 생성하는 경우 Unity는 스크래핑된 앱 아이콘을 기본 썸네일로 사용합니다. 오버라이드하려면 테마 사용자 정의 섹션에서 썸네일을 업로드하십시오.
- 영웅 배너: 웹숍 상단에 표시되는 광범위한 배너 이미지입니다. 아래의 Hero 배너 섹션에서 테마 사용자 정의 배너를 업로드하십시오.
소스 업로드는 PNG, JPEG, WebP 포맷을 지원합니다. 대시보드는 업로드를 제공하기 전에 각 업로드를 다시 인코딩하므로 플레이어가 보는 에셋은 소스 파일과 약간 다를 수 있습니다.
테마 사용자 정의 섹션에서는 테마 생성을 위한 레퍼런스 머티리얼로 스크린샷도 사용할 수 있습니다. 이러한 스크린샷은 앱 스토어 URL에서 자동으로 스크래핑하거나 수동으로 업로드할 수 있습니다. AI 제너레이터의 입력이며, 웹숍에 표시되지 않습니다.
크기, 크기 및 형식 제한은 웹숍 제한 참조를 참조하십시오.
연결된 카탈로그가 없는 테마 미리보기
IAP 카탈로그가 연결되기 전에 사실적인 상점 레이아웃과 테마를 미리 보려면 카탈로그 및 결제 공급자 섹션에서 Mock catalog 토글을 활성화합니다. 플레이어가 모의 상품을 본 적이 없습니다. 자세한 내용은 카탈로그 및 웹 상점 결제를 참조하십시오.
초안 및 라이브 미리보기
미리보기 창의 상단에 현재 드래프트 / 라이브 웹숍 토글이 있습니다. 이를 사용하여 드래프트 테마와 브랜딩을 플레이어가 현재 보는 버전과 비교할 수 있습니다. 다른 사람이 자신의 브라우저에서 열 수 있는 미리보기를 공유하려면 일반 섹션에서 개발 미리보기 URL을 복사하십시오. 이 링크는 항상 현재 드래프트를 렌더링합니다.
다양한 환경의 테마 및 브랜딩
테마와 브랜딩은 환경 초안 구성의 일부이므로 편집은 해당 환경에만 영향을 미칩니다. 비프로덕션 환경의 초안 테마와 브랜드를 프로덕션으로 복사하려면 테마 커스터마이즈 섹션에서 Apply to production을 사용합니다. 이 작업은 프로덕션 환경을 퍼블리시하지 않습니다. 변경 사항을 게재하려면 계속 프로덕션을 퍼블리시해야 합니다.
전체 절차는 비프로덕션 드래프트 적용을 참조하십시오.
환경, 초안 및 퍼블리싱에 대한 자세한 내용은 웹숍 소개를 참조하십시오.