본문 바로가기

Human Interface Guidelines

애플 휴먼 인터페이스 가이드라인(65) Controls -14 Switches

Switches
스위치

A switch is a visual toggle between two mutually exclusive states — on and off.

스위치는 시각적 토글로, 두개의 확실한 상태를 조절합니다. 켜고, 끄기.

 

Consider tinting a switch to match the style of your app. If it works well in your app, you can change the colors of a switch in its on and off states.

스위치의 색을 앱의 스타일과 맞게 변경해보세요. 앱과 잘 어울린다면, 켜고 끄는 스위치의 색상을 바꿀 수 있습니다.

 

Use switches in table rows only. Switches are intended for use in tables, such as in a list of settings that can be toggled on and off. If you need similar functionality in a toolbar or navigation bar, use a button instead, and provide two distinct icons that communicate the states.

스위치는 테이블의 열에만 사용하세요. 스위치는 설정 리스트 등에서 토글해 켜고 끌 수 있도록 의도해 디자인되었습니다. 툴바나 네비게이션 바에서 비슷한 기능이 필요하다면 버튼을 대신 사용하세요. 그리고 각 상태를 알 수 있는 두개의 구별되는 아이콘을 사용하세요.

 

Avoid adding labels to describe the values of a switch. Switches are either on or off. Providing labels that describe these states is redundant and clutters the interface.

스위치의 값을 설명하기 위한 라벨(레이블)은 붙이지 마세요. 스위치는 켜고 끌 수 있는 것이 전부입니다. 이런 상태를 설명하기 위한 라벨은 불필요하며, 화면을 어지럽힙니다.

 

Consider using switches to manage the availability of related interface elements. Switches often affect other content onscreen. Enabling the Airplane Mode switch in Settings, for example, disables certain other settings, such as Cellular and Personal Hotspot. Disabling the Wi-Fi switch in Settings > Wi-Fi causes available networks and other options to disappear.

For developer guidance, see UISwitch.

스위치를 사용해 화면의 요소 이용 가능 여부를 관리할 수 있도록 해보세요. 스위치는 종종 화면의 다른 콘텐츠에 영향을 줍니다. 예를 들어 설정에서 비행기 모드를 켰다면, 셀룰러나 개인 핫스팟 같은 특정 세팅 사용이 불가능해집니다. 설정 > Wi-Fi에서 와이파이를 끄면 네트워크를 켜고, 다른 옵션이 사라지게 됩니다.