Главная › Новости

IPhone vs. Android - размеры — android.mobile-review.com

Опубликовано: 05.10.2017

Андрей Подкин

В комментариях к статье про размеры и масштабирование в Android меня просили рассказать, как обстоит дело в противоборствующем лагере — на стороне Apple. Что ж, давайте возьмем в руки iPhone и посмотрим, как эти смартфоны выглядят на фоне своих собратьев с ОС от Google.

Фиксированный размер

На текущий момент существует всего пять различных конфигураций экранов iPhone. Причем актуальны для разработчиков не более четырех (а если посмотреть реальный процент пользователей с каждым экраном, то окажется, что реально актуальных экранов осталось всего три). Это позволяет говорить о том, что дизайн приложений можно «заточить» под конкретные экраны, довести его на каждом экране до идеального вида и быть уверенным, что пользователи увидят именно то, что придумал дизайнер и реализовал разработчик. Существенный вклад вносит то обстоятельство, что нет никакой стандартной настройки шрифтов в сторонних приложениях на уровне ОС: если разработчик не предусмотрел возможность изменения размера шрифта, то ничего с этим не поделать.

Рай для дизайнеров

С одной стороны Apple минимизировала затраты дизайнеров на адаптацию интерфейса под разные экраны, а с другой предоставила им массу инструментов, характерных для полиграфии: можно легко настраивать кернинг шрифта или указывать отступ для первой строки абзаца. А если надо максимально точно передать графику, то можно выбрать нужный цветовой профиль (например, Adobe RGB).

Также Xcode (среда разработки от Apple) имеет гораздо более мощные средства отладки дизайна (элементов интерфейса), чем Android Studio.

Да здравствуют нестандартные размеры!

Apple, наверное, единственный производитель смартфонов, который не просто осознал, а стал реально использовать тот факт, что пользователь не видит разрешения смартфона. Пользователь видит физический размер устройства и его dpi. Вы скажете: «Но ведь разрешение рассчитывается автоматически из физического размера и dpi». Да, рассчитывается. Но при расчете нам не важно какое именно разрешение мы получим. Если и размер, и плотность пикселей нас полностью удовлетворяют, то нам нет никакого дела, что разрешение нашего гаджета не дотягивает до FHD или даже HD — недостачу пикселей невозможно заметить невооруженным глазом. Понятно, что при измерении «попугаев» всегда можно будет заявить: «Нам не доложили!», но на практике недостача пикселей нигде себя не проявит.

Впрочем, хватит теории, давайте перейдем к конкретным устройствам.

iPhone, iPhone 3G, iPhone 3Gs

Первые три поколения iPhone имели экран с диагональю 3,5″ и разрешением 320×480 пикселей, что давало плотность пикселей в 163 dpi. Это очень близко к стандартной плотности пикселей в Android — 160 dpi. Разумеется, ни о каких расхождениях между физическими и программными пикселями и речи нет. Эта плотность пикселей у программистов и дизайнеров также называется 1x.

iPhone 4, iPhone 4s

В 2009 году плотность пикселей iPhone 3Gs смотрелась уже довольно бледно (на фоне 253 dpi от Nokia и 300 dpi от Samsung) и в 2010 году Apple представила экран Retina: физический размер остался неизменным, а количество пикселей по ширине и по высоте было увеличено в два раза. Получилось 640×960 с плотностью 326 dpi. Что снова близко к стандартной плотности пикселей в Android — 320 dpi. С этого момента вся графика для iPhone стала создаваться в двух вариантах: 1х и 2х.

iPhone 5, iPhone 5s, iPhone 5c, iPhone SE

Экраны iPhone от оригинальной модели до 4s имели соотношение сторон 3:2. В 2012 году Apple перешла на соотношение сторон 16:9 (только для смартфонов, планшеты это нововведение не затронуло). Сохранив неизменную ширину, экраны подросли по высоте. Диагональ достигла 4″, а разрешение 640х1136. Дизайнерам и программистам пришлось учитывать в разработке новый размер экрана, но плотность пикселей осталась неизменной. Логический размер экрана (тот, что в Android измеряется в dp) стал равен 320×568 точек при плотности 2x.

iPhone 6, iPhone 6s, iPhone 7

В 2014 году Apple представила сразу две модели iPhone 6 и iPhone 6 Plus. Первая из них получилась физическим наращиванием размера экрана до 750×1334 точек при неизменной плотности пикселей. Логический размер экрана: 375х667 точек при плотности 2x. Это чуть больше большинства современных устройств с Android (360×640 dp, для сравнения приведен скриншот с Xiaomi Mi2s).

iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus

Вторая модель 2014 года — iPhone 6 Plus — получила принципиально новый экран. Его диагональ составила 5,5″ — как у типичных фаблетов на Android. Но его разрешение было совершенно нетипичным. Физически экран имеет разрешение FullHD — 1080×1920, но с точки зрения прикладного ПО его размер составляет 1242×2208 пикселей, а конечная картинка получается масштабированием готового изображения (downsampling). Поэтому физическая плотность пикселей составляет 401 dpi, но она важна только для того, чтобы понимать насколько гладкое изображение пользователь видит на экране. Программная плотность пикселей составляет 461 dpi. Она получила обозначение 3x. На самом деле, если мы умножим 163 (плотность пикселей оригинального iPhone) на 3, то получим не 461, а 489 (опять же очень близко к стандартной плотности Android — 480 dpi). Но отклонение составляет всего несколько процентов, а фаблет обычно держат чуть дальше от глаз, чем компактный смартфон, поэтому визуально все элементы интерфейса выглядят так, как и должны. Логический размер экрана составляет 411×736 точек (плотность 3x), что практически эквивалентно размеру современных фаблетов на Android (411×731 dp, для сравнения приведен скриншот с Nexus 5x).

Так почему же на iPhone все выглядит мельче?

Основная причина, конечно же в том, что у большинства смартфонов на Android физический и логический размер не совпадают и интерфейс растягивается на несколько большую диагональ. Но есть и другой момент: при переходе к Material Design произошло уменьшение размера шрифтов (по сравнению с интерфейсом Holo). Однако далеко не все дизайнеры используют рекомендуемые Google шрифты. Зачастую они оказываются чуть крупнее. Но даже если шрифты небольшие, как и должны быть, Material Design подразумевает несколько больше свободного пространства (поля, расстояния между элементами интерфейса). Это дает дополнительный вклад к «растягиванию» интерфейса. А значит, на экран помещается меньше полезной информации.