Skip to content

창의적인 세부 사항

창의적인 인앱 메시지를 작성하기 전에 몇 가지 지침을 알아두어야 합니다. 모든 인-앱 메시지 템플릿은 최신 기기에서 다양한 길이의 텍스트와 크기의 이미지를 표시하도록 설계되었습니다. 모든 휴대폰, 태블릿 및 컴퓨터에서 메시지가 잘 표시되도록 하려면 이러한 지침을 따르고 항상 메시지를 테스트하는 것이 좋습니다.

다음 메시지 유형 크리에이티브 사양 또는 글로벌 크리에이티브 세부 정보 기사를 확인하세요.

콘텐츠 지침

텍스트

인앱 메시지 본문 또는 헤더의 경우, 짧고 간결하게 유지하는 것이 좋습니다. 헤더는 한두 줄, 본문은 최대 세 줄로 작성하세요. 세 줄 후에는 메시지가 세로로 스크롤해야 할 가능성이 있으며, 사용자가 모든 콘텐츠와 상호작용하지 않을 수 있습니다. 스크롤을 트리거하는 임계값은 최종 사용자의 기기 크기, 커스텀 스타일 또는 메시지 내 이미지의 존재 여부에 따라 달라질 수 있지만, 일반적으로 세 줄이 안전합니다.

최신 세대의 인앱 메시지(Generation 3)를 사용 중이라면, 글꼴이 iOS 및 Android의 운영 체제 기본 Sans Serif로 기본 설정된다는 것을 알 수 있습니다. 웹 인앱 메시지는 기본값으로 헬베티카를 사용합니다.

이미지

우리의 이미지 가이드라인은 텍스트 가이드라인보다 더 체계적입니다. 모든 모델과 크기의 전화기, 태블릿, 컴퓨터에서 메시지가 의도한 대로 아름답게 표시되도록 하기 위함입니다.

일반적으로 Braze는 16:10 화면에 맞는 이미지를 사용할 것을 권장합니다.

  • 모든 이미지는 5MB 미만이어야 합니다.
  • PNG, JPEG 및 GIF 파일 형식만 허용합니다.
  • 이미지를 미디어 라이브러리에 호스팅하여 Braze 소프트웨어 개발 키트가 오프라인 메시지 표시를 위해 CDN에서 에셋을 다운로드할 수 있도록 권장합니다.
  • 전체 화면 메시지의 경우 이미지 안전 영역에 대한 지침을 따르십시오.

다운로드]

앱 화면을 차지하는 전체 화면 인앱 메시지. 전체 화면 메시지에는 큰 이미지, 헤더, 메시지 본문 및 두 개의 버튼이 포함됩니다.

레이아웃 자산 Size 참고
이미지 + 텍스트 6:5 종횡비
고해상도 1200 x 1000 px
최소 600 x 500 px
크로핑은 모든 면에서 발생할 수 있지만, 이미지는 항상 뷰포트의 상위 50%를 채웁니다
이미지만 3:5 종횡비
고해상도 1200 x 2000 픽셀
최소 600 x 1000 px
더 큰 기기에서는 왼쪽과 오른쪽 가장자리가 잘릴 수 있습니다.

자세한 내용은 전체 화면

모달 인앱 메시지 appearing in the center of an 앱 and website as a dialog. 모달에는 이미지, 헤더, 메시지 본문 및 두 개의 버튼이 포함되어 있습니다.

레이아웃 자산 Size 참고
이미지 + 텍스트 29:10 종횡비
고해상도 1450 x 500 픽셀
최소 600 x 205 픽셀
긴 이미지는 축소되어 가로로 가운데에 배치됩니다. 넓은 이미지는 왼쪽과 오른쪽 가장자리가 잘립니다.
이미지만 거의 모든 종횡비
고해상도 최대 1200 x 2000 픽셀
최소 600 x 600 픽셀
메시지는 대부분의 가로 세로 비율에 맞게 이미지 크기를 조정합니다.

추가 세부 사항

슬라이드업 인앱 메시지 appearing from the bottom of the 앱 screen. 슬라이드업에는 아이콘 이미지와 간단한 메시지가 포함됩니다.

레이아웃 자산 Size 참고
이미지 + 텍스트 1:1 종횡비
고해상도 150 x 150 픽셀
최소 50 x 50 픽셀
여러 가지 가로 세로 비율의 이미지가 자르지 않고 정사각형 이미지 컨테이너에 맞습니다.

추가 세부 사항

GIF 및 비디오

Braze는 현재 웹(포함), Android, iOS(포함) 인앱 메시징에 대해 GIF를 지원하며, 원하는 플랫폼 통합 중에 활성화된 경우에만 지원됩니다. 인앱 메시지의 비디오에 대한 자세한 내용은 맞춤 설명서를 참조하십시오.

추가 고려 사항

Braze 인앱 메시지는 글로벌 및 개별 크리에이티브 사양을 모두 가지고 있습니다. 자세한 정보는 앱 내 메시지 완전 맞춤 설정에 대해 맞춤 설정 페이지로 이동하십시오.


New Stuff!