[iOS] SF Symbols

SF Symbols 7은 Apple 플랫폼의 시스템 글꼴인 San Francisco와 완벽하게 통합되도록 설계된 6,900개 이상의 심볼 라이브러리입니다. 심볼은 9가지 굵기와 3가지 크기로 제공되며, 텍스트에 자동으로 정렬됩니다. 또한 벡터 그래픽 도구를 사용하여 내보내고 편집하여 디자인 특성과 접근성 기능을 공유하는 맞춤형 심볼을 만들 수 있습니다. SF Symbols 7은 Draw 애니메이션과 가변 렌더링, 향상된 Magic Replace, 그라디언트, 그리고 수백 개의 새로운 심볼을 제공합니다.

 

https://developer.apple.com/sf-symbols/ 

위 링크에서 SF Symbols app을 다운로드 할 수 있다.

SF Symbols - Apple Developer

 

SF Symbols : Apple이 개발자들을 위해 제공하는 6,000개 이상의 아이콘 라이브러리다.

Apple의 시스템 폰트인 San Francisco와 완벽하게 통합되도록 설계되어 다양한 무게(굵기)와 크기로 사용할 수 있다.

 

설치 방법

구글에 SF Symbols 검색

우측 상단위의 다운로드를 클릭하여 다운로드 하거나

다운로드 가능한 버젼 확인

홈페이지에서 스크롤을 내려도 다운로드 확인 가능

Applications에 설치 확인, 다운로드 받은 app 실행

다양한 심볼, 아이콘확인 가능

 

SF Symbols 특징

다양한 아이콘 : SF Symbols는 3,000개 이상의 다양한 아이콘을 제공한다. 다양한 종류의 시스템 아이콘을 제공하여 앱 개발 시 UI 요소에 쉽게 적응할 수 있다.

an Francisco 폰트와의 통합 : Apple의 시스템 폰트와 자동으로 정렬되고, 9가지 굵기와 3가지 크기로 제공되어 다양한 디자인에 유연하게 대응합니다.

벡터 형식 : 아이콘은 벡터 형식으로 제공되어 해상도에 관계없이 선명하게 표시된다.

사용자 맞춤화 : 아이콘의 크기, 색상, 무게 등을 조정할 수 있다.

아이폰과 iPad 지원 : 앱 내에서 SF Symbols를 활용하여 일관된 인터페이스를 유지할 수 있다.

디자인 일관성 : 애플의 디자인 가이드라인에 맞춰 제작되어, 앱 내에서 일관된 시각적 스타일을 제공한다.

다양한 렌더링 모드 :

• 계층형(Hierarchical) : 단일 색상을 사용하여 깊이와 강조를 더한다
• 팔레트(Palette) : 여러 대비되는 색상을 사용한다.
• 멀티컬러(Multcolor) : 수백 개의 심볼에 내재된 색상을 제공한다.

애니메이션 효과 :

• Draw : 손글씨 흐름을 모방한 새로운 애니메이션 시스템으로, 심볼이 앱 인터페이스에 나타나거나 사라지는 방식을 표현한다.
• Variable Draw: 심볼의 강도나 진행 상황을 정밀하게 전달할 수 있으며, 진행 표기로도 활용될 수 있다
• 그라디언트(Gradients) : 심볼에 깊이와 시각적 흥미를 더하기 위해 부드러운 선형 그라이언트를 적용할 수 있다.
• Magic Replace : 관련 심볼 간의 애니메이션 전환 시 연속성을 향상한다. 

커스텀 심볼 생성 : 기존 SF Symbols를 수정하거나 직접 새로운 심볼을 생성하여 앱에 사용할 수 있다.

 

 

 

---

 

 

SF Symbols는 Mac용 Xcode에서 제공하는 SF Symbols 앱을 통해 쉽게 찾아보고, 확인하고 사용법을 익힐 수 있다. 이름을 복사하여 Xcode 프로젝트에 적용할 수 있다. 개발자는 이 라이브러리를 통해 일관성 있고 시각적으로 매력적인 사용자 인터페이스를 쉽게 구현할 수 있다. 이 앱에서는 아이콘을 검색하고, 스타일을 조정하며, 앱 개발에 필요한 정보를 쉽게 확인할 수 있다.