관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 21. SF Symbol (아이콘, 개발자, 디자이너) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 21. SF Symbol (아이콘, 개발자, 디자이너)

jake-kim 2021. 5. 24. 23:16

SF Symbol

SF Symbol

  • SF Symbol: iOS13+부터 개발자와 디자이너를 위한 도구이며 1500가지가 넘는 symbol set 제공
  • SF Synbol은 weight와 size의 텍스트에 optical vertical alignment를 자동으로 보장

 

Xcode에서 SF Symbol 사용방법

SF Symbol 특징

  • small, medium, large 세 가지 스케일로도 제공
  • 앱의 강조 색상을 사용할 수 있는 장점 존재
    • cloud.sun.rain 강조 -> cloud.sun.rain.fill

커스텀 SF Symbol

홈페이지에서 다운로드 가능

  • 설치 후 앱 진행

* 참고

https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

 

Comments