[HIG] Glyph란?

HIG Glyphs 🌐

Glyphs

• glyph는 아이디어를 나타내는 그래픽 이미지 (모든 플랫폼에서의 시스템은 많은 양의 glyphs를 표현해 놓음)
• 탭바, 버튼, 네비게이션바 등의 인터페이스 요소에 들어갈 공통적인 것들을 표현하기 위한 것
• iOS 13 부터 glyph 표현을 위해 SF Symbols을 사용하게 됨. 그 이전엔 템프릿 이미지
• 단순한 형식인편 - icon이 glyph 보다 시각적 요소(그림자, 텍스쳐, 하이라이트 등) 가 더 추가된 형태임

Glyph를 Custom 할 때 숙지 사항

• 알아보기 쉽게, 매우 간단하게
• 앱의 모든 glyph는 시각적으로 일관성 되게 유지
• 특별히 강조해야 할 경우를 제외하고는 두께의 레벨을 비슷하게 유지(주변의 텍스트들과도 비슷하게 어울리도록)
• 필요할 경우 시각적으로 정렬이 맞도록 적절한 간격 두기 (수치적으로 가운데보다 눈으로 봤을 때 가운데인게 더 좋음)
• 필요한 경우, glyph가 선택된 상태일 때의 버전도 제공하기
• glyph 의미 설명을 위한 텍스트 추가하기 (가능하면 장애가 있는 분을 위한 오디오적인 설명도 추가)
• 애플의 하드웨어 제품을 표현하는 것은 만들면 안 됨(SF Symbols에 있는 것 사용)
• 이미지를 템플릿화 할때 pdf 형식 사용하는 것이 좋음

HIG SF Symbols 🌐

San Francisco 시스템 폰트와 통합되어 사용하도록 Apple이 만든 3100여개의 심볼들 (iOS 13이상 가능)

• text의 weight나 size 속성과 맞게 조정가능
• 다양한 컬러와 레이어, 변형 모드 제공