단색
가장 명확하고 설명이 쉬운 보호 방식입니다. 민감도가 높은 화면에서 저위험 선택지로 자주 쓰입니다.
대표적인 표현 방식
블러
조금 더 부드러운 제품 인상을 줄 수 있지만, 실제 민감도 기준에 충분한지 팀이 직접 검증해야 합니다.
브랜드 이미지 커버
프리미엄 소비자 앱이나 데모 상황에서 더 세련된 느낌이 필요할 때 유용합니다.
보통은 이렇게 정합니다
1. 민감도 기준으로 선택
결제나 본인확인처럼 민감도가 높은 영역은 설명 가능성과 확실한 인상이 중요한 만큼 단색부터 시작하는 경우가 많습니다.
2. 상태별로 나눠 선택
inactive·앱 전환기 상태와 캡처 관련 상태에 서로 다른 표현을 쓰는 것도 가능하지만, 사용자가 이해하기 어려워지지 않게 유지해야 합니다.
3. 브랜드와 사용성 동시 확인
보호 상태 화면이 QA 기록, 내부 데모, 운영 설명 자료에서도 의도적으로 보이는지 확인합니다.
선택 기준
- • 기저 콘텐츠가 얼마나 민감한가
- • 고객지원이나 운영 담당자가 그 동작을 설명하기 쉬운가
- • 보호 상태가 중립적이어야 하는가, 브랜드 노출이 필요한가, 잠금 상태처럼 분명해야 하는가
- • 라이트/다크 모드, 회전, 다양한 화면 크기에서도 어색하지 않은가
이 실수는 피하는 편이 좋습니다
- • 데모 스크린샷 한 장이 예쁘다는 이유만으로 스타일을 고르지 마세요.
- • 하나의 스타일이 모든 민감 화면에 똑같이 적합하다고 가정하지 마세요.
- • 부드러운 시각 표현을 더 강한 기술 보장처럼 설명하지 마세요.
- • 보안 컨테이너 위의 블러는 하단 콘텐츠의 알아볼 수 있는 블러가 아닌 균일한 색조 화면으로 나타납니다. 이것은 의도된 동작입니다.
스타일 팩토리 메서드
inactive/앱 전환기 상태와 캡처 상태에 사용 가능한 SVProtectionStyle 팩토리 메서드입니다.
- +defaultStyle
- 불투명 검정 단색 오버레이. 두 상태 모두의 기본값입니다. Swift: .defaultStyle
- +solidColorStyleWithColor:
- 단색 오버레이. Swift: .solidColor(_:)
- +imageStyleWithImage:
- 기본 aspect-fill 콘텐츠 모드의 이미지 오버레이. Swift: .image(_:)
- +imageStyleWithImage:contentMode:
- 명시적 콘텐츠 모드의 이미지 오버레이. Swift: .image(_:contentMode:)
- +blurStyleWithEffectStyle:
- 틴트 없는 블러 오버레이. Swift: .blur(style:)
- +blurStyleWithEffectStyle:tintColor:tintAlpha:
- 선택적 틴트 색상과 알파를 포함한 블러 오버레이. Swift: .blur(style:tintColor:tintAlpha:)
구성 예제
inactive/앱 전환기와 캡처 상태에 서로 다른 스타일을 할당하는 예제입니다.
// inactive: blur with dark tint
configuration.inactiveProtectionStyle =
[SVProtectionStyle blurStyleWithEffectStyle:UIBlurEffectStyleSystemChromeMaterialDark
tintColor:UIColor.blackColor
tintAlpha:0.2];
// capture: branded image overlay
configuration.captureProtectionStyle =
[SVProtectionStyle imageStyleWithImage:brandedOverlay
contentMode:UIViewContentModeScaleAspectFill];함께 읽으면 좋은 문서
이 문서만 따로 보지 말고, 도입 흐름에 맞는 인접 문서를 함께 확인하는 편이 좋습니다.