Учитывая, что дизайн iPhone X был слит за несколько месяцев до его анонса, многие задавались вопросом, как Apple подойдет к вырезу, в котором размещена новая фронтальная камера TrueDepth и система распознавания лиц.
Теперь, когда iPhone X представлен официально, мы знаем ответ. Новые рекомендации Apple по человеческому интерфейсу для устройства советуют разработчикам принять вырез, обеспечив заполнение макетов своих приложений всем экраном.
Не маскируйте и не привлекайте особого внимания к ключевым элементам дисплея. Не пытайтесь скрыть закругленные углы устройства, корпус датчиков или индикатор для доступа к домашнему экрану, размещая черные полосы сверху и снизу экрана. Также не используйте визуальные украшения, такие как скобки, рамки, формы или текстовые инструкции, чтобы привлечь особое внимание к этим областям.
Проще говоря, Apple не хочет, чтобы разработчики скрывали вырез или индикатор свайпа, размещая черные полосы сверху и снизу экрана.
Apple заявляет, что большинство приложений, использующих стандартные элементы пользовательского интерфейса, предоставляемые системой, такие как панели навигации, таблицы и коллекции, автоматически адаптируются к новому форм-фактору устройства. Фоновые материалы простираются до краев дисплея, а элементы пользовательского интерфейса соответствующим образом вставляются и позиционируются.
Чтобы гарантировать, что контент не будет обрезан или скрыт закругленными краями дисплея iPhone X, корпусом датчиков или индикатором жестов свайпа, все приложения должны соблюдать безопасные зоны и поля макета Apple для одобрения в App Store.
Apple также предписывает разработчикам не размещать интерактивные элементы управления в самом низу экрана или в углах, чтобы избежать вмешательства в жесты, такие как свайп вверх от нижнего края для возврата на домашний экран.
Избегайте явного размещения интерактивных элементов управления в нижней части экрана и в углах. Люди используют жесты свайпа по нижнему краю дисплея для доступа к домашнему экрану и переключателю приложений, и эти жесты могут отменять пользовательские жесты, которые вы реализуете в этой области. Дальние углы экрана могут быть труднодоступны для людей.
На веб-сайте Apple есть множество примеров того, как будут выглядеть приложения с элементами, предоставляемыми системой, например, Сообщения и Apple Music.
Примечательно, что на маркетинговых материалах Apple отсутствуют скриншоты приложений в альбомной ориентации, за исключением игр, и причина может заключаться в том, что многие из них не очень хорошо выглядят в этом режиме.
Используя симулятор iOS в Xcode, несколько разработчиков поделились скриншотами того, как будут выглядеть приложения в альбомной ориентации на iPhone X, и некоторые из них выразили свое разочарование по поводу их внешнего вида.
Как отметил разработчик Томас Фукс через The Verge, альбомная ориентация на iPhone X выглядит особенно хуже в Safari, поскольку Apple добавила черные поля по бокам экрана для веб-сайтов — все для того, чтобы избежать выреза.
К счастью, похоже, что полосы не всегда будут белыми. Точный цвет может зависеть от значений цвета фона HTML.
Ситуация отличается для широкоформатных фотографий и видео, а также полноэкранных игр, которые частично перекрываются вырезом.
К счастью, по крайней мере, для видео Apple автоматически вставляет их, чтобы избежать выреза по умолчанию. Пользователь может дважды коснуться видео, чтобы сделать его полноэкранным, после чего оно снова будет перекрываться вырезом.
Между тем, на основе классов размеров Apple, iPhone X считается имеющим «компактную ширину» и «компактную высоту» в альбомной ориентации.
По сути, из-за индикатора жестов свайпа iPhone X, его 5,8-дюймовый дисплей фактически имеет меньше вертикального пространства, чем 4,7-дюймовый iPhone 8 в альбомной ориентации, по словам разработчиков Шона Чоу и Стивена Троттона-Смита.
Некоторые технические энтузиасты считают, что Apple следовало бы сделать рамки iPhone X немного больше сверху и снизу, чтобы избежать выреза, подобно Samsung Galaxy S8, Xiaomi Mi Mix 2 и LG V30. Некоторые пользователи Twitter даже создали макеты того, как мог бы выглядеть iPhone X с таким дизайном.
По крайней мере, пока вырез — это будущее. Когда iPhone X будет выпущен в начале ноября, мы получим первое представление о новом пользовательском опыте, и многие разработчики, безусловно, постараются максимально адаптировать свои приложения.
