Tehnografi.com - Технологические новости, обзоры и советы

Полное руководство по разрешениям и размерам экрана iPhone

Следующая статья поможет вам: Полное руководство по разрешениям и размерам экрана iPhone

Apple как компания всегда поражала мир. Он производит множество вещей, таких как персональные компьютеры, smartphonesодежда, аксессуары и т. д.

Тем не менее, когда дело доходит до их финансового успеха, компания во многом полагается на свои iPhone. В отличие от Android, экосистема iOS кажется несколько замкнутой и эзотерической как разработчикам, так и потребителям.

Несмотря на это, айфоны имеют огромную массовую привлекательность и довольно популярны во всем мире.

Когда дело доходит до проектирования, разработки и маркетинга мобильных приложений для iPhone, необходимо придерживаться спецификаций, руководств и т. д., которые являются уникальными для Apple и его продукты.

Сегодня мы здесь, чтобы помочь вам осветить один аспект этого. Мы составили руководство по размеру экрана и разрешению для iPhone.

Наличие этой информации поможет вам принимать лучшие решения в области дизайна, разработки и маркетинга. Итак, начнем!

В этом блоге

  1. Почему так важно понимать размер и разрешение экрана телефона?
  2. Некоторые связанные термины, о которых вам следует знать
  3. Разрешения и размеры экрана iPhone: простое руководство
  4. Требования к снимку экрана App Store для отправки iOS
  5. Как сделать так, чтобы ваше приложение хорошо выглядело на всех экранах iPhone?
  6. Хотите создать iOS-приложение с ограниченным бюджетом?

Почему так важно понимать размер и разрешение экрана телефона?

Вы когда-нибудь загружали изображение в социальные сети, которое хорошо смотрелось на Facebook но частично спрятался Twitter кормить и обрезать Instagram?

Вы когда-нибудь попадали в блог или видео с усеченным текстом или изображением?

Если вы ответили «да» на любой из вопросов, то вы, должно быть, уже знаете о важности идеального размера и персонализированных медиафайлов, текста, дизайна экрана и т. д.

При разработке мобильных приложений или контента для smartphonesпонимание размеров и разрешения экрана телефона становится еще более важным.

Прежде чем мы начнем конкретно обсуждать экраны iPhone, давайте рассмотрим этот аспект.

Важность в дизайне и разработке приложений

Понимание размеров экрана, разрешения и т. д. абсолютно важно для проектирования и разработки приложений.

Это может помочь вам следующими способами:

  • Следите за спецификациями проектирования и разработки
  • Соблюдайте правила подачи приложений
  • Определите свой UI и UX цели и обеспечить согласованность дизайна
  • Придайте правильный визуальный вес и баланс элементам дизайна
  • Обогащайте и упрощайте взаимодействие с пользователем с помощью правильных дизайнерских решений
  • Адаптация к другому типу устройства, типу экрана, операционной системе и т. д.

Важность в маркетинге и рекламе

Понимание нюансов экранов телефонов важно не только для разработчиков.

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

Это может помочь маркетологам и рекламодателям в индустрии мобильных телефонов добиться следующего:

  • Сегментируйте аудиторию по технографическим параметрам (тип устройства, тип экрана и т. д.)
  • Создавайте правильные скриншоты для магазина приложений и превью видео
  • Создавайте адаптируемые и настраиваемые баннеры, креативы, видео и т. д.
  • Выберите правильные схемы дизайна, типографику и т. д. для рекламных объявлений.
  • Определите подходящую плотность слов и контента для разных экранов
  • Обеспечить видимость контента и сделать его более интерактивным

Статистика показывает, что размер экрана может определять брошенная корзина и пользователи, скорее всего, оставят больше корзин на устройствах с меньшими экранами.

Очевидно, что понимание размеров и разрешения экрана телефона важно по всем причинам, перечисленным выше, и не только.

Это становится особенно важным для iOS-устройств и iPhone, поскольку они универсальны в своей привлекательности и, в отличие от Android, не имеют разбросанного и неоднородного рынка.

Некоторые связанные термины, о которых вам следует знать

Прежде чем мы начнем обсуждать размеры экрана iPhone, разрешения и т. д., дайте нам сначала знать о терминах, которые определяют эти характеристики.

Размер экрана

Размер экрана — это физическое измерение экрана, обычно обозначаемое в дюймах.

Измерения размера экрана для smartphones берутся путем измерения по диагонали от верхнего левого угла экрана до нижнего правого угла.

Пиксель (пкс)

Пиксель — это комбинация двух слов «картинка» и «элемент». Это наименьшая видимая цветовая единица на экране дисплея.

Эти цветные пиксели состоят из связанных красных, зеленых и синих субпикселей. На самом деле все цифровые изображения состоят из большого количества отдельных пикселей.

Когда мы говорим, что элемент (пример: шрифт) имеет высоту 12 пикселей или 12 пикселей, это означает, что элемент занимает 12 пикселей на экране сверху вниз. То же самое касается ширины.

Поэтому в следующий раз, когда вы обнаружите спецификацию, в которой читаются пиксели AxB (где A и B — числовые значения), помните, что это означает высоту и ширину пикселей.

Точка (пт)

Такие единицы, как миллиметры и дюймы, подходят для измерения физических предметов, но не в цифровом пространстве.

Таким образом, мы используем баллы в качестве единицы измерения размера. Проще говоря, одна точка (pt) равна 0,352778 миллиметра, 0,0138889 дюйма или 1,333 пикселя.

Пикселей на дюйм (PPI)

PPI — это количество пикселей (или точек в случае DPI, используемого в печати), которое может быть размещено в строке на одном линейном дюйме.

Экран с большим числом PPI будет отображать более детализированные визуальные эффекты, а изображение будет менее пикселизированным или искаженным.

Разрешение

Разрешение экрана — это количество отдельных пикселей в каждом измерении, которое может отображаться на экране. Стандартные размеры разрешения дисплея включают:

  • Высокое разрешение (HD): 1280 х 720 пикселей
  • Полное HD (FHD): 1920 х 1080 пикселей
  • 2K или Quad HD (QHD): 2560 х 1440 пикселей
  • 4K или Ультра HD: 3840 х 2160 пикселей

(Note: Физический размер экрана никак не связан с его разрешением. Телефоны с меньшими экранами также могут иметь четкое качество изображения и, т. е. высокое разрешение.)

Разрешения и размеры экрана iPhone: простое руководство

Эволюция размеров экрана iPhone не является загадкой. Так же, как Android smartphonesэкраны iPhone бывают разных размеров, а размер экранов стал больше.

У пользователей мобильных телефонов есть парадокс «большой экран, маленькое устройство». Нам нужны продуманные дисплеи на компактных и портативных устройствах, и этот выбор повлиял на тенденции дизайна экранов.

Эволюция iPhone, кажется, следует той же тенденции. Давайте сравним размер экрана iPhone и лучше разберемся.

Эволюция размеров экрана в iPhone

В зависимости от размера экрана iPhone можно разделить на следующие сегменты:

  • 3,5 дюйма: iPhone 4S (2011 г.), iPhone 4 (2010 г.), iPhone 3GS (2009 г.), iPhone 3G (2008 г.), iPhone 2G (2007 г.)
  • 4 дюйма: iPhone SE (2016 г.), iPhone 5S (2013 г.), iPhone 5C (2013 г.), iPhone 5 (2012 г.)
  • 4,7 дюйма: iPhone 8 (2017 г.), iPhone 7 (2016 г.), iPhone 6S (2015 г.), iPhone 6+ (2014 г.), iPhone 6 (2014 г.)
  • 5,4 дюйма: iPhone 13 Mini (2021 г.), iPhone 12 Mini (2020 г.)
  • 5,5 дюйма: iPhone 8+ (2017 г.), iPhone 7+ (2016 г.), iPhone 6S+ (2015 г.)
  • 5,8 дюйма: iPhone 11 Pro (2019 г.), iPhone XS (2018 г.), iPhone X (2017 г.)
  • 6,06 дюйма: iPhone 13 (2021 г.), iPhone 13 Pro (2021 г.)
  • 6,1 дюйма: iPhone 12 Pro (2020 г.), iPhone 12 (2020 г.), iPhone 11 (2019 г.), iPhone XR (2018 г.)
  • 6,5 дюймов: iPhone 11 Pro Max (2019 г.), iPhone XS Max (2018 г.)
  • 6,68 дюйма: iPhone 13 Pro Max (2021 г.)
  • 6,7 дюйма: Айфон 12 Про Макс (2020)

Просто просмотрев список выше, вы сможете определить размер экрана вашей целевой аудитории. Если вы собираетесь использовать пользователей с последними моделями iPhone, вы должны проектировать для больших экранов и более высоких разрешений (обсуждается ниже).

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

Классификация айфонов по разрешению

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

Источник изображения: iPhone Development 101
  • 2340 x 1080 пикселей: iPhone 13 Mini (2021 г.), iPhone 12 mini (2020 г.), iPhone 12 mini (2020 г.)
  • 2532 x 1170 пикселей: iPhone 13 (2021 г.), iPhone 13 Pro (2021 г.), iPhone 12 pro (2020 г.), iPhone 12 (2020 г.)
  • 2778 x 1284 пикселей: iPhone 13 Pro Max (2021 г.), iPhone 12 Pro Max (2020 г.)
  • 2688 x 1242 пикселей: iPhone 11 Pro Max (2019 г.), iPhone XS Max (2018 г.)
  • 2436 x 1125 пикселей: iPhone 11 Pro (2019 г.), iPhone XS (2018 г.)
  • 1792 x 828 пикселей: iPhone 11 (2019 г.), iPhone XR (2018 г.)

(Вышеуказанные разрешения представлены в ландшафтном режиме. Для портретного режима вы можете просто поменять местами два числа. Пример: 2340 x 1080 становится 1080 x 2340)

Помимо перечисленных выше, у iPhone также были устройства с разрешением экрана всего 1136 x 640 пикселей, что в какой-то момент было стандартом. Однако такие устройства, как iPhone 5S и iPhone SE, соответствующие этой спецификации, в настоящее время больше не используются.

Требования к снимку экрана App Store для отправки iOS

После того, как приложение разработано и создано, следующим шагом будет отправка его в магазины приложений.

Для отправки приложения iOS вам нужно будет добавить несколько скриншотов из самого приложения.

Apple В App Store указаны точные размеры скриншотов для разных устройств. Вот обязательные требования к размеру для отправки скриншотов приложения для iOS.

Здесь вы должны отметить, что 6,5 дюйма и 5,5 дюйма являются наиболее важными размерами дисплея для iPhone и iPhone. Apple хочет, чтобы вы расставили их по приоритетам.

Если вы не хотите мучиться с отправкой скриншотов для всех перечисленных выше размеров, просто создайте для этих двух размеров экрана на основе приведенных выше спецификаций.

Apple автоматически изменит размер вашего скриншота, если у вас есть скриншоты для 6,5 и 5,5 дюймов.

Это стандартная практика, которой придерживается большинство разработчиков.

Кроме того, вы должны помнить, что, хотя вы должны загрузить как минимум 4 снимка экрана, максимальное ограничение составляет 10 снимков экрана для каждого списка приложений.

Вы можете просмотреть наш блог, предложенный ниже, и узнать больше об этом.

Рекомендуем прочитать: Как создать скриншоты вашего мобильного приложения для App Store

Как сделать так, чтобы ваше приложение хорошо выглядело на всех экранах iPhone?

Ответ прост: следуйте Appleгиды.

Apple рекомендует создавать универсальные дизайны и использовать Xcode для создания раскадровки перед запуском приложения. В нем есть полноценные руководства по созданию дизайна приложений, которые адаптируются к устройствам и экранам.

Однако, если вам нужен простой и эффективный выход, вы также можете создать приложение с помощью создателей приложений «сделай сам» без кода, которые поставляются с предопределенными средами.

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

Ну, AppMySite делает это. Вы можете прочитать об этом подробнее здесь!

Хотите создать iOS-приложение с ограниченным бюджетом?

Перечисленные выше характеристики не смутили вас? Что ж, позвольте нам не усложнять вещи для вас.

Что, если бы мы сказали вам, что вы можете создать приложение для iOS с нуля в полностью управляемой среде и придерживаться всех рекомендаций по размеру и разрешению? Apple?

Примите наши слова как Евангелие!

Вы можете зарегистрироваться в AppMySite и создать мобильное приложение с помощью нашего конструктора мобильных приложений «Сделай сам» без программирования. Это не так!

Вы можете создавать динамические, нативные и многофункциональные приложения для iOS, проектировать и настраивать все свои экраны и элементы приложения, добавлять такие функции, как push-уведомления и монетизация, и многое другое!

Кроме того, вы также можете продвигать свои приложения в App Store с помощью уникальной автоматизированной функции AppMySite «Опубликовать приложение».

И так, чего же ты ждешь?

Зарегистрируйтесь в AppMySite сейчас и создайте лучшее приложение iOS для своего бизнеса за считанные минуты.

Добейтесь успеха в разработке, дизайне и маркетинге с помощью наших руководств по базе знаний, сообщений в блогах и обучающих видеороликов и дайте своим конкурентам возможность заработать деньги, как никогда раньше.

Получите, установите и сделайте свой след сейчас!