iPhone X Human Interface Guidelines의 요점

iPhone X가 등장한 것으로 새롭게 주의해야 할 점을 Human Interface Guidelines에서 정리했습니다.

최소한 알아야 할 사항


  • 레이아웃은 모든 화면 영역을 사용하여 표시됩니다.
  • 화면의 네 모퉁이가 둥글기 때문에 끝이 잘릴 수 있습니다
  • 수화구 주위 (상부 중앙)와 홈 화면으로 돌아가기위한 제스처 용 기준 표시 (하단)에 UI 요소가 덮여 보이지 않을 수 있습니다.
  • 가로 폭은 iPhone8까지의 크기와 같지만, 세로가 길다 (1125px × 2436px (375pt × 812pt @ 3x))
  • SafeArea라는 새로운 개념이 있다 (Storyboard에 추가. 프로그램 측에서도 취급할 수 있다.)
  • 상태 표시 줄의 높이는 기존 화면의 높이보다 높기 때문에 결정을 내렸을 때주의하십시오
  • 기존에는 상태 표시 줄에 통화 중 등의 배경 작업 표시가되면 높이가 바뀌었지만 iPhone X에서는 높이가 변하지 않습니다.
  • 화면의 종횡비가 크게 다르므로 전체 화면의 이미지 소재를 기존 화면과 사용하는 경우주의하십시오.
  • 화면 하단의 스 와이프 제스처를 홈 버튼 대신 사용하기 위해 해당 영역의 사용자 지정 제스처가 비활성화됩니다.

    대책에 대해서


  • 표준 UI 파트를 사용하는 경우 거의 문제 없음 (NavigationBar, TableView, CollectionView, TabBar 등)
  • 커스텀 파트를 사용하고 있어도 대응은 비교적 간단합니다 (특히 AutoLayout를 사용하고 있어, Storyboard상에서 SafeArea와 Margin의 레이아웃 가이드를 사용하고 있는 경우는 간단하게 대응할 수 있다.)
  • 터미널이 없어도 Simulator에서 레이아웃을 확인할 수 있습니다


  • 출처 : iPhone X Human Interface Guidelines

    알아두면 좋다


  • iPhone X의 화면은 기존의 화면보다 컬러 스페이스가 넓기 때문에 (Wide color) 이미지의 보이는 방법이 다를 수 있습니다
  • iPhone X에서는 사용자 정의 키보드를 사용하더라도 키보드 아래에 입력 방법 전환 버튼 및 음성 입력 버튼이 표시됩니다.
  • 둥근 네 모퉁이 영역, 수화구 영역, 홈으로 돌아가기 하지 마십시오 (SafeArea 외부도 연속적으로 연결되어있는 것처럼 보입니다.)
  • 또한이 영역에 사용자에게 지시하는 텍스트를 표시하여주의를 기울이지 않습니다.
  • Auto-hiding 기능(홈으로 돌아가기 제스처에 대한 표시기를 숨깁니다. 사용자가 화면을 터치할 때 표시됨)을 자주 사용하지 않습니다. 이 기능은 비디오 재생 중이나 슬라이드 쇼 표시 중 등에서만 사용해야 합니다.
  • iPhone X에서는 Touch ID가 아닌 Face ID를 사용하기 때문에 앱에 표시하는 문장 등으로 Touch ID에 대해 언급하고있는 경우 변경해야합니다.


    실수, 추가 등 있으면 편집 요청하실 수 있습니다 도움이됩니다.

    참고
    htps : //에서 ゔぇぺぺr. 아 ぇ. 코 m/이오 s/후만-인테
  • 좋은 웹페이지 즐겨찾기