HIG 뿌시기 - Navigation Bars (2)

이건준·2023년 4월 17일
0

HIG

목록 보기
2/3

HIG Navagtion Bars다음 링크를 타고 들어가시면 더 자세히 확인할 수 있습니다 !!

1. 유용한 컨텍스트를 제공하는 경우 제목 영역을 사용하여 현재 화면을 설명하십시오.

우리가 앱을 개발할때에 title을 이용하여 네비게이션바의 타이틀을 지정하게되는데 이때 화면 제목은 사용자가 앱을 탐색할 때 자신의 위치를 확인하는 데 도움이 됩니다. 그러나 내비게이션 바에 제목을 지정하는 것이 불필요한 것처럼 보이면 제목 영역을 비워둘 수 있습니다. 앱 이름은 화면이나 콘텐츠 계층 구조에 대한 유용한 정보를 제공하지 않으므로 제목으로 적합하지 않습니다.

2. 간결한 화면 제목을 작성합니다.

화면의 목적을 추출하는 단어나 짧은 문구를 목표로 하십시오. 약 15자 이하를 사용하면 뒤로 버튼과 선택적 컨트롤을 위한 충분한 공간이 있기 때문에 대부분의 화면에서 잘 작동하는 경향이 있습니다.

3. 보다 몰입감 있는 환경을 제공하기 위해 탐색 모음을 일시적으로 숨길 수 있습니다.

예를 들어 앨범에서 사진을 볼때 사람들이 전체 화면 사진을 볼 때 내비게이션 바 및 기타 인터페이스 요소를 숨깁니다. 마치 하나의 사진을 크게 보기위함이여서 사용자는 다시 터치를 하거나 스크롤하여 네비게이션바를 생성하도록 할 수도 있을 것이다

4. 기본으로 제공해주는 백 버튼을 사용하자

Use the standard back button. People know that the standard back button lets them retrace their steps through a hierarchy of information. If you implement a custom back button, make sure it still looks like a back button, behaves as people expect, matches the rest of your interface, and is consistently implemented throughout your app or game. If you replace the system-provided back button chevron with a custom image, you may need to supply a custom mask image, too. For example, iOS uses this mask to animate the button title during transitions.

기본 제공되는 백 버튼을 사용하라. 사람들은 이 기본 제공되는 백 버튼을 사용하여 되돌아갈 수 있다는것을 알고있다. 만약 너가 커스텀 백 버튼을 구현할것이라면, 그 커스텀 버튼은 확실하게 사람들이 기대하는것처럼 백 버튼이 보여야만하고 너의 앱 전체에서 일관성을 유지해야한다. 만약에 당신이 커스텀 이미지로 시스템 백 버튼을 대체하고싶다면 당신은 아마도 커스텀 마스크 이미지가 필요할 것이다. 예를 들어서 iOS에서는 이 마스크를 화면 전환중에 버튼의 타이틀이 애니메이션되는것처럼 사용된다.

  • 여기서 마스크 이미지란 특정 영역을 제외하고는 투명처리를 하는것을 의미한다, 즉 원하는 부분만 추출하기에 용이한 이미지이다

5. 텍스트 레이블을 사용하는 버튼에 충분한 공간이 있는지 확인하십시오.

Make sure buttons that use text labels have enough room. If your navigation bar includes more than one text-labeled button, the text of those buttons may appear to run together, making the buttons indistinguishable. Add separation by inserting a fixed-space item between the buttons. For developer guidance, see UIBarButtonSystemItemFixedSpace.

텍스트 라벨을 사용하는 버튼들 사이에 충분한 공간을 확보하라. 만약 당신의 네비게이션바가 하나이상의 텍스트라벨버튼을 포함한다면 그 버튼들의 텍스트는 구분할 수 없어서 함께 동작하는것처럼 보일지도 모른다. 그 버튼들 사이에 고정된 공간을 가지는 아이템을 삽입함으로써 나누어라

0개의 댓글