Макет айфона: В сети появился качественный макет iPhone 13 (12s) Pro Max — Wylsacom

Применение макета слайда в Keynote на iPhone

Keynote

Поиск по этому руководству

Руководство пользователя Keynote для iPhone

• Добро пожаловать!
• • Основные сведения о приложении Keynote
  • Основные сведения об изображениях, диаграммах и других объектах
  • Создание первой презентации
  • Выбор навигации по презентации
  • Открытие презентации
  • Сохранение презентации и присвоение ей имени
  • Поиск презентации
  • Печать презентации
  • • Как избежать случайных правок
    • Отмена и повтор изменений
    • Быстрая навигация
    • Выбор режима просмотра
  • Копирование текста и объектов из одних приложений в другие
  • Основные жесты на сенсорном экране
  • Создание презентации с помощью VoiceOver
• • Добавление и удаление слайдов
  • • Изменение порядка слайдов
    • Группировка и разгруппировка слайдов
    • Пропуск и отмена пропуска слайда
  • Изменение размера слайда
  • Изменение фона слайда
  • Добавление границы вокруг слайда
  • Отображение или скрытие заполнителей текста
  • Отображение и скрытие номеров слайдов
  • Применение макета слайда
  • Добавление и редактирование макетов слайдов
  • Изменение темы
• • • Добавление изображения
    • Добавление галереи изображений
    • Редактирование изображения
  • • Добавление и редактирование фигуры
    • Объединение или разъединение фигур
    • Сохранение фигуры в медиатеке фигур
    • Добавление и выравнивание текста внутри фигуры
  • Добавление линий и стрелок
  • Добавление и редактирование рисунков
  • • Добавление аудио и видео
    • Запись видео и звука
    • Редактирование аудио- и видеофайлов
    • Добавление видеотрансляции
  • Выбор формата фильма
• • • Размещение и выравнивание объектов
    • Использование направляющих линий
    • Размещение объектов внутри текстового блока или фигуры
    • Наложение, группировка и закрепление объектов
  • Изменение прозрачности объектов
  • Заливка объектов цветом или изображением
  • Добавление границы объекта
  • Добавление подписи или заголовка
  • Добавление отражения или тени
  • Использование стилей объектов
  • Изменение размеров, поворот и зеркальное отражение объектов
  • Добавление связанных объектов при создании интерактивной презентации
• • Выбор текста и размещение точки вставки
  • • Добавление текста
    • Копирование и вставка текста
    • • Форматирование презентации для другого языка
      • Использование фонетической транскрипции
      • Использование двунаправленного текста
      • Использование вертикального текста
  • Изменение внешнего вида текста
  • Использование стилей текста
  • • Изменение регистра текста
    • Лигатуры
    • Добавление буквиц
    • Надстрочные и подстрочные символы
    • Автоматическое форматирование дробей
    • Формат тире и кавычек
    • Форматирование текста (китайский, японский, корейский)
  • • Установка табуляторов
    • Выравнивание текста
    • Разбиение текста на столбцы
    • Настройка межстрочного интервала
  • Форматирование списков
  • Добавление математических уравнений
  • Добавление ссылок
• • • Добавление и удаление таблицы
    • Выбор таблиц, ячеек, строк и столбцов
    • • Добавление и удаление строк и столбцов
      • Перемещение строк и столбцов
      • Изменение размера строк и столбцов
    • Объединение и разделение ячеек
    • • Изменение внешнего вида текста в таблице
      • Отображение, редактирование и скрытие заголовка таблицы
      • Изменение линий сетки и цветов таблицы
      • Использование стилей таблицы
    • Изменение размера, перемещение и открепление
  • • Добавление и редактирование содержимого ячейки
    • • Форматирование дат, значений валют и других типов данных
      • Условное выделение ячеек
      • Форматирование таблиц с двунаправленным текстом
    • Сортировка по алфавиту и сортировка данных таблицы
• • • Добавление или удаление диаграммы
    • Изменение одного типа диаграммы на другой
  • Изменение данных диаграммы
  • Перемещение, изменение размера и поворот диаграммы
  • • Изменение внешнего вида серий данных
    • Добавление легенды, линий сетки и других меток
    • Изменение внешнего вида текста и меток на диаграмме
    • Добавление границы и фона диаграммы
    • Использование стилей диаграммы
