HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Activity Rings

Activity Rings

Apple Activity Rings의 동심원 진행률 표시를 직접 체험해보세요. 링 개수, 진행률, 색상, 애니메이션을 컨트롤 패널에서 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Activity
Progress
Summary
Adjust
⚠️ HIG 위반: 링이 읽기 어렵습니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use concentric rings for related progress metrics
  • Animate progress changes for visual delight
  • Use distinct, vibrant colors for each ring
  • Show rounded end caps for the Apple Watch style
  • Include a legend explaining what each ring represents

✗ 이렇게 하지 마세요

  • Don't use more than 3 rings (readability suffers)
  • Don't use similar colors for adjacent rings
  • Don't skip the background track — it shows the goal
  • Don't make rings too thin to be visible

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

75%
50%
90%
Classic
Ocean
Sunset
Neon
Animate
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground