본문 바로가기

Human Interface Guidelines

애플 휴먼 인터페이스 가이드라인(58) Controls -6 Page Controls

Page Controls
페이지 컨트롤

A page control shows the position of the current page in a flat list of pages. It appears as a series of small indicator dots, representing the available pages in the order they were opened. A solid dot denotes the current page. Visually, these dots are always equidistant, and are clipped if too many appear onscreen. Users can tap the leading or trailing edge of a page control to visit the next or previous page, but they can't tap a specific dot to go to a specific page. Navigation always occurs sequentially, usually by swiping the page to one side.

페이지 컨트롤은 플랫한 페이지 리스트 중 현재 페이지의 위치를 보여줍니다. 연속되는 작은 표시 점들로 구성되어있고, 열린 순서대로 사용 가능한 페이지들을 보여줍니다. 채워진 점은 현재 페이지를 의미합니다. 시각적으로 이 점들은 항상 같은 거리만큼 떨어져있고, 너무 많으면 묶여집니다. 사용자들은 페이지 컨트롤의 앞이나 뒤를 눌러 다음, 이전 화면을 방문할 수 있으나, 특정 페이지로 가기 위해 특정 점을 누를 순 없습니다. 네비게이션은 차례대로 나타나며, 이는 주로 페이지를 한쪽으로 스와이프했을 때 일어납니다.

 

Don’t use a page control with hierarchical pages. A page control doesn’t show how pages are related or indicate which page corresponds to each dot. This type of control is designed for pages that are peers to one another.

위계순서가 있는 페이지에 페이지 컨트롤을 사용하지 마세요. 페이지 컨트롤은 각각의 페이지가 어떤 관련이 있는지 보여주지 못하고, 각 점에 어떤 페이지가 대응하는지도 알려주지 못합니다. 이런 종류의 컨트롤은 서로 같은 위계의 페이지를 위해 디자인된 것입니다.

 

Don’t display too many pages. More than about 10 dots are hard to count at a glance, and more than about 20 open pages are time-consuming to visit in sequence. If your app needs to display more than 20 pages as peers, consider using a different arrangement—such as a grid—that enables nonsequential navigation.

너무 많은 페이지를 보여주지 마세요. 10개 이상의 점은 한눈에 몇갠지 세기 어렵고, 20개 이상의 페이지는 차례로 방문하기엔 시간낭비를 하기 쉽습니다. 만약 앱에서 동일한 위계의 페이지 20장 이상을 보여줘야 한다면, 다른 방식으로 정렬해보세요. 그리드와 같은 정렬 방식을 사용하면 순서대로 페이지를 거칠 필요 없이 탐색할 수 있습니다.

 

Center page controls at the bottom of the screen. A page control should always be centered and positioned between the bottom of the content and the bottom of the screen. This keeps it visible, without blocking content.

For developer guidance, see UIPageControl.

페이지 컨트롤은 화면 아래에 가운데 정렬하세요. 페이지 컨트롤은 항상 콘텐츠와 화면 아래부분 사이에 가운데 정렬해 위치해야합니다. 이 방식은 콘텐츠를 가리지 않으면서도 컨트롤이 잘 보이도록 합니다.