• • Анимированное перемещение объектов на слайд и со слайда
  • Анимация объектов на слайде
  • Изменение порядка и времени воспроизведения анимаций
  • Добавление переходов
• • Воспроизведение презентации на iPhone
  • Представление на отдельном дисплее
  • Воспроизведение презентации на iPhone через интернет
  • Использование пульта управления
  • Автоматическая смена слайдов в презентации
  • Воспроизведение слайд-шоу с участием нескольких докладчиков
  • Добавление и просмотр заметок докладчика
  • Опробование на устройстве
  • Воспроизведение записанной презентации
• • Проверка правописания
  • Поиск определения слова
  • Поиск и замена текста
  • Автоматическая замена текста
  • Задание имени автора для комментариев
  • Выделение текста цветом
  • Добавление и печать комментариев
• • Отправка презентации
  • Основные сведения о совместной работе
  • Приглашение к совместной работе
  • Совместная работа над общей презентацией
  • Отслеживание действий пользователей в общей презентации
  • Изменение настроек общей презентации
  • Закрытие общего доступа к презентации
  • Общие папки и совместная работа
  • Использование Box для совместной работы
  • Создание GIF-анимации
  • Публикация презентации в блоге
• • Использование iCloud Drive с приложением Keynote
  • Экспорт в PowerPoint или другой формат
  • Восстановление более ранней версии презентации
  • Перемещение презентации
  • Удаление презентации
  • Защита презентации с помощью пароля
  • Создание пользовательских тем и управление ими
  • • Перенос файлов через AirDrop
    • Перенос презентаций через Handoff
    • Перенос презентаций через Finder
• • Сочетания клавиш
  • Символы сочетаний клавиш
• Авторские права

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

Применение другого макета слайда

1. В навигаторе слайдов касанием выберите слайд либо выберите несколько слайдов.

   Если навигатор слайдов не отображается, сведите пальцы на слайде, чтобы уменьшить масштаб.

2. Коснитесь , затем коснитесь «Макет».

   Если параметр «Макет» не отображается, убедитесь, что на слайде нет выбранных объектов.

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

4. Коснитесь , чтобы закрыть элементы управления.

Повторное применение макета слайда

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

1. В навигаторе слайдов касанием выберите слайд либо выберите несколько слайдов.

   Если навигатор слайдов не отображается, сведите пальцы на слайде, чтобы уменьшить масштаб.

2. Коснитесь , коснитесь «Оформление», затем коснитесь «Повторно применить макет слайда».

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

3. Коснитесь , чтобы закрыть элементы управления.

См. такжеУстановка тем и управление имиИзменение темы в Keynote на iPhone

Максимальное количество символов: 250

Не указывайте в комментарии личную информацию.

Максимальное количество символов: 250.

Благодарим вас за отзыв.

Опубликован первый макет iPhone 12. Что изменилось по сравнению с iPhone 11

Не успела Apple выпустить в продажу iPhone 11, как пользователи уже заговорили об iPhone 12. Несмотря на то что модель актуального поколения оказалась весьма привлекательной как с точки зрения характеристик, так и с точки зрения цены, новинка будущего года должна стать значимым шагом в развитии всей линейки. Всё-таки новый дизайн, поддержка сетей пятого поколения и дополнительный модуль камеры, обеспечивающий возможность трёхмерной съёмки, должны сделать своё дело и привлечь тех, кто несколько лет ждал «настоящих» инноваций. Но будут ли они довольны тем, что Apple собирается предложить им на самом деле — большой вопрос.

iPhone 12 будет не сильно отличаться от iPhone 11. Именно на это указывает новый макет новинки

Читайте также: Камера iPhone 12 Pro получит улучшенную оптическую стабилизацию

Японский ресурс Mac Otakara опубликовал обзор первого в мире макета iPhone 12, по которому партнёры Apple будут отливать корпуса будущего смартфона. В отличие от существующих моделей iPhone, болванка имеет рубленые грани, указывая на предстоящий редизайн, и за счёт них ощущается более тонкой. Кажется, в Купертино и вправду решили вернуться к идее частичного использования дизайнерских наработок, применённых в своё время при проектировании iPhone 4. Он тоже имел прямые грани, благодаря чему выглядел довольно строго, но при этом весьма элегантно. Поэтому, думаю, дизайн iPhone 12 не понравится только тем, кому не нравилась «четвёрка».

