[HIG] Collections
정렬된 콘텐츠를 관리하는 컬렉션
본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.
Introduction
컬렉션은 정렬된 콘텐츠를 관리하고 커스텀이 가능한 시각적인 레이아웃입니다.
일반적으로 컬렉션은 이미지 기반의 콘텐츠를 사용자들에게 보여주는데 좋습니다.
Best Practices
가능하다면 표준 행이나 그리드 레이아웃을 사용하세요. 컬렉션은 기본적으로 사람들이 생각하는 단순하고 효과적인 형태인 수평 행이나 그리드 형태로 콘텐츠를 표시합니다. 커스텀 레이아웃은 사람들을 혼란스럽게 하거나 과도한 관심을 끌 수 있으니 사용하지 않는 것이 좋습니다.
텍스트의 경우 컬렉션보다는 테이블(목록) 사용을 고려해 보세요. 일반적으로 텍스트 정보는 스크롤이 가능한 목록으로 보일 때 이해하기 쉽고 효율적입니다.
항목을 쉽게 선택할 수 있게 하세요. 만약 컬렉션 항목을 선택하기 어렵다면 사람들은 원하는 콘텐츠에 도달하기 전에 좌절하고 흥미를 잃게 됩니다. 이미지를 명확하게 하고 콘텐츠가 겹치지 않도록 이미지 주위에 적절한 패딩을 사용하세요.
필요한 경우 커스텀한 제스처 및 상호작용을 제공하세요. 기본적으로 사람들은 탭으로 선택하고 길게 눌러 편집하며, 스와이프로 스크롤할 수 있습니다. 앱에 필요한 경우 사용자가 원하는 작업을 수행하기 위해 제스처를 추가할 수 있습니다.
사람들이 항목을 삽입, 삭제하거나 재정렬할 때 애니메이션과 함께 피드백을 제공하는 것을 고려해 보세요. 컬렉션은 이러한 작업에 대한 기본 애니메이션을 지원하며 커스텀한 애니메이션을 사용할 수도 있습니다.
Platform considerations
No additional considerations for macOS. Not supported in tvOS or watchOS.
iOS, iPadOS
동적인 레이아웃은 주의해서 변경하세요. 컬렉션 레이아웃은 동적으로 변경할 수 있지만 모든 변경사항은 적절하고, 사용자들이 전과 후를 쉽게 알 수 있어야 합니다. 변경사항이 명시적이지 않다면, 사람들이 레이아웃을 보고 상호작용하는 동안에는 레이아웃을 변경하지 않도록 합니다.
