구분선(Divider)

구분선은 UI 요소들 사이에 가시적인 경계를 만들어, 컨텐츠를 명확하게 구분하는데 사용된다. 이는 사용자가 인터페이스를 이해하는 데 도움을 주며, 정보의 그룹화를 촉진한다.

사용 예시

구분선은 메뉴 항목, 리스트 항목, 섹션 등, 서로 다른 UI 요소나 그룹 간에 명확한 경계를 설정하는 데 사용된다. 예를 들어, 사이드바 메뉴에서 각 메뉴 항목을 분리하거나, 긴 목록에서 서로 다른 카테고리의 아이템을 구분하는 데 구분선을 사용할 수 있다.

주의점

  • 구분선은 요소들을 구분하는 목적으로만 사용되어야 하며, 불필요하게 과다하게 사용되어서는 안 된다. 과도한 구분선 사용은 UI를 복잡하게 만들고 사용자의 주의를 분산시킬 수 있다.
  • 구분선의 스타일과 색상은 앱의 전체적인 디자인 양식과 일관성을 유지해야 한다.

참조

머티리얼디자인 : https://m2.material.io/components/dividers