Как изменится дизайн iPhone 12

iPhone 12 будет длиннее и шире, но тоньше, чем iPhone 11

Фотографии макетов специально сделаны с линейкой, чтобы продемонстрировать изменения габаритов, которые претерпит новинка. На снимках отчётливо видно, что в высоту новинка больше на 1 мм, а в ширину – на 0,3 мм, чем iPhone 11 Pro Max. Почему Apple пришлось пойти на увеличение размеров корпуса? Дело в том, что толщина новинки уменьшится на целый миллиметр по сравнению с текущим флагманом. Видимо, совсем отказаться от принципов, которые заложил Джони Айв перед тем, как покинуть пост главного дизайнера компании, в Купертино ещё не могут. Поэтому не удивлюсь, если в какой-то момент выяснится, что дизайн iPhone 12 Айв нарисовал ещё несколько лет назад. Всё-таки ничего принципиально нового и прорывного в нём нет. Таким iPhone мог бы быть и 3, и даже 5 лет назад.

Читайте также: Названа главная проблема, с которой столкнутся пользователи iPhone 12

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

Сколько камер будет у iPhone 12

Видимо, не все iPhone 12 получат по четыре камеры

Тоже самое с камерами. По неизвестной причине макет оснащён тремя модулями, как и iPhone 11 Pro Max, хотя отраслевые эксперты с уверенностью обещали нам, что в системе появится ещё и четвёртый модуль, роль которого будет исполнять ToF-сенсор. Но опять-таки не стоит забывать, что это ранний прототип, а значит, к моменту началу производства всё может измениться. Тем более никто не может дать гарантий, что этот макет вообще разрабатывался в Apple, а не был напечатан на 3D-принтере каким-нибудь энтузиастом.

Читайте также: Apple решила не задирать цену iPhone 12 с 5G

Но большое всего удивляет наличие на корпусе iPhone 12 нового разъёма, похожего на Smart Connector в iPad Pro 2018. Он имеет точно такой же размер и выполнен в форме небольшого углубления на боковой грани. Зачем он там нужен, однозначно сказать сложно. Возможно, таким образом Apple готовится к отказу от использования проводных интерфейсов в принципе, планируя оставить хоть какую-то возможность контактного подключения аксессуаров или зарядных устройств. Ведь наличие только беспроводного модуля зарядки можно не устроить пользователей, привыкших к тому, что аккумуляторы их смартфонов подпитываются за час-полтора.

iPhone 12Дизайн AppleСмартфоны AppleУтечки Apple

15 креативных макетов домашнего экрана iPhone для организации ваших приложений

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

Вот лучшие идеи макета главного экрана, если вы хотите сделать что-то другое со своим iPhone.

Настройка домашнего экрана iPhone

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

Многие из приведенных ниже макетов требуют настраиваемых значков приложений. Чтобы создать их, вам нужно использовать приложение «Ярлыки», чтобы создать ярлык, который открывает приложение. Затем вы можете добавить этот ярлык на главный экран с помощью собственного значка.

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

1. Минималист

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

Если вы хотите открыть приложение, проведите вниз по главному экрану или коснитесь Найдите и введите первую или две буквы нужного вам приложения. Ваш iPhone должен найти его почти сразу; просто коснитесь его в результатах поиска, чтобы открыть. Вы всегда можете получить root права через библиотеку приложений.

2. Монохромный

Используйте приложение «Ярлыки», чтобы создавать черные, белые или серые значки для ваших любимых приложений. Некоторые системные приложения, такие как «Настройки» и «Камера», уже используют значки в градациях серого, поэтому вам не нужно об этом беспокоиться.

После создания монохромных ярлыков приложений переместите все исходные приложения в библиотеку приложений.

3. Цветовая маркировка

Другая альтернатива, основанная на цвете, — заменить ваши приложения ярлыками с цветовой кодировкой. Почему бы не сделать социальные приложения зелеными, игры — красными, а развлекательные приложения — синими? Цветной макет главного экрана iPhone позволяет легко сосредоточиться только на приложениях, которые вам нужны в определенное время.

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

Этот макет главного экрана iPhone — отличная идея для тех, кто любит иметь много вариантов без лишнего беспорядка.

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

