Адаптация дизайна под планшеты (iPad, Android-планшеты)
Растянуть телефонный макет на планшетный экран — это не адаптация. Это «letterbox режим»: узкая колонна контента посередине большого экрана с пустыми полями по бокам. iOS показывает такие приложения в совместимом режиме, но App Store прямо указывает на поддержку iPad как отдельную метрику качества.
Планшетный UI — другая парадигма
На телефоне 390pt ширины — контент занимает всё пространство. На iPad 11" с 834pt ширины — одноколоночный layout выглядит разрежённым. На iPad Pro 12.9" — 1024pt — это уже ближе к десктопному экрану, чем к мобильному.
Apple HIG для iPad рекомендует использовать горизонтальное пространство продуктивно: sidebar + content (Split View паттерн), двухколоночные сетки для каталогов и списков, modal dialogs вместо full-screen переходов (на большом экране full-screen presentation для простого действия выглядит перегруженно).
Для Android-планшетов Material Design 3 вводит понятие Adaptive Layouts с тремя breakpoints: Compact (< 600dp), Medium (600–839dp), Expanded (≥ 840dp). При Expanded — NavigationRail вместо Bottom Navigation, List-Detail layout для master-detail паттерна.
Что меняется в дизайне
Навигация. Tab Bar на iPad превращается в Sidebar (UISplitViewController на iOS или NavigationSuiteScaffold в Compose). Это не просто стилистика — это другой паттерн взаимодействия: пользователь видит навигацию и контент одновременно.
Типографика и отступы. Минимальные отступы от краёв экрана — не 16pt, а 24–32pt. Ширина текстовой колонки — ограничена для читаемости: максимум 680–720pt для body text, даже если экран позволяет больше.
Изображения и медиа. На телефоне изображение занимает всю ширину. На планшете — оно либо в сетке (2–3 колонки), либо с фиксированным aspect ratio в рамках колонки. Hero-изображения на 1024pt ширине с неправильным масштабированием — это пиксели на retina-экране или некрасивый кроп.
Формы и модальные окна. На iPad формы не открываются full-screen — они показываются как .formSheet (768×960pt) или .pageSheet. Дизайн должен учитывать это: форма с max-width и центрированием, а не растянутая на весь экран.
Drag and Drop и Stage Manager. На iPad с iOS 16+ приложение может работать в Stage Manager — изменяемое окно, не фиксированный размер экрана. Дизайн должен корректно работать в диапазоне ширин, а не только на фиксированных breakpoints.
Как строим в Figma
Отдельные фреймы для планшетных размеров: iPad mini 8.3" (744×1133), iPad 10th gen (820×1180), iPad Pro 11" (834×1194), iPad Pro 12.9" (1024×1366). Для Android: 600×960dp (Medium), 840×1280dp (Expanded).
Компоненты из существующего UI-кита — переиспользуем без изменений. Меняем layout: количество колонок, отступы, навигационный паттерн. Sidebar — отдельный компонент с теми же данными, что и Tab Bar, но другим визуальным представлением.
Адаптация не означает «другой дизайн». Те же цвета, шрифты, компоненты — другая расстановка в пространстве.
Сроки
Планшетная адаптация дизайна для среднего по сложности приложения (15–25 ключевых экранов) — 2–3 рабочих дня. Зависит от числа уникальных layout-паттернов и необходимости поддержки Stage Manager / free-form window.
Стоимость — индивидуально.