A collection manages an ordered set of content and presents it in a customizable and highly visual layout.
컬렉션은 정렬된 콘텐츠 세트를 관리하고 이를 사용자 정의 가능하고 시각적인 레이아웃으로 표시합니다.
Generally speaking, collections are ideal for showing image-based content.
일반적으로 컬렉션은 이미지 기반 콘텐츠를 표시하는 데 이상적입니다.
Use the standard row or grid layout whenever possible. Collections display content by default in a horizontal row or a grid, which are simple, effective appearances that people expect. Avoid creating a custom layout that might confuse people or draw undue attention to itself.
가능하면 표준 행 또는 그리드 레이아웃을 사용하세요. 컬렉션은 기본적으로 사람들이 기대하는 간단하고 효과적인 모양인 가로 행이나 그리드로 콘텐츠를 표시합니다. 사람들을 혼란스럽게 하거나 과도한 관심을 끌 수 있는 커스텀 레이아웃을 만들지 마세요.
→ 컬렉션은 사람 생각하기에 단순한 수평, 그리드 형태로 표시하세요.
Consider using a table instead of a collection for text. It’s generally simpler and more efficient to view and digest textual information when it’s displayed in a scrollable list.
텍스트는 컬렉션 대신 테이블을 사용해 보세요. 일반적으로 스크롤 가능한 목록에 표시되는 텍스트 정보를 보고 요약하는 것이 더 간단하고 효율적입니다.
→ 텍스트는 컬렉션보다 테이블이 어울립니다.
Make it easy to choose an item. If it’s too difficult to get to an item in your collection, people will get frustrated and lose interest before reaching the content they want. Use adequate padding around images to keep focus clear and prevent content from overlapping.
항목을 쉽게 선택할 수 있도록 하세요. 컬렉션에 있는 항목을 찾는 것이 너무 어려우면 사람들은 원하는 콘텐츠에 도달하기 전에 좌절감을 느끼고 흥미를 잃게 됩니다. 초점을 명확하게 유지하고 콘텐츠가 겹치는 것을 방지하려면 이미지 주위에 적절한 패딩을 사용하세요.
→ 항목을 쉽게 선택할 수 있도록 이미지 주위에 패딩을 넣으세요.
Add custom interactions when necessary. By default, people can tap to select, touch and hold to edit, and swipe to scroll. If your app requires it, you can add more gestures for performing custom actions.
필요한 경우 커스텀한 상호 작용을 추가하세요. 기본적으로 사람들은 탭하여 선택하고, 길게 터치하여 편집하고, 스와이프하여 스크롤할 수 있습니다. 앱에 필요한 경우 사용자 지정 작업을 수행하기 위해 더 많은 제스처를 추가할 수 있습니다.
→ 컬렉션에도 사용자 제스처를 추가하세요.
Consider using animations to provide feedback when people insert, delete, or reorder items. Collections support standard animations for these actions, and you can also use custom animations.
사람들이 항목을 삽입, 삭제 또는 재정렬할 때 피드백을 제공하기 위해 애니메이션을 사용하는 것을 고려해보세요. 컬렉션은 이러한 작업에 대한 표준 애니메이션을 지원하며 사용자 정의 애니메이션을 사용할 수도 있습니다.
→ 컬렉션에서 삽입, 삭제, 재정렬 등 변동이 있을 때 애니메이션을 함께 사용하세요.
No additional considerations for macOS, tvOS, or visionOS. Not supported in watchOS.
macOS, tvOS 또는 VisionOS에 대한 추가 고려 사항은 없습니다. watchOS에서는 지원되지 않습니다.
Use caution when making dynamic layout changes. The layout of a collection can change dynamically. Be sure any changes make sense and are easy to track. If possible, try to avoid changing the layout while people are viewing and interacting with it, unless it’s in response to an explicit action.
동적 레이아웃 변경 시 주의하세요. 컬렉션의 레이아웃은 동적으로 변경될 수 있습니다. 모든 변경 사항이 타당하고 추적하기 쉬운지 확인하세요. 가능하다면 명시적인 작업에 대한 반응이 아닌 한 사람들이 레이아웃을 보고 상호 작용하는 동안 레이아웃을 변경하지 않도록 하세요.
→ 컬렉션의 레이아웃은 동적으로 변경될 수 있지만, 사람들이 상호작용을 하고 있을 때는 움직이면 안됩니다.
Change log
작성 날짜 | 작성자 | 수정사항 |
2023/09/12 | 시즈 | 초기 번역 |
2023/12/22 | 시즈 | 배포 |