Используйте действие Выбрать из меню в ярлыках, чтобы создать список приложений для выбора. Например, создайте ярлык с именем Social , который предлагает меню приложений для обмена сообщениями: WhatsApp, Сообщения, Messenger и т. д.

5. Вензель

Думали, что вы застряли с сеткой на главном экране iPhone? Подумайте еще раз! Вы можете использовать iEmpty для создания пустых значков, которые соответствуют вашим обоям, а затем использовать эти значки для создания пробелов в макете главного экрана.

Это открывает целый мир возможностей, в том числе возможность написания ваших инициалов с помощью значков приложений.

6. Без док-станции

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

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

7. Однорукий

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

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

Apple знает, что нижняя часть экрана — это самое главное, поскольку до нее легче всего добраться. Вот почему Док там внизу.

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

9. Доска объявлений

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

В конце концов, не все уведомления одинаково важны.

10. Работа/развлечение

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

Объедините это с функцией iOS Focus, чтобы автоматически скрывать рабочий главный экран в конце рабочего дня. Чтобы еще больше повысить производительность, используйте Время простоя, чтобы отключить все на экране воспроизведения в рабочее время.

11. Инкогнито

У вас есть секретное приложение, о котором вы не хотите, чтобы кто-либо знал? Используйте ярлыки или iEmpty, чтобы создать для него невидимый значок, а затем назовите его невидимым символом Unicode из пустых символов.

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

12. Библиотекарь

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

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

13. Тяжелый груз

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

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

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

14. Радуга

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

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

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

15. Двухстраничные приоритеты

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

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

Думайте нестандартно для лучшего макета главного экрана

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

И для дополнительной настройки iPhone не забудьте также настроить экран блокировки.

Макет — Основы — Руководство по пользовательскому интерфейсу — Дизайн

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

Направляющие и безопасные области

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

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

В iOS, iPadOS и tvOS система определяет набор признаков , которые характеризуют изменения в среде устройства, которые могут повлиять на то, как ваше приложение отображается на экране. Используя SwiftUI или Auto Layout, вы можете гарантировать, что ваш интерфейс динамически адаптируется к широкому спектру характеристик и контекстов, включая:

• Различные размеры экрана устройства, разрешения и цветовые пространства
• Различные ориентации устройства (книжная/альбомная)
• Разделенный вид
• Поддержка внешнего дисплея, масштабирование дисплея и режимы многозадачности на iPad
• Изменения размера текста Dynamic Type
• Функции интернационализации, которые система может включить в зависимости от локали (направление макета слева направо/справа налево, формат даты/времени/числа, вариант шрифта, длина текста)
• Доступность системных функций

Передовой опыт

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

Соблюдайте основные функции отображения и системы на каждой платформе. Безопасные области помогают использовать такие функции, как угловой радиус и корпуса датчиков на различных устройствах, и не мешать интерактивным системным элементам, таким как Dynamic Island на iPhone, а также индикатору «Домой» и переключателю приложений на iPhone и iPad. Безопасные области также помогают учитывать интерактивные компоненты, такие как полосы, которые динамически перемещают содержимое при изменении размеров.

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

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

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

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

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

Будьте готовы к изменению размера текста. Люди ожидают, что большинство приложений отреагируют, если они выберут другой размер текста. Чтобы приспособиться к изменениям размера текста, вам может потребоваться настроить макет. Руководство по отображению текста в приложении см. в разделе Типографика.

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

На сенсорных экранах предоставьте достаточное количество сенсорных элементов для интерактивных компонентов. Сохраняйте минимальную область касания размером 44×44 точки для всех элементов управления.

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

Особенности платформы

iOS, iPadOS

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

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

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

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

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

По возможности избегайте размещения интерактивных элементов управления у нижнего края экрана. Независимо от ориентации люди используют системные жесты в нижней части экрана для доступа к таким функциям, как главный экран и переключатель приложений, и эти жесты могут отменять пользовательские жесты, которые вы реализуете в этой области. Также избегайте размещения элементов управления в дальних углах экрана, потому что людям может быть трудно до них дотянуться. Если в вашей игре необходимо разместить элементы управления в нижней части экрана — под безопасной зоной — используйте соответствующие вставки при размещении их вверху и внизу экрана и оставьте достаточно места вокруг индикатора «Домой», чтобы люди случайно не нацелились на него. это при попытке взаимодействия с элементом управления.

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

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

Безопасные зоны iOS, iPadOS

Безопасная область определяет область в представлении, которая не покрыта панелью навигации, панелью вкладок, панелью инструментов или другими представлениями, которые может предоставить контроллер представления.

Руководство по раскладке клавиатуры iOS

В iOS 15 и более поздних версиях предоставляется руководство по раскладке клавиатуры, которое представляет пространство, занимаемое клавиатурой в данный момент, и учитывает вставки безопасной области. Использование этого руководства может помочь вам сделать клавиатуру неотъемлемой частью вашего приложения, независимо от типа клавиатуры, которую используют люди, или от того, где они ее размещают. Руководство для разработчиков см. в UIKeyboardLayoutGuide.

macOS

Не размещайте элементы управления или важную информацию в нижней части окна. Люди часто перемещают окна так, что их нижний край оказывается ниже нижнего края экрана.

tvOS

Размеры телевизоров сильно различаются. На Apple TV макеты приложений не адаптируются автоматически к размеру экрана, как на iPhone или iPad. Вместо этого приложения отображают один и тот же интерфейс на каждом дисплее. Будьте особенно внимательны при разработке макета, чтобы он отлично смотрелся на экранах разных размеров.

Придерживайтесь безопасной зоны экрана. Вставка основного содержимого на 60 пикселей сверху и снизу экрана и на 80 пикселей по бокам. Людям может быть трудно увидеть контент, который находится близко к краям, и может произойти непреднамеренное кадрирование из-за чрезмерного сканирования на старых телевизорах. Разрешить только частично отображаемый закадровый контент и элементы, которые преднамеренно вытекают за пределы экрана, за пределами этой зоны.

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

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

Шаблоны макетов

Шаблоны Apple TV обеспечивают четкие, согласованные макеты, которые делают содержимое центром внимания. Эти шаблоны, основанные на JavaScript и языке разметки Apple TV (TVML), динамически загружаются и заполняются контентом, когда люди открывают ваше приложение. Шаблоны обеспечивают гибкость при создании приложений с богатым содержимым с предопределенными макетами, которые хорошо смотрятся на экране телевизора и идеально подходят для потоковой передачи мультимедиа.

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

Изменяйте шаблоны со вкусом. Шаблоны макетов обладают широкими возможностями настройки; вы можете контролировать фон, оттенок, размер, расположение и многое другое. При разработке приложения по возможности полагайтесь на контент, избегая настроек, которые кажутся отвлекающими, раздражающими или навязчивыми.

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

Для получения подробной информации об интеграции шаблонов в ваше приложение см. TVML.

Сетки

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

Если вы используете элемент потока представления коллекции UIKit, количество столбцов в сетке определяется автоматически на основе ширины и интервала вашего контента. Руководство для разработчиков см. в разделе UICollectionViewFlowLayout.

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

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

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

watchOS

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

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

Поддержка авторотации в представлениях, которые люди могут захотеть показать другим. Когда люди отводят запястье в сторону, приложения обычно реагируют на движение, переводя дисплей в спящий режим, но в некоторых случаях имеет смысл автоматически поворачивать содержимое. Например, владелец может захотеть показать изображение другу или отобразить QR-код читателю. Руководство для разработчиков см. в разделе isAutorotating.

Технические характеристики

iOS, iPadOS

Размеры и ориентация экрана устройства

Устройство	Размеры (портрет)
iPad Pro 12,9 дюйма	1024×1366 точек (2048×2732 пикселей при 2x)
iPad Pro 11 дюймов	834×1194 точек (1668×2388 пикселей при 2x)
iPad Pro 10,5 дюйма	834×1194 точек (1668×2388 пикселей при 2x)
9,7-дюймовый iPad Pro	768×1024 точек (1536×2048 пикселей при 2x)
iPad mini 7,9 дюйма	768×1024 точек (1536×2048 пикселей при 2x)
iPad Air 10,5 дюйма	834×1112 точек (1668×2224 пикселей при 2x)
iPad Air 9,7 дюйма	768×1024 точек (1536×2048 пикселей при 2x)
iPad 10,2 дюйма	810×1080 точек (1620×2160 пикселей при 2x)
iPad 9,7 дюйма	768×1024 точек (1536×2048 пикселей при 2x)
iPhone 14 Pro Max	430×932 точек (1290×2796 пикселей при 3x)
iPhone 14 Pro	393×852 точек (1179×2556 пикселей при 3x)
iPhone 14 Plus	428×926 точек (1284×2778 пикселей при 3x)
iPhone 14	390×844 точек (1170×2532 пикселей при 3x)
iPhone 13 Pro Max	428×926 точек (1284×2778 пикселей при 3x)
iPhone 13 Pro	390×844 точек (1170×2532 пикселей при 3x)
iPhone 13	390×844 точек (1170×2532 пикселей при 3x)
iPhone 13 мини	375×812 точек (1125×2436 пикселей при 3x)
iPhone 12 Pro Max	428×926 точек (1284×2778 пикселей при 3x)
iPhone 12 Pro	390×844 точек (1170×2532 пикселей при 3x)
iPhone 12	390×844 точек (1170×2532 пикселей при 3x)
iPhone 12 мини	375×812 точек (1125×2436 пикселей при 3x)
iPhone 11 Pro Max	414×896 точек (1242×2688 пикселей при 3x)
iPhone 11 Pro	375×812 точек (1125×2436 пикселей при 3x)
iPhone 11	414×896 точек (828×1792 пикселей при 2x)
iPhone XS Max	414×896 точек (1242×2688 пикселей при 3x)
iPhone XS	375×812 точек (1125×2436 пикселей при 3x)
iPhone XR	414×896 пт (828×1792 пикселя @2x)
iPhone Х	375×812 точек (1125×2436 пикселей при 3x)
iPhone 8 Plus	414×736 точек (1080×1920 пикселей при 3x)
iPhone 8	375×667 точек (750×1334 пикселей при 2x)
iPhone 7 Plus	414×736 точек (1080×1920 пикселей при 3x)
iPhone 7	375×667 точек (750×1334 пикселей при 2x)
iPhone 6s Plus	414×736 пт (1080×1920 пикселей @3x)
iPhone 6s	375×667 точек (750×1334 пикселей при 2x)
iPhone 6 Plus	414×736 точек (1080×1920 пикселей при 3x)
iPhone 6	375×667 точек (750×1334 пикселей при 2x)
4,7-дюймовый iPhone SE	375×667 точек (750×1334 пикселей при 2x)
4-дюймовый iPhone SE	320×568 точек (640×1136 пикселей при 2x)
iPod touch 5-го поколения и новее	320×568 точек (640×1136 пикселей при 2x)

ПРИМЕЧАНИЕ Все коэффициенты масштабирования в приведенной выше таблице являются коэффициентами масштабирования UIKit, которые могут отличаться от исходных коэффициентов масштабирования. Руководство для разработчиков см. в разделе Scale и nativeScale.

Классы размеров устройств

Различные комбинации классов размеров применяются к полноэкранному режиму на разных устройствах в зависимости от размера экрана.

Устройство	Книжная ориентация	Альбомная ориентация
iPad Pro 12,9 дюйма	Стандартная ширина, стандартная высота	Стандартная ширина, стандартная высота
iPad Pro 11 дюймов	Стандартная ширина, стандартная высота	Стандартная ширина, стандартная высота
iPad Pro 10,5 дюйма	Стандартная ширина, стандартная высота	Стандартная ширина, стандартная высота
iPad 9,7 дюйма	Стандартная ширина, стандартная высота	Стандартная ширина, стандартная высота
iPad mini 7,9 дюйма	Стандартная ширина, стандартная высота	Стандартная ширина, стандартная высота
iPhone 14 Pro Max	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 14 Pro	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 14 Plus	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 14	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 13 Pro Max	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 13 Pro	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 13	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 13 мини	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 12 Pro Max	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 12 Pro	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 12	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 12 мини	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 11 Pro Max	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 11 Pro	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 11	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone XS Max	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone XS	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone XR	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone Х	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 8 Plus	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 8	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 7 Plus	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 7	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone 6s Plus	Компактная ширина, стандартная высота	Стандартная ширина, компактная высота
iPhone 6s	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPhone SE	Компактная ширина, стандартная высота	Компактная ширина, компактная высота
iPod touch 5-го поколения и новее	Компактная ширина, стандартная высота	Компактная ширина, компактная высота

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