버튼
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 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.
첫글자는 대문자로 하세요. 모든 글자의 첫단어는 대문자를 사용하되, 관사(a, an, the), 등위 접속사(and, or, but..), 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.
필요한 경우에만 테두리나 배경을 추가하세요. 기본적으로 시스템 버튼엔 테두리나 배경이 없습니다. 그러나 몇몇 콘텐츠 영역에선 상호작용성을 나타내기 위해 필요한 경우도 있습니다. 전화 앱에선 숫자 키에 테두리가 있어 전화를 거는 전통적인 모델을 강화시키고, 발신 버튼의 배경색은 누르기 쉽도록 시선을 잡아끕니다.