주어진 아이폰X 의 디자인이 공개되기 몇 달 전에 유출되었기 때문에 많은 사람들은 Apple이 장치의 새로운 TrueDepth 전면 카메라와 얼굴 인식 시스템을 수용하는 노치에 어떻게 접근할지 궁금해했습니다.
이제 iPhone X가 공식 출시되었으므로 답을 알고 있습니다. 애플의 새로운 휴먼 인터페이스 지침 기기의 경우 개발자에게 앱 레이아웃이 전체 화면을 채우도록 하여 노치를 수용하도록 조언합니다.
주요 디스플레이 기능을 가리거나 특별한 주의를 기울이지 마십시오. 장치의 둥근 모서리, 센서 하우징 또는 홈 화면에 액세스하기 위한 표시기를 화면 상단과 하단에 검은색 막대를 배치하여 숨기려고 하지 마십시오. 브래킷, 베젤, 모양 또는 지침 텍스트와 같은 시각적 장식을 사용하여 이러한 영역에 특별한 주의를 기울이지 마십시오.
간단히 말해서, Apple은 개발자가 화면 상단과 하단에 검은색 막대를 배치하여 노치 또는 스와이프 표시기를 숨기는 것을 원하지 않습니다.
아이폰에서 문자 메시지를 음소거하는 방법
Apple은 탐색 모음, 테이블 및 컬렉션과 같은 표준 시스템 제공 UI 요소를 사용하는 대부분의 앱이 기기의 새로운 폼 팩터에 자동으로 적응한다고 말합니다. 배경 자료는 디스플레이의 가장자리까지 확장되고 UI 요소는 적절하게 삽입되고 배치됩니다.
iPhone X의 둥근 디스플레이 가장자리, 센서 하우징 또는 스와이프 제스처 표시기로 인해 콘텐츠가 잘리거나 가려지지 않도록 모든 앱은 App Store에서 승인을 받을 수 있도록 Apple의 안전 영역 및 레이아웃 여백을 준수해야 합니다.
Apple은 또한 개발자에게 화면 맨 아래 또는 모서리에 대화형 컨트롤을 배치하지 않도록 지시하여 맨 아래 가장자리에서 위로 스와이프하여 홈 화면으로 돌아가는 것과 같은 제스처를 방해하지 않도록 합니다.
화면 맨 아래와 모서리에 대화형 컨트롤을 명시적으로 배치하지 마십시오. 사람들은 디스플레이 하단 가장자리에서 스와이프 제스처를 사용하여 홈 화면과 앱 전환기에 액세스하며 이러한 제스처는 이 영역에서 구현하는 사용자 지정 제스처를 취소할 수 있습니다. 화면의 먼 모서리는 사람들이 편안하게 접근하기 어려운 영역일 수 있습니다.
Apple 웹 사이트는 메시지 및 Apple Music과 같이 시스템 제공 요소가 있는 앱이 어떻게 표시되는지에 대한 많은 예를 제공합니다.
Apple의 마케팅 자료에는 특히 게임을 제외하고 가로 모드의 앱 스크린샷이 없습니다. 그 이유는 많은 앱이 해당 방향에서 보기 좋지 않기 때문일 수 있습니다.
Xcode의 iOS 시뮬레이터를 사용하여 여러 개발자가 iPhone X에서 가로 앱이 어떻게 보일지에 대한 스크린샷을 공유했으며 일부 개발자는 앱이 어떻게 보이는지에 대해 실망감을 표시했습니다.
개발자 Thomas Fuchs가 다음을 통해 언급한 바와 같이 더 버지 , iPhone X의 가로 방향은 특히 Safari에서 더 나빠 보입니다. Apple은 노치를 피하기 위해 화면 왼쪽과 오른쪽에 막대를 추가하여 레터박스 웹 사이트를 제공하기 때문입니다.
다행히 막대가 항상 흰색은 아닌 것으로 보입니다. 정확한 색상은 HTML 배경 색상 값에 따라 다를 수 있습니다.iPhone X는 측면에 문자 그대로 흰색 막대가 있는 웹 페이지를 렌더링합니다. pic.twitter.com/ztcWetrLPo - 토마스 푹스(@thomasfuchs) 2017년 9월 13일
노치가 부분적으로 겹치는 와이드스크린 사진과 동영상, 풀스크린 게임은 상황이 다르다.분명히 배경색을 설정하는 방법이 있습니다. Apple TV 4K 페이지에서 가능합니다. pic.twitter.com/Am3xn6wjRp - 토마스 푹스(@thomasfuchs) 2017년 9월 13일
아이폰 11에서 앱 종료하기
다행히도 비디오의 경우 Apple은 기본적으로 노치를 피하기 위해 비디오를 자동으로 삽입합니다. 사용자는 비디오를 두 번 탭하여 전체 화면으로 만들 수 있으며, 이 지점에서 다시 노치로 겹칩니다.
iPhone X 화면 상단의 '노치'가 동영상으로 잘리지 않는 것을 확인할 수 있습니다. pic.twitter.com/tdWlqoGj3 — 데이비드 포그(@Pogue) 2017년 9월 13일
한편, 애플의 사이즈 등급을 기준으로 아이폰X는 가로 방향으로 '컴팩트한 너비'와 '컴팩트한 높이'를 갖고 있는 것으로 알려졌다.
기본적으로 iPhone X의 스와이프 제스처 표시기 때문에 개발자에 따르면 5.8인치 디스플레이는 실제로 가로 방향에서 4.7인치 iPhone 8보다 세로 공간이 적습니다. 숀 최 그리고 스티븐 트로튼 스미스 .
많은 기술 애호가들은 Apple이 Samsung의 Galaxy S8, Xiaomi의 Mi Mix 2 및 LG의 V30과 유사한 노치를 피하기 위해 iPhone X의 약간 더 큰 상단 및 하단 베젤을 제공했어야 한다고 생각합니다. 일부 트위터 사용자는 iPhone X가 해당 디자인으로 어떻게 생겼는지 조롱하기까지 했습니다.
UI/UX 디자이너의 노치가 없는 iPhone X 목업 마티스 클라베르
그러나 적어도 현재로서는 노치가 미래입니다. iPhone X가 11월 초에 출시되면 우리는 새로운 사용자 경험을 처음 맛보고 많은 개발자들이 가능한 한 최고의 앱을 만들 것입니다.
인기 게시물