Materials

On Apple platforms, a material imparts translucency and blurring to a background, creating a sense of visual separation between foreground and background layers.

애플 플랫폼에선, 머터리얼이 전경과 후경의 계층 사이에 시각적 구분의 감각을 생성하며 배경에 반투명도와 흐림 효과를 전달합니다.

Best practices

  • Choose system materials and effects based on semantic meaning and recommended usage.
    • 시스템 머터리얼과 효과들을 의미론적 의미와 권장 사항에 근거하여 선택하세요.
  • Help ensure legibility by using only vibrant colors on top of materials.
    • 머터리얼즈 위에 오직 생생한 색상들을 사용하면서 가독성을 보장해 주세요.
  • Consider using SF Symbols instead of full-color icons.
    • full-color icons보다 SF Symbols 사용을 고려해 주세요.
  • Consider contrast and visual separation when choosing a material to combine with blur and vibrancy effects.
    • 흐림 효과와 생생한 효과들이 결함된 머터리얼을 선택할 때, 대비와 시각적 구분을 고려해 주세요.

Platform considerations

iOS, iPadOS

macOS

  • Choose when to allow vibrancy in custom views and controls.
    • 커스텀 뷰들과 컨트롤에서 생동감을 허용할 시기를 선택하세요.
  • Choose a background blending mode that complements your interface design.
    • 당신의 인터페이스 디자인을 보완할 배경 혼합 모드를 선택하세요.

tvOS

  • Use lighter, translucent materials to elevate content and make it feel fresh.
    • 더 가볍고, 투명한 머터리얼들을 사용하여 컨텐트를 주목시키고 신선한 느낌을 주도록 하세요.