Перейти к основному содержимому

Настройка готового шаблона интерфейса №1

документация обновлена 01.01.2024

Шаблон используется в стилях:

  • iOS Black Edition v.2;
  • iOS White Edition v.2.

Масштабирование шаблона для планшета​

Более подробно процесс масштабирования показывается в видео-инструкции.

Исходный шаблон для iPad Air Retina 2048×1536

  1. Открыть файл проекта .irpz шаблона в iRidium Studio.
  2. Произвести масштабирование (resize) разрешения экрана согласно таблице.
Адаптация шаблона дляПорядок
iPhone 5/5S/5C/SE 640×11361. 2048×1536→1136×640 (Without items)
2. Сохранить проект шаблона
iPad 8 (2020) / iPad 7 (2019) 2160×16201. 2048×1536→2160×1620 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Air 3 (2019) 2224×16681. 2048×1536→2224×1668 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Air 4 2020 2360×16401. 2048×1536→2187×1640 (Orientation: Landscape, Item scaling: With items - proportional)
2. 2187×1640→2360×1640 (Orientation: Landscape, Item scaling: Without items)
3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Pro 11 2021 2388×16681. 2048×1536→2224×1668 (Orientation: Landscape, Item scaling: With items - proportional)
2. 2224×1668→2388×1668 (Orientation: Landscape, Item scaling: Without items)
3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPad Pro 12,9'' 2732×20481. 2048×1536→2732×2048 (Without items)
2. Сохранить проект шаблона
3. Открыть проект шаблона как zip-архив и импортировать новые изображения
Планшет W×H
Аккуратность масштабирования шаблонов не гарантируется		При W/H = 2048/1536 = 1,33:
1. 2048×1536→W×H (Without items)
2. Сохранить проект шаблона
При W/H = 1:
2048×1536→W×H1 (With items - proportional), где H1 = 1536 × W / 2048 (округлить до целого значения)
2. W×H1→W×H (Without items)
3. Исправить ширину попапов в папке TABLET_POPUPS
4. Сохранить проект шаблона
При W/H > 2048/1536 = 1,33:
1. 2048×1536→W1×H (With items - proportional), где W1 = 2048 × H / 1536 (округлить до целого значения)
2. W1×H→W×H (Without items)
3. Исправить ширину попапов в папке TABLET_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения

Масштабирование шаблона для телефона​

Более подробно процесс масштабирования показывается в видео-инструкции.

Сначала преобразуйте шаблон iPad Air Retina 2048×1536 в шаблон для iPhone 5/5S/5C/SE 640×1136.

Исходный шаблон для iPhone 5/5S/5C/SE 640×1136

  1. Открыть файл проекта .irpz шаблона в iRidium Studio.
  2. Произвести масштабирование (resize) разрешения экрана согласно таблице.
Адаптация шаблона дляПорядок
iPad Air Retina 2048×15361. 1136×640→2048×1536 (Without items)
2. Сохранить проект шаблона
iPhone 6, 7, 8 750×13341. 1136×640→1331×750 (Orientation: Portrait, Item scaling: With items - proportional)
2. 1331×750→1334×750 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 6 Plus, 7 Plus, 8 Plus 1080×19201. 1136×640→1917×1080 (Orientation: Portrait, Item scaling: With items - proportional)
2. 1917×1080→1920×1080 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone XR, iPhone 11 1792×8281. 1136×640→1470×828 (Orientation: Portrait, Item scaling: With items - proportional)
2. 1470×828→1792×828 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone X, iPhone XS, iPhone 11 Pro 1125×24361. 1136×640→1997×1125 (Orientation: Portrait, Item scaling: With items - proportional)
2. 1997×1125→2436×1125 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone XS Max, iPhone 11 Pro Max 1242×26881. 1136×640→2204×1242 (Orientation: Portrait, Item scaling: With items - proportional)
2. 2204×1242→2688×1242 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 12 mini, 13 mini 1080×23401. 1136×640→1917×1080 (Orientation: Portrait, Item scaling: With items - proportional)
2. 1917×1080→2340×1080 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 12, 12 Pro, 13, 13 Pro, iPhone 14 1170×25321. 1136×640→2077×1170 (Orientation: Portrait, Item scaling: With items - proportional)
2. 2077×1170→2532×1170 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 12 Pro Max, 13 Pro Max, 14 Plus 1284×27781. 1136×640→2279×1284 (Orientation: Portrait, Item scaling: With items - proportional)
2. 2279×1284→2778×1284 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 14 Pro, iPhone 15, iPhone 15 Pro1. 1136×640→2093×1179 (Orientation: Portrait, Item scaling: With items - proportional)
2. 2093×1179→2556×1179 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
iPhone 14 Pro Max, iPhone 15 Pro Max, iPhone 15 Plus 1290×27961. 1136×640→2290×1290 (Orientation: Portrait, Item scaling: With items - proportional)
2. 2290×1290→2796×1290 (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона
5. Открыть проект шаблона как zip-архив и импортировать новые изображения
Смартфон H×W
Аккуратность масштабирования шаблонов не гарантируется		При W/H = 1136/640 = 1,78:
1. 1136×640→W×H (Orientation: Portrait, Item scaling: With items - proportional)
2. Исправить высоту попапов и списков в папке PHONE_POPUPS
3. Сохранить проект шаблона
При W/H ≠ 1136/640 = 1,78:
1. 1136×640→W1×H (Orientation: Portrait, Item scaling: With items - proportional), где W1 = 1136 × H / 640 (округлить до целого значения)
2. W1×H→W×H (Orientation: Portrait, Item scaling: Without items)
3. Исправить высоту попапов и списков в папке PHONE_POPUPS
4. Сохранить проект шаблона

Размеры изображений​

ФункцияРасположение (название попапа)iPhone 5/5S/5C/SE 640×1136 / iPad Air Retina 2048×1536iPhone 6, 7 750×1334iPhone 6 Plus, 7 Plus, 8 Plus 1080×1920iPhone X 1125×2436iPhone 12 mini, 13 mini 1080×2340iPhone 12, 12 Pro, 13, 13 Pro 1170×2532iPhone 12 Pro Max, 13 Pro Max 1284×2778iPhone 14 Pro, iPhone 15, iPhone 15 Pro 1179×2556iPhone 14 Pro Max, iPhone 15 Pro Max, iPhone 15 Plus 1290×2796iPad Air 4 2020 2360×1640iPad Pro 11 2021 2388×1668iPad Pro 12,9'' 2732×2048iPhone 14 1170×2532
Фото дома (телефон)FLOORS/PHONE_POPUPS_Photo_home640×440752×5161080×7421125×7731080×7431170×8041284×8831179×8111290×887683×470747×478853×587
Фото дома (планшет)TABLET_POPUPS/LIST_ALL_ROOMS_TABLET1312×9021541×10572214×15222306×15862239×15222426×16492662×18102445×16622675×18181582×9631547×9791769×1203
Фото комнатыВ каждой папке комнаты (Photo-room)640×440752×5161080×7421125×7731080×7431170×8041284×8831179×8111290×887683×470747×478853×587
План (планшет)В каждой папке плана (Floor-Plan-Tablet)1600×11921879×13972700×20122813×20952700×20112924×21773209×23892947×21963225×24031950×14521866×13892132×1589
План (телефон)В каждой папке плана (Floor-Plan-Phone)572×769672×901965×12981006×1352965×12981045×14041147×15411053×14171152×1550610×819667×896762×1025
Обложка в AV виджетеTemplates/AV_widgets/AV-media640×528752×6191080×8911125×9281080×8911169×9651283×10591179×9731290×1064683×564747×574853×704
В этой статье: