UXPUB

UXPUB - спільнота з 3,440 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for Размеры экранов iPhone 13
Редакція
Редакція

Опубліковано

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

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

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

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

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

Строка состояния имеет высоту 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

Строка состояния имеет высоту 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

Строка состояния имеет высоту 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

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

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

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

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

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

Полный список моделей 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)