Buttons

Buttons initiate app-specific actions, have customizable backgrounds, and can include a title or an icon. The system provides a number of predefined button styles for most use cases. You can also design fully custom buttons.

버튼은 앱 별 액션을 시작하고, 사용자 정의 할 수 있는 배경을 가지고 있으며 제목이나 아이콘을 포함 할 수 있습니다. 이 시스템은 대부분의 사용 사례에 대해 미리 정의된 여러 가지 버튼 스타일을 제공합니다. 완전한 사용자 지정 버튼을 디자인 할 수도 있습니다.

For developer guidance, see UIButton.

System Buttons

System buttons often appear in navigation bars and toolbars, but may be used anywhere.

시스템 버튼은 종종 네비게이션바와 툴바에 나타나지만 어디에서나 사용할 수 있습니다.

Use verbs in titles. An action-specific title shows that a button is interactive and says what happens when you tap it.

제목에 동사를 사용하십시오. 액션 별로 제목은 버튼이 대화형인걸 보여주고 그것을 탭할때 무슨일이 발생할지 말해줍니다.

Use title-case for titles. Capitalize every word except articles, coordinating conjunctions, and prepositions of four or fewer letters.

제목에 대문자를 사용하십시오. 기사, 연결사 및 4 자 이하의 전치사를 제외한 모든 단어를 대문자로 표기하십시오.

Keep titles short. Overly long text can crowd your interface and may get truncated on smaller screens.

제목을 짧게 유지하십시오. 지나치게 긴 텍스트는 인터페이스를 밀어낼 수 있으며 작은 화면에서 잘릴 수 있습니다.

Consider adding a border or a background only when necessary. By default, a system button has no border or background. In some content areas, however, a border or background is necessary to denote interactivity. In the Phone app, bordered number keys reinforce the traditional model of making a call, and the background of the Call button provides an eye-catching target that’s easy to hit.

필요한 경우에만 테두리나 배경을 추가하는 것을 고려하십시오. 기본적으로 시스템 버튼에는 테두리나 배경이 없습니다. 그러나 일부 콘텐츠 영역에서는 상호 작용을 나타 내기 위해 테두리나 배경이 필요합니다. 전화 앱에서, 테두리된 숫자 키는 전통적인 통화 모델을 강화하며, 통화 버튼의 배경은 눈에 띄기 쉬운 타겟을 제공합니다.

For developer guidance, see the UIButtonTypeSystem button type of UIButton.

Detail Disclosure Buttons

A Detail Disclosure button opens a view—typically, a modal view—containing additional information or functionality related to a specific item onscreen. Although you can use them in any type of view, Detail Disclosure buttons are commonly used in tables to access information about specific rows.

Detail Disclosure 버튼은 화면상의 특정 항목과 관련된 추가 정보 또는 기능을 포함하는 뷰 (일반적으로 모달뷰)를 엽니다. 어떤 유형의 뷰에서도 사용할 수 있을지라도, Detail Disclosure 버튼은 일반적으로 테이블에서 특정 행에 대한 정보에 접근하는 데 사용됩니다.

Use Detail Disclosure buttons appropriately in tables. When a Detail Disclosure button is present in a table row, tapping the button shows additional information. Tapping elsewhere selects the row or results in app-defined behavior. If you want people to tap the entire row to see additional detail, don’t use a Detail Disclosure button. Instead, use a detail disclosure accessory control, which appears as a chevron. See UITableViewCellAccessoryType in UITableViewCell.

테이블에 Detail Disclosure 버튼을 적절하게 사용하십시오. 테이블 행에 Detail Disclosure 버튼이있는 경우 버튼을 탭하면 추가 정보가 표시됩니다. 다른 곳을 탭하면 앱 정의 동작에서 행 또는 결과가 선택됩니다. 사람들이 전체 행을 탭하여 추가 세부 사항을 보게 하려면 Detail Disclosure 버튼을 사용하지 마십시오. 대신 chevron으로 나타나는 detail disclosure accessory control을 사용하십시오.

For developer guidance, see the UIButtonTypeDetailDisclosure button type of UIButton.

Info Buttons

An Info button reveals configuration details about an app, sometimes on the back of the current view, after flipping the view around. Info buttons come in two styles—light and dark. Pick the style that best coordinates with your app’s design and doesn’t get lost onscreen.

정보 버튼은 주변의 뷰를 뒤집은 후 현재 뷰의 뒷면에 있는 앱에 대한 자세한 구성 정보를 드러냅니다. 정보 버튼은 밝음과 어두운 두 가지 스타일로 제공됩니다. 앱의 디자인과 가장 잘 조화되고 화면 상에 손실되지 않는 스타일을 선택하십시오.

For developer guidance, see the UIButtonTypeInfoLight and UIButtonTypeInfoDark button types of UIButton.

Add Contact Buttons

Users can tap an Add Contact button to browse a list of existing contacts and to select one for insertion into a text field or other view. In Mail, for example, you can tap the Add Contact button in the To field of a message to select a recipient from your list of contacts.

사용자는 연락처 추가 버튼을 탭하여 기존 연락처 목록을 탐색하고 텍스트 필드나 다른 뷰에 삽입 할 연락처를 선택할 수 있습니다. 예를 들어 메일의 경우 메시지의 받는 사람 필드에 있는 연락처 추가 버튼을 눌러 연락처 목록에서 받는 사람을 선택할 수 있습니다.

Allow keyboard entry in addition to the Add Contact button. The Add Contact button provides an alternative, not a replacement, to typing contact information. It’s fine to provide it as a shortcut for adding existing contacts, but let people enter contact information with the keyboard too.

연락처 추가 버튼 외에도 키보드 입력을 허용하십시오. 연락처 추가 버튼은 입력 대신 연락처 정보를 대체 할 수 있는 대안을 제공합니다. 기존 연락처를 추가하는 지름길로 제공하는 것이 좋지만 사람들이 키보드로 연락처 정보를 입력할 수도 있습니다.

For developer guidance, see the UIButtonTypeContactAdd button type of UIButton.

Buttons - Controls - iOS - Human Interface Guidelines - Apple Developer