Thumbnail

썸네일은 이미지나 콘텐츠의 작은 미리보기 버전을 의미합니다. 썸네일은 시각적 요소로서, 전체 콘텐츠의 요약을 제공합니다. 디자인 시스템에서는 썸네일의 크기, 비율, 스타일 등을 정의하여 일관성을 유지하고, 다양한 플랫폼에서 통일된 시각적 언어를 제공합니다.

Anatomy

Anatomy

  • Book
  • eBook
  • Hottracts

Spec

Spec

  • 상품 이미지 기본형 입니다.
  • 상품 이미지가 없을 경우 입니다.
  • 19세 이상 상품으로 성인만 구매할 수 있는 상품을 의미합니다. 상품이미지를 노출하지 않고 19표기만 사용합니다.
  • 세트도서로 여러 개의 상품이 하나의 패키지로 묶여 판매되는 제품 입니다

Usage

Do

Do

디자인하는 contents area 의 width 값과 사용할 썸네일의 개수를 확인하고,지정된 사이즈와 margin값을 사용합니다.

© KYOBO BOOK CENTRE교보문고 바로가기