apple 플랫폼에서 머티리얼은 레이어간의 분리를 시각적으로 전달하고 위치감을 유지시킴
이를 통해 생동감을 주고 콘텐츠의 깊이감을 풍부하게 함

모범 사례

머티리얼의 종류

1. blur 흐림

2. vibrancy 생동감

3. blending mode 혼합 모드
   이를 조합하여 앱간 화면 전환에 부드러운 전환을 줌
   

4. 의미론적 의미에 따라 시스템 머티리얼 효과를 선택

5. 머티리얼 적용 시 적절한 대비감을 사용하여야 함

6. 흐림이나 생동감효과와 같이 이용할 머티리얼 사용 시 대비와 시각적 분리감을 위해서 적당한 두께의 콘텐츠나 고려하기.

7. 반투명도는 시각적 미리알림 효과로 진행을 유지하는 느낌을 줌

플랫폼 고려사항

iOS, iPadOS

표준 시스템 색상은 생동감 있는 버전에서 사용할 수 없지만 iOS 및 iPadOS는 각 머티리얼에 맞게 특별히 디자인된 각 레이블, 채우기 및 분리자의 생동감 있는 색상을 정의

채우기는 4차색까지 있으나 3차색까지만 사용 됨(4차 레이블은 대비가 적어서 사용하지 않음)

분리선은 1개의 종류만 사용 됨

macOS

윈도우, 메뉴, 팝오버, 사이드바, 제목 막대 등의 기본 스타일에 맞게 머티리얼을 선택할 수 있음

1. 생동감 설정: 사용자가 선택할 수 있는 옵션으로, 생동감이 활성화되면 콘텐츠가 더 선명하게 보임
2. 배경 혼합 모드 (Blending Modes) - 윈도우 뒤 혼합 (Behind-Window Blending)
- 정의: 윈도우 뒤에 있는 콘텐츠를 표시해주며, 앱이나 게임의 진행 상태를 유지
- 사용 예시: 메뉴, 시트, 사이드바 등에서 자동으로 사용됩니다.
3. 배경 혼합 모드 (Blending Modes) - 윈도우 내 혼합 (In-Window Blending)
- 정의: 윈도우 내의 콘텐츠가 다른 윈도우 구성요소를 통해 표시
- 사용 예시: 도구 막대가 윈도우 콘텐츠와 자연스럽게 혼합되며, 도구 막대 아래에서 스크롤될 때 연속성을 느낄 수 있음