• New Symbols
    • 집, 가구
    • 건강, 운동
    • 화폐 단위
    • 그 외에도 기존 심볼들을 업그레이드(RTL 쓰기 등에 대응하기 위함)
    • SF Symbol 앱도 업데이트 되면서 카테고리별로 구분해놨다.
  • Rendering modes
    • 이전까지는 렌더링 모드를 제공하지 않으면 무조건 monochrome이였는데, 이제는 심볼별로 지정된 preferred rendering mode로 그려진다. → Automatic rendering
    • 대부분은 automatic으로 하면 적절하지만, 컨텍스트를 고려해서 적절한 렌더링 모드로 그릴 것
  • Variable Color

    • 일부 심볼은 좀 더 동적인 정보를 전달하는데 사용될 수 있다.

      • 다양한 수준의 세기를 표현한다.

      • 시간에 따른 상태 변화로 색상을 이용한다.

        스크린샷 2022-06-11 오후 7.00.14.png

        스크린샷 2022-06-11 오후 6.59.41.png

    • 이를 위해서 심볼의 벡터 패스를 순서대로 정렬했다.

      • 심볼 전체가 이 variable에 참여할 수도 있고, 일부만 참여할 수도 있다.

      스크린샷 2022-06-11 오후 7.04.13.png

      스크린샷 2022-06-11 오후 7.05.04.png

    • Variable Color는 depth를 만들 의도로 쓰는 것은 아니고, 심볼이 나타내는 여러 단계를 하이라이팅하는데 쓰이는 것이다.

  • Unified annotations

    • 모든 렌더링 모드에 일관적으로 적용할 수 있는 레이어 구조.

    • 키워드

      • z-order: 레이어 계층

        스크린샷 2022-06-11 오후 7.15.52.png

      • Draw, Erase: 레이어에 있는 Path를 어떻게 처리할지 결정하기 위한 옵션.

        • draw 옵션을 주면 해당 Path가 차지하는 영역은 최종 결과물에 채워진 상태로 그려진다.
        • erase옵션을 주면 해당 Path가 차지하는 영역은 지워진 상태로 그려진다.
        • 물론 Z-Order에 따라서 결과가 달라질 것이다.
        • 렌더링모드 마다 별도로 지정한다.

    • Variable Color도 Z-Order에 따른 여러개의 layer로 구성된다.

      스크린샷 2022-06-11 오후 7.22.02.png