추천 캐러셀

추천 캐러셀은 사용자와 관련된 선별된 콘텐츠를 보여줍니다.

커버

리소스

유형 링크 상태
디자인 디자인 소스 (Figma) 사용 가능
구현 Jetpack Compose 사용 가능

하이라이트

  • 추천 캐러셀을 사용하여 특정 콘텐츠를 강조합니다.
  • 추천 캐러셀에는 이미지, 광고 제목, 콘텐츠 세부정보, 동영상, 작업, 페이지로 나누기 컨트롤과 같은 UI 요소가 포함될 수 있습니다.
  • 캐러셀은 일반적으로 앱의 홈페이지나 방문 페이지에 위치하므로 쉽게 액세스할 수 있습니다.
  • 추천 캐러셀은 시각적으로 매력적이어서 사용자의 참여를 유도하고 몰입형 환경을 만드는 데 도움이 됩니다.
  • 표시되는 콘텐츠는 사용자의 시청 기록, 환경설정 또는 현재 트렌드를 기반으로 맞춤설정할 수 있습니다.

변형

추천 캐러셀을 통합하는 방법에는 두 가지가 있습니다.

  1. 몰입형
  2. Card(카드)

몰입형 추천 캐러셀

카드 추천 캐러셀

콘텐츠 블록

분석

콘텐츠 블록 분석

  1. 윗줄 텍스트
  2. 제목
  3. 설명
  4. 버튼

사양

콘텐츠 블록 몰입형 사양

페이지 매김

분석

페이지지나톤

  1. 배경
  2. 활성 요소
  3. 비활성 요소
  4. 총 요소 수

사양

페이지로 나누기 사양

몰입형

분석

몰입형 해부학

몰입형 배경 분석

  1. 이미지 배경
    1. 시네마틱 스크림
    2. 포스터
    3. 배경 색상
  2. 콘텐츠 블록
  3. 페이지 매김
  4. 콘텐츠 그리드

사양

몰입형 사양

Card(카드)

분석

카드 추천 캐러셀 분석

카드 추천 캐러셀 이미지 분석

  1. 이미지 배경
    1. 시네마틱 스크림
    2. 포스터
    3. 카드 배경
  2. 콘텐츠 블록
  3. 페이지 매김
  4. 콘텐츠 그리드

사양

카드 추천 캐러셀 사양

사용

추천 캐러셀을 사용하여 선별된 콘텐츠를 흥미롭고, 시각적으로 매력적이며, 탐색하기 쉬운 형식으로 선보이고 홍보하세요.

배경 이미지

배경의 이미지는 스트리밍 앱 추천 캐러셀에서 사용자 참여를 높이는 데 중요한 역할을 합니다.

고화질 이미지

시각적으로 매력적이고 포커스가 맞춰진 카드의 콘텐츠와 관련된 고해상도 이미지를 사용합니다.

이미지를 깨끗하고 시각적으로 매력적이며 콘텐츠 블록과 관련이 있어야 합니다.
배경에 텍스트가 있는 이미지는 사용하지 않습니다.

명확한 시각적 계층 구조

이미지 위에 스크림을 사용하여 배경이 포커스가 맞춰진 카드의 콘텐츠에서 주의를 분산시키지 않는지 확인합니다. 이렇게 하면 사용자가 카드 제목, 설명, 클릭 유도 문구 버튼에 계속 집중할 수 있습니다.

스크림을 사용하여 가독성과 콘텐츠 이해도를 높입니다.
배경이 화면에 표시되는 나머지 콘텐츠의 가독성과 가시성에 영향을 주지 않는지 확인합니다.