Размеры экранов iPhone 13

Релиз iPhone 13 кажется незначительным обновлением по сравнению с iPhone 12. Действительно, немногое изменилось, но в этой статье я представлю краткий обзор того, что вам нужно знать, чтобы обновить свои приложения для новых устройств.

В двух словах о новых моделях

Четыре новых модели iPhone 13 соответствуют размерам экранов их предшественников в модельном ряду iPhone 12:

Размеры экранов iPhone 13

iPhone 13

  • Экран: 6.1″ Super Retina XDR (OLED)
  • Разрешение экрана (точек): 390 x 844
  • Нативное разрешение (пикселей):1170 x 2532 (460 ppi)
  • Нативный коэффициент масштабирования (Native Scale factor): 3x
  • Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
  • Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Размеры экранов iPhone 13

Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных зон:

  • Безопасные зоны (портретная ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
  • Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47

iPhone 13 mini

  • Экран: 5.4″ Super Retina XDR (OLED)
  • Разрешение экрана (точек): 375 x 812
  • Нативное разрешение (пикселей):1 080 x 2340 (476 ppi)
  • Нативный коэффициент масштабирования (Native Scale factor): 2.88x
  • Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
  • Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Размеры экранов iPhone 13

Строка состояния имеет высоту 50 точек, что дает следующие вставки безопасных зон:

  •  Безопасные зоны (портретная ориентация): сверху: 50, слева: 0, снизу: 34, справа: 0
  • Безопасные зоны (альбомная ориентация): сверху: 0, слева: 50, снизу: 21, справа: 50

iPhone 13 Pro

  • Экран: 6.1″ Super Retina XDR (OLED) с функцией ProMotion
  • Разрешение экрана (точек): 390 x 844
  • Нативное разрешение (пикселей):1170 x 2532 (460 ppi)
  • Коэффициент масштабирования (Scale factor): 3x
  • Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
  • Альбомные классы размеров (Landscape size classes): w: Compact, h: Compact
Размеры экранов iPhone 13

Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных зон (как в iPhone 13):

  •  Безопасные зоны (портретная ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
  • Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47

iPhone 13 Pro Max

  • Экран: 6.7″ Super Retina XDR (OLED) с функцией ProMotion
  • Разрешение экрана (точек): 428 x 926
  • Нативное разрешение (пикселей):1284 x 2778 (458 ppi)
  • Коэффициент масштабирования (Scale factor): 3x
  • Портретные классы размеров (Portrait size classes): w: Compact, h: Regular
  • Альбомные классы размеров (Landscape size classes): w: Regular, h: Compact
Размеры экранов iPhone 13

Строка состояния имеет высоту 47 точек, что дает следующие вставки безопасных областей (как в iPhone 13):

  • Безопасные зоны (портретна ориентация): сверху: 47, снизу: 34, слева: 0, справа: 0
  • Безопасные зоны (альбомная ориентация): сверху: 0, снизу: 21, слева: 47, справа: 47

Уменьшенный вырез

Из приведенных выше цифр не очевидно, но в этом году вырез под датчики Face ID, называемый в народе «челка», стал немного меньше (прим. – его размер уменьшили на 20%):

Размеры экранов iPhone 13

Это не влияет на безопасные зоны или высоту строки состояния, но, если вы помещаете в эту область какой-то элемент, вам нужно будет проверить, как он выглядит.

Полный список моделей iPhone (и iPod)

По моим подсчетам, существует 9 различных размеров экрана iPhone, которые вам необходимо поддерживать с минимальной целевой версией развертывания iOS 13:

  • 6.7″ (428 x 926 точек @3x)
    iPhone 13 Pro Max, iPhone 12 Pro Max
  • 6.5″ (414 x 896 точек @3x)
    iPhone 11 Pro Max, iPhone XS Max
  • 6.1″ (390 x 844 точек @3x)
    iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12
  • 6.1″ (414 x 896 точек @2x)
    iPhone 11, iPhone XR
  • 5.8″ (375 x 812 точек @3x)
    iPhone 11 Pro, iPhone XS, iPhone X
  • 5.5″ (414 x 736 точек @3x)
    iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus
  • 5.4″ (375 x 812 точек @3x)
    iPhone 13 mini, iPhone 12 mini
  • 4.7″ (375 x 667 точек @2x)
    iPhone SE (2-го поколения), iPhone 8, iPhone 7, iPhone 6S
  • 4″ (320 x 568 @2x)
    iPhone SE (1-го поколения), iPod Touch (7-го поколения)

Скриншоты App Store

Требования к скриншотам в App Store Connect не изменились для новых размеров устройств. Это означает, что вам понадобится скриншот размером не менее 6,5 дюймов (1242 x 2688 пикселей) и 5,5 дюйма (1242 x 2208 пикселей), которые затем масштабируются для остальных размеров.

Хотите узнать больше?

Если вы испытываете трудности в создании макетов, учитывающих постоянно растущий диапазон iOS-девайсов, вам может понравиться книга автора статьи – Modern Auto Layout.

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Sketch 40 - улучшенное редактирование в векторе и многое другое
Подробнее

Sketch 40 – улучшенное редактирование в векторе и многое другое

Sketch по своей сути - инструмент для рисования в векторе. Все ваши дизайны состоят из векторных фигур и форм, так что невероятно важно иметь возможность как можно проще их редактировать. Вот почему разработчики Sketch в этом обновлении решили сфокусироваться на усовершенствовании векторного редактирования, и добавили целый ряд улучшений, включая возможность редактирования множество фигур за раз.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
16
Share