Что нужно знать про размеры дисплеев iPhone? Какой размер iPhone выбрать?
Здравствуйте, уважаемые читатели сайта Uspei.com. Сегодня поговорим про дисплеи iPhone. А именно про их диагонали.
Многие ошибочно думают что Plus версии iPhone с 5,5 дюймовым дисплеем проигрывают по всем показателям iPhone X с 5,8 дюймами, а 4.7 дюймовые экраны и вовсе остались где-то позади. Но не все так просто. Давайте разбираться!
У нас сегодня не тесте три самых актуальных и распространенных устройства с диагоналями 4,7, 5.5 и 5,8 дюйма. И для начала нам нужно немного копнуть в теорию. Первое, на что стоит обратить внимание — то, что пишет apple под звездочками при описании своего устройства на сайте.
Дисплей представляет собой прямоугольник с закруглёнными углами. Диагональ этого прямоугольника без учёта закруглений составляет 5,85 дюйма. Фактическая область просмотра меньше.
Apple не учитывает ни углы, в которых нет информации, ни злосчастной выемки, на которую многие жалуются, да и стала она своеобразным антитрендом в мире смартфоностроения.
Математика
Народные умельцы уже посчитали площади дисплеев и оказалось, что физически у iPhone X площадь дисплея меньше на 2 квадратных сантиметра, чем у Plus версий, но на самом деле это только начало.
Что касается сравнения с 4,7 дюймовыми версиями, то дисплей десятки физически немного шире, и значительно более вытянут. Ну и тут есть нюансы.
Дизайн
Физические размеры это хорошо, но вот если дисплей в Plus версиях строго прямоугольный, то в iPhone X он с закругленными краями и выемкой.
Это накладывает свои особенности на размещение информации. Все элементы интерфейса при разработке измеряются в points, точках, не путать с пикселями.
Так вот, размер статус бара увеличился по высоте вдвое — с 20 до 44 точек и даже немного выходит за пределы выемки.
Снизу появилась полоска Home Inicator, которая еще занимает 32 точки. Скругленные углы экрана вносят свои коррективы и информация располагается дальше от углов.
Контента в ландшафтном режиме по ширине влазит еще меньше, разумеется из-за выемки.
Таким образом, все эти элементы обрезают дисплей до прямоугольника который называется Safe Area, и вот размеры этих зон.
Получается, несмотря на то, что физически iPhone X шире чем 4,7 дюймовые версии iphone, информации по ширине влазит одинаковое количество, и лишь по высоте десятка имеет преимущество.
А в Plus и вовсе эффективная площадь больше.
Повседневная эксплуатация
Ну и теперь мы переходим к самому интересному — повседневной эксплуатации. И тут Plus версия iPhone выигрывает почти по всем фронтам.
Почти весь фото и видео контент имеет формат 16-9, а, соответственно, на iPhone X в альбомной ориентации будут вертикальные черные полосы, либо придется растягивать картинку обрезая информацию сверху и снизу, а адаптированного контента под iPhone X очень мало.
Получается при просмотре фото и видео в большинстве случаев владельцы десятки будут иметь чуть больше преимущества, чем владельцы 4,7-дюймовых версий iPhone. В iBooks на iPhone X вообще печалька и львиная доля дисплея вообще не используется, а текст просто болтается в середине.
В вертикальной ориентации вообще минимум программ вроде навигаторов или фотоприложений могут задействовать ушки статус бара возле выемки. В остальных там просто будет широкая полоска.
Клавиатура — это вообще боль. Больше сантиметра пространства по высоте выделяется лишь под две кнопки — смены языка и голосового ввода. Остальное пространство не задействовано. На самом деле, это сделано для удобства набора текста одной рукой, но все же могли бы туда поместить другие полезные кнопки.
Например, кнопку открытия эмоджи, которая в iOS представлена в виде отдельного языка, а из-за этого ей пользоваться нереально неудобно, потому что русского и английского языков на одной кнопке хватает.
Альбомная ориентация — еще большая боль. Клавиатура откусывает очень много места. Вот к примеру сообщения и в зоне сообщения остается только одна строчка текста. А еще в альбомной клавиатуре Plus версий в этих местах были полезные кнопки копировать, вставить и так далее и была мотивация печатать двумя руками.
А сейчас их выпилили, потому что негоже боярам с iPhone X не иметь в клавиатуре кнопочек, которые есть у халопов с Plus версиями iPhone. iPhone X вообще напрочь убивает желание пользоваться альбомным режимом. На спрингборде, настройках и прочих местах просто картинка не поворачивается. Благо хоть в Max версии это исправили.
И таких нюансов очень много. Особенно если затронуть сторонние приложения и игры. Там разработчики вообще творят что хотят.
Подведем итоги. Эффективные размеры дисплея iphone X определенно больше чем в iPhone 4,7, и только по высоте, но меньше чем в 5,5 Plus версиях. Вот Xs Max — это бескомпромиссно самый выигрышный вариант, но за совершенно другие деньги и не каждый готов мириться с размерами лопаты идентичной по габаритам Plus версии, но это уже совсем другая история.
А те, кто сомневается в выборе стоит ли брать 4,7 дюймовые версии iPhone — не беспокойтесь информации в них помещается ну совсем на чуть чуть меньше, чем в iPhone Х. С 5,5-дюймовыми версиями все очевидно, они проигрывают лишь iPhone Xs max.
До встречи! Успевайте всё и всегда на страницах блога Uspei.com
Помоги проекту — подпишись на наш Яндекс.Дзен канал!
Разрешения экранов всех айфонов и айпадов
Собрал в одну табличку разрешения экранов всех айфонов и айпадов. Пригодится веб‑дизайнерам, верстальщикам, фронтендендерам и всем кто так или иначе связан с мобильной разработкой, в частности под Ай‑ос.
На прошлой неделе я рассказывал, какими смартфонами чаще всего пользуются мои читатели. У меня возникла необходимость по разрешениям экранов «вычислить» модели айфонов, потому что Яндекс Метрика не детализирует эту статистику. Странно, но быстро нагуглить актуальную информацию по разрешениям не удалось. Попадались лишь какие-то обрывки разных лет. И тут я вспомнил, что у меня есть таблица всех разрешений, которой я иногда пользуюсь при работе с адаптивным дизайном. Я актуализировал ее по состоянию на сегодняшний день, и вот, пожалуйста.
В таблице кроме логических разрешений экранов указаны их физические разрешения, размеры экранов в дюймах, соотношения сторон, плотность пикселей, а также год релиза каждой модели для более ярких ощущений. В общем, вся исчерпывающая информация в одном месте.
Разрешения экранов айфонов
| Год релиза | Логическое разрешение, пикс | Физическое разрешение, пикс | Соотношение сторон | Размер экрана, пикс | Плотность пикселей, пикс/дюйм | |
|---|---|---|---|---|---|---|
| iPhone 2G | 2007 | 320 × 480 | 320 × 480 | 3:4 | 3.5″ | 163 |
| iPhone 3G | 2008 | 320 × 480 | 320 × 480 | 3:4 | 3.5″ | 163 |
| iPhone 3GS | 2009 | 320 × 480 | 320 × 480 | 3:4 | 3.5″ | 163 |
| iPhone 4 | 2010 | 320 × 480 | 640 × 960 | 3:4 | 3.5″ | 326 |
| iPhone 4S | 2011 | 320 × 480 | 640 × 960 | 3:4 | 3.5″ | 326 |
| iPhone 5 | 2012 | 320 × 568 | 640 × 1136 | 9:16 | 4″ | 326 |
| iPhone 5C | 2013 | 320 × 568 | 640 × 1136 | 9:16 | 4″ | 326 |
| iPhone 5S | 2013 | 320 × 568 | 640 × 1136 | 9:16 | 4″ | 326 |
| iPhone 6 | 2014 | 375 × 667 | 750 × 1334 | 9:16 | 4.7″ | 326 |
| iPhone 6+ | 2014 | 375 × 667 | 750 × 1334 | 9:16 | 4.7″ | 326 |
| iPhone 6S | 2015 | 375 × 667 | 750 × 1334 | 9:16 | 4.7″ | 326 |
| iPhone 6S+ | 2015 | 414 × 736 | 1080 × 1920 | 9:16 | 5.5″ | 401 |
| iPhone SE | 2016 | 320 × 568 | 640 × 1136 | 9:16 | 4″ | 326 |
| iPhone 7 | 2016 | 375 × 667 | 750 × 1334 | 9:16 | 4.7″ | 326 |
| iPhone 7+ | 2016 | 414 × 736 | 1080 × 1920 | 9:16 | 5.5″ | 401 |
| iPhone 8 | 2017 | 375 × 667 | 750 × 1334 | 9:16 | 4.7″ | 326 |
| iPhone 8+ | 2017 | 414 × 736 | 1080 × 1920 | 9:16 | 5.5″ | 401 |
| iPhone X | 2017 | 375 × 812 | 1125 × 2436 | 9:19.5 | 5.8″ | 458 |
| iPhone XS | 2018 | 375 × 812 | 1125 × 2436 | 9:19.5 | 5.8″ | 458 |
| iPhone XS Max | 2018 | 414 × 896 | 1242 × 2688 | 9:19.5 | 6.5″ | 458 |
| iPhone XR | 2018 | 414 × 896 | 828 × 1792 | 9:19.5 | 6.1″ | 326 |
| iPhone 11 | 2019 | 375 × 812 | 828 × 1792 | 9:19.5 | 6.1″ | 458 |
| iPhone 11 Pro | 2019 | 375 × 812 | 1125 × 2436 | 9:19.5 | 5.8″ | 458 |
| iPhone 11 Pro Max | 2019 | 414 × 896 | 1242 × 2688 | 9:19.5 | 6.5″ | 458 |
Разрешения экранов айпадов
| Год релиза | Логическое разрешение, пикс | Физическое разрешение, пикс | Соотношение сторон | Размер экрана, пикс | Плотность пикселей, пикс/дюйм | |
|---|---|---|---|---|---|---|
| iPad | 2010 | 768 × 1024 | 768 × 1024 | 3:4 | 9.7″ | 132 |
| iPad 2 | 2011 | 768 × 1024 | 768 × 1024 | 3:4 | 9.7″ | 132 |
| iPad Mini | 2012 | 768 × 1024 | 1536 × 2048 | 3:4 | 7.9″ | 326 |
| iPad 3 | 2012 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad 4 | 2012 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad Mini 2 | 2013 | 768 × 1024 | 1536 × 2048 | 3:4 | 7.9″ | 326 |
| iPad Air | 2013 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad Mini 3 | 2014 | 768 × 1024 | 1536 × 2048 | 3:4 | 7.9″ | 326 |
| iPad Air 2 | 2014 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad Pro 12.9″ | 2015 | 1024 × 1366 | 2048 × 2732 | 3:4 | 12.9″ | 264 |
| iPad Mini 4 | 2015 | 768 × 1024 | 1536 × 2048 | 3:4 | 7.9″ | 326 |
| iPad Pro 9.7″ | 2016 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad Pro 12.9″ | 2017 | 1024 × 1366 | 2048 × 2732 | 3:4 | 12.9″ | 264 |
| iPad Pro 10.5″ | 2017 | 834 × 1112 | 1668 × 2224 | 3:4 | 10.5″ | 264 |
| iPad 5 | 2017 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad 6 | 2018 | 768 × 1024 | 1536 × 2048 | 3:4 | 9.7″ | 264 |
| iPad Mini 5 | 2019 | 768 × 1024 | 1536 × 2048 | 3:4 | 7.9″ | 326 |
| iPad 7 | 2019 | 768 × 1024 | 1620 × 2160 | 3:4 | 10.2″ | 264 |
| iPad Air 3 | 2019 | 834 × 1112 | 1668 × 2224 | 3:4 | 10.5″ | 264 |
| iPad Pro 12.9″ | 2018‑2020 | 768 × 1024 | 2048 × 2732 | 3:4 | 12.9″ | 264 |
| iPad Pro 11″ | 2018‑2020 | 768 × 1024 | 1668 × 2388 | 3:4 | 11″ | 264 |
Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.