애플 휴먼 인터페이스 가이드라인(44) Views -4 Collections

Collections
콜렉션

A collection manages an ordered set of content, such as a set of photos, and presents it in a customizable and highly visual layout. Because a collection doesn’t enforce a strictly linear format, it’s particularly well-suited to displaying items that vary in size. Generally speaking, collections are ideal for showing off image-based content. Backgrounds and other decorative views can optionally be implemented to visually distinguish subsets of items.

콜렉션은 사진 등의 콘텐츠 순서 정렬을 관리하며, 커스텀 가능한 시각적 레이아웃으로 보여줍니다. 콜렉션은 직선의 포맷만을 엄격히 강요하지 않기 때문에, 아이템을 여러 사이즈로 보여주는데 적합합닏. 일반적으로, 콜렉션은 이미지 기반의 콘텐츠를 보여주는데 이상적입니다. 아이템의 부분 집합들을 시각적으로 구분하기 위해, 배경이나 다른 장식적인 뷰를 사용할 수도 있습니다.

 

Collections support both interactivity and animation. By default, you can tap to select, touch and hold to edit, and swipe to scroll. If your app requires it, more gestures can be added for performing custom actions. Within a collection, animations can be enabled whenever items are inserted, deleted, or reordered, and custom animations are also supported.

콜렉션은 상호작용성과 애니메이션을 지원합니다. 기본적으로 선택을 위해 탭하고, 누른 뒤 그 상태를 유지해 수정할 수 있으며, 스크롤을 위해 스와이프할 수 있습니다. 앱에서 필요하다면, 더 많은 제스처들을 사용해 커스텀 액션을 수행할 수 있습니다. 콜렉션을 사용하면 아이템이 삽입되거나, 지워지거나, 새로 정렬될 때 애니메이션이 작동하고, 아예 새로운 애니메이션을 커스텀할 수도 있습니다.

 

Avoid creating radical new designs when a standard row or grid layout is sufficient. A collection should enhance the user experience, not become the center of attention. Make it easy to select an item. If it’s hard to tap an item in your collection, people will get frustrated and lose interest before reaching the content they want. Use adequate padding around content to keep the layout clean and prevent overlapping of content.

열이나 그리드 레이아웃이 충분하다면, 굳이 급진적으로 새로운 디자인을 만들지 마세요. 콜렉션은 사용자의 경험을 높여야지, 주의를 기울여야만 하는 대상이 되어선 안됩니다. 항목을 고르기 쉽게 하세요. 콜렉션의 항목을 탭하기 어렵다면, 사용자들은 좌절감을 느끼고, 그들이 원하는 콘텐츠에 다다르기도 전에 흥미를 잃어버릴 것입니다. 충분한 패딩값(여백)을 주어 레이아웃을 깔끔하게 만들고, 콘텐츠끼리 겹치지 않도록 하세요.

 

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.

텍스트를 보여주고 싶다면 콜렉션보단 표를 사용해보세요. 일반적으로 문자 정보는 스크롤 가능한 리스트로 보여질 때 더 간단하며, 사용자들이 더 효율적으로 보고 이해할 수 있습니다.

 

Use caution when making dynamic layout changes. The layout of a collection can be changed at any time. If you dynamically change the layout while people are viewing and interacting with it, be sure the change makes sense and is easy to track. Unmotivated layout changes can make your app seem unpredictable and difficult to use. If context is lost due to a layout change, people are likely to feel like they’re no longer in control.

For developer guidance, see UICollectionView.

다이나믹 레이아웃 변화가 있을 땐 주의를 기울이세요. 콜렉션의 레이아웃은 언제든 변할 수 있습니다. 만약 사용자들이 레이아웃을 보고 상호작용하는 중간에 크게 바꾼다면, 그 변화가 논리적으로 말이 되고 따라가기 쉬워야 합니다. 딱히 동기가 없는 레이아웃 변화는 앱을 예상 불가능한 것으로 만들고, 사용하기도 어렵게 합니다. 또 이 변화때문에 맥락이 사라진다면, 사용자들은 그들이 더이상 이 앱에 통제권을 쥐고 있다고 생각하지 못할 것입니다.