스포트라이트 섹션

히어로

개요

스포트라이트 섹션은 섹션화된 항목 템플릿 내에 있는 가시성이 높은 시각적 레이아웃 블록으로, 추천 콘텐츠 컬렉션이나 편집자 추천을 표시하도록 설계되었습니다. 눈에 띄는 히어로 이미지와 인접한 축약된 항목을 페어링하여 브랜드 표현을 강화하는 동적 탐색 구조를 만듭니다.

음악작품

스포트라이트 섹션은 다음과 같은 두 가지 기본 레이아웃 구성요소로 구성됩니다.

  • 히어로 이미지: 한쪽에 표시되는 단일하고 눈에 띄는 시각적 그래픽입니다.
  • 축약된 항목: 히어로 이미지 바로 옆에 렌더링되는 축약된 항목의 컴패니언 열입니다.
히어로

1. 히어로 이미지

2. 축약된 항목

UX 요구사항

모든 앱에서 안전하고 일관된 환경을 보장하려면 다음 디자인 요구사항을 따르세요.

요구사항 수준

콘텐츠

필수(MUST)

히어로 이미지와 1개 이상의 요약된 항목을 포함합니다.

필수(MUST)

히어로 이미지가 앨범 아트와 같은 시각적 컨텍스트를 지원하는 역할을 하며 운전자가 읽어야 하는 텍스트가 삽입되어 있지 않은지 확인합니다.

해야 하는 작업(SHOULD)

균형 잡힌 시각적으로 완전한 레이아웃을 만들기 위해 히어로 이미지와 함께 축약된 항목을 3개 이상 표시합니다.