스플래시 화면 가이드: iOS 및 Android 시작 아트워크

간단한 답변: 스플래시 화면은 앱이 로드되는 동안 잠시 표시되는 브랜드 화면입니다. iOS에서는 시스템이 즉시 표시하는 런치 스크린으로 제작하고, Android 12+에서는 시스템이 앱 아이콘과 테마에서 자동 생성합니다. 브랜드 핵심 색상과 로고로 한 번 디자인하고, 짧게 유지하며, 로딩 시간을 속이는 데 사용하지 마세요.

스플래시 화면 vs 런치 스크린

두 용어는 혼용되지만 플랫폼마다 다릅니다:

• iOS — 런치 스크린: 앱이 시작되는 순간 표시되는 가벼운 시스템 렌더링 플레이스홀더(로고와 배경이 있는 스토리보드)입니다. Apple의 지침은 앱의 첫 화면과 유사하게 만들어 시작이 매끄럽게 느껴지도록 하고, 브랜딩 스플래시로 사용하거나 로딩 UI처럼 보이는 텍스트를 추가하지 말라고 합니다.
• Android — 스플래시 화면 (API 31+): Android 12부터 시스템이 앱 아이콘과 windowSplashScreenBackground 색상에서 스플래시를 자동으로 그립니다. 테마에서 사용자 지정하며, 애니메이션과 브랜드 아이콘이 지원되고, 공식 Splash Screen API 문서가 아이콘 안전 영역 측정의 기준입니다.

구버전 Android(및 크로스 플랫폼 프레임워크)에서는 전체 화면 드로어블이나 전용 뷰가 고전적인 접근 방식이며, 대부분의 팀이 여전히 디자인된 에셋을 필요로 하는 부분입니다.

스플래시 화면 생성기가 유용한 이유

스플래시 화면 생성기 또는 템플릿 도구는 반복적인 부분을 빠르게 처리합니다: 하나의 디자인에서 모든 밀도와 방향에 맞는 올바른 크기의 로고-배경 에셋을 생성합니다. 거의 동일한 수십 개의 PNG를 수동으로 내보내는 대신:

1. 마스터 아트워크를 디자인합니다(로고 + 배경색, 로딩 UI처럼 보일 수 있는 텍스트 없음).
2. 도구가 필요한 크기 세트를 내보내도록 합니다.
3. 에셋을 런치 스토리보드(iOS) 또는 스플래시 테마(Android)에 연결합니다.

1단계와 2단계는 캔버스 기반 디자인 편집기에서 할 수 있습니다. 저희 스크린샷 편집기는 동일한 브랜드 키트에서 스토어 측 에셋(스크린샷, 1024×500 Google Play 기능 그래픽, 앱 스토어 이미지)을 처리합니다. 스플래시 화면의 배경과 로고를 해당 에셋과 동일하게 유지하여 시작, 리스팅, 아이콘이 하나의 시스템처럼 느껴지도록 하세요.

모든 곳에 적용되는 모범 사례

• 최소한으로 유지: 로고, 배경, 그 외 없음. 태그라인, 버전 번호, 로딩을 가장하는 스피너 없음.
• 첫 화면과 일치: 스플래시가 앱의 초기 UI와 더 비슷할수록 인지되는 시작 시간이 짧아집니다.
• 안전 영역 존중: 로고를 노치나 제스처 인셋 영역으로 밀어 넣지 마세요.
• 시간 제한: 앱이 준비되면 즉시 닫습니다. 준비된 앱을 지연시키는 스플래시는 두 플랫폼 모두에서 안티 패턴입니다.
• 다크 모드: 플랫폼이 지원하는 경우 다크 변형을 제공하세요(Android 테마 속성, iOS는 스토리보드의 특성별 에셋).
• 실제 기기에서 테스트: 플래그십과 4년 된 보급형 폰 간의 시작 타이밍은 크게 다릅니다.

흔한 실수

1. 스플래시를 광고로 사용. 마케팅 문구는 스토어 스크린샷에 속하며 시작 경로에 없습니다.
2. 최신 Android에서 전체 화면 이미지 하드코딩 — 시스템 스플래시와 충돌하고 OEM마다 일관성 없는 동작을 초래합니다.
3. 태블릿과 가로 모드 잊기: 세로 전용 에셋은 iPad와 Android 태블릿에서 늘어나거나 레터박스됩니다.
4. 하나의 마스터에서 전체 세트를 생성하는 대신 모든 밀도에 대해 수동으로 에셋 재작성.

출시 전 체크리스트

• 마스터 아트워크: 로고 + 브랜드 배경만
• 지원되는 경우 라이트 및 다크 변형
• iOS 런치 스토리보드 세트(시스템 렌더링, 코드 지연 없음)
• Android 12+ 테마 구성(아이콘 + 배경색)
• 모든 밀도에 대해 레거시 Android 에셋 생성
• 최소 하나의 소형 폰, 하나의 태블릿, 하나의 다크 모드 기기에서 확인

시작 아트워크를 앱의 첫 화면과 정렬하고 지원하는 플랫폼에서 동작을 테스트하세요. 스토어 스크린샷은 별도 작업입니다: 리스팅 에셋에는 스크린샷 워크플로와 요구 사항 가이드를 사용하세요.

자주 묻는 질문

하나의 스플래시 화면 이미지가 모든 기기에 맞나요?

반드시 그렇지는 않습니다. 플랫폼이나 프레임워크의 시작 구성을 따르고 다양한 방향, 기기 크기, 외관 모드를 테스트하세요.

스크린샷 편집기로 앱의 런치 스크린을 구성할 수 있나요?

아니요. 편집기는 시각적 아트워크를 준비합니다. 시스템 시작 동작 구성은 앱 프로젝트에 속합니다.

네이티브 구현을 어디서 확인해야 하나요?

Apple 런치 스크린 지침과 링크된 Android Splash Screen 문서를 사용하세요. 앱의 최소 OS 버전에서 지원하는 API를 확인하세요.