Настройка готового шаблона интерфейса Slidev2
документация обновлена 01.01.2024
Шаблон используется в стилях:
- Slidev2.
Масштабирование шаблона для планшета
Более подробно процесс масштабирования показывается в видео-инструкции.
Исходный шаблон для iPad Air Retina 2048×1536
- Открыть файл проекта .irpz шаблона в iRidi Studio.
- Произвести масштабирование (resize) разрешения экрана согласно таблице.
| Адаптация шаблона для | Порядок |
|---|---|
| iPhone 5/5S/5C/SE 640×1136 | 1. 2048×1536 → 1136×640 (Without items) 2. Сохранить проект шаблона |
| iPad 8 (2020), iPad 7 (2019) 2160×1620 | 1. 2048×1536 → 2160×1620 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Air 3 (2019) 2224×1668 | 1. 2048×1536 → 2224×1668 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad mini 6, iPad Air 4 (2020) 2360×1640 | 1. 2048×1536 → 2187×1640 (Orientation: Landscape, Item scaling: Without items - proportional) 2. 2187×1640 → 2360×1640 (Without items) 3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Pro 11 (2021) 2388×1668 | 1. 2048×1536 → 2224×1668 (Orientation: Landscape, Item scaling: Without items - proportional) 2. 2224×1668 → 2388×1668 (Without items) 3. Исправить ширину элементов у попапов в папке TABLET_POPUPS, изменить координаты для попапа LIST_WIDGET_TABLET 4. Сохранить проект шаблона 5. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| iPad Pro 12,9'' 2732×2048 | 1. 2048×1536 → 2732×2048 (Without items) 2. Сохранить проект шаблона 3. Открыть проект шаблона как zip-архив и импортировать новые изображения |
| Планшет W×H Аккуратность масштабирования шаблонов не гарантируется | При W/H = 1,33: 1. 2048×1536 → W×H (Without items) 2. Сохранить проект шаблона При W/H < 2048/1536 = 1,33: 1. 2048×1536 → W×H1 (Without items), где 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 (Without items), где 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
- Открыть файл проекта .irpz шаблона в iRidi Studio.
- Произвести масштабирование (resize) разрешения экрана согласно таблице.
| Адаптация шаблона для | Порядок |
|---|---|
| iPad Air Retina 2048×1536 | 1. 1136×640 → 2048×1536 (Without items) 2. Сохранить проект шаблона |
| iPhone 6, 7, 8 750×1334 | 1. 1136×640 → 1331×750 → 1334×750 (Without items) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 6 Plus, 7 Plus, 8 Plus 1080×1920 | 1. 1136×640 → 1917×1080 → 1920×1080 (Without items) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone XR, 11 1792×828 | 1. 1136×640 → 1470×828 → 1792×828 (Without items) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone X, XS, 11 Pro 1125×2436 | 1. 1136×640 → 1997×1125 → 2436×1125 (Without items) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone XS Max, 11 Pro Max 1242×2688 | 1. 1136×640 → 2204×1242 → 2688×1242 (Without items) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 12 mini, 13 mini 1080×2340 | 1. 1136×640 → 1917×1080 → 2340×1080 (Portrait, Without items, proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 12, 12 Pro, 13, 13 Pro 1170×2532 | 1. 1136×640 → 2077×1170 → 2532×1170 (Portrait, Without items, proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 12 Pro Max, 13 Pro Max, 14 Plus 1284×2778 | 1. 1136×640 → 2279×1284 → 2778×1284 (Portrait, Without items, proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 14, 14 Pro 1179×2556 | 1. 1136×640 → 2093×1179 → 2556×1179 (Portrait, Without items, proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| iPhone 14 Pro Max 1290×2796 | 1. 1136×640 → 2290×1290 → 2796×1290 (Portrait, Without items, proportional) 2. Исправить высоту попапов и списков в папке PHONE_POPUPS 3. Сохранить проект шаблона 4. Открыть проект как zip-архив и импортировать новые изображения |
| Любой смартфон W×H Аккуратность масштабирования шаблонов не гарантируется | При W/H = 1,78: 1. 1136×640 → W×H (Portrait, proportional) 2. Исправить высоту попапов и списков 3. Сохранить проект При W/H ≠ 1,78: 1. 1136×640 → W1×H, где W1 = 1136 × H / 640 2. W1×H → W×H (Portrait, proportional) 3. Исправить высоту попапов и списков 4. Сохранить проект |
Размеры изображений
Замените тестовые фотографии комнат на собственные и нарисуйте картинки для сценариев, ориентируясь на эти размеры:
| Изображение | Местоположение (имя попапа) | iPhone 5/5S/5C/SE 640×1136 / iPad Air Retina 2048×1536 | iPhone 6,7,8 750×1334 | iPhone 6/7/8 Plus 1080×1920 | iPhone X 1125×2436 | iPhone 12 mini,13 mini 1080×2340 | iPhone 12,12 Pro,13,13 Pro 1170×2532 | iPhone 12 Pro Max,13 Pro Max 1284×2778 | iPhone 14,14 Pro 1179×2556 | iPhone 14 Pro Max 1290×2796 | iPad mini 6 / iPad Air 4 2020 2360×1640 | iPad Pro 11 2021 2388×1668 | iPad Pro 12,9" 2732×2048 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Фото комнаты (планшет) | В каждой папке Room-tablet / Templates/Other_templates/Room-tablet | 2048×1430 | 2400×1676 | 2048×1430 | 3600×2514 | 3456×2413 | 3744×2614 | 4109×2869 | 3773×2634 | 4128×2882 | 2187×1527 | 2224×1553 | 2732×1907 |
| Фото комнаты (телефон) | В каждой папке Room-phone / Templates/Other_templates/Room-phone | 640×1029 | 749×1208 | 1080×1740 | 1123×1812 | 1080×1736 | 1170×1881 | 1284×2064 | 1179×1896 | 1290×2074 | 683×1099 | 695×1117 | 852×1375 |
| Обложка в AV виджете | В каждой папке AV-media / Templates/AV_templates/AV-media | 639×474 | 749×555 | 1080×800 | 1123×833 | 1080×798 | 1170×865 | 1284×949 | 1179×871 | 1290×953 | 683×505 | 695×514 | 852×632 |
| Сценарии (Scenes) | В каждой папке Scenes / Templates/Other_templates/Scenes | 341×143 | 458×168 | 660×242 | 687×251 | 660×245 | 715×265 | 784×291 | 720×267 | 788×292 | 417×155 | 425×157 | 522×191 |