HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Labels

Labels

iOS Label의 아이콘과 텍스트 조합 스타일을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Labels
Items
★
Favorites
↓
Downloads
⚙
Settings
✉
Messages
📅
Calendar
📷
Photos
⚠️ HIG 위반: 라벨이 혼란을 줍니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Pair icons with text for clarity
  • Use SF Symbols for consistent iconography
  • Use semantic label styles (.titleAndIcon, .titleOnly, .iconOnly)
  • Ensure icons and text are visually aligned

✗ 이렇게 하지 마세요

  • Don't use ambiguous icons without text labels
  • Don't mix icon styles (SF Symbols with custom icons)
  • Don't use too many colors in label icons
  • Don't make labels too complex with multiple lines

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

Leading
Trailing
Small
Regular
Large
SwiftUI Code
Label("Favorites", systemImage: "star.fill") .labelStyle(.titleAndIcon) .font(.body) .foregroundStyle(.blue)
HIG Lab — Apple Human Interface Guidelines Interactive Playground