Интерфейс на смартфоне и планшете

На маленьком экране «Багетка» убирает боковые панели и меню с верхней полосы и переносит их в нижнюю панель и выпадающее меню — чтобы холст с рамой занимал как можно больше места.

Задача

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

Нижняя панель вместо боковых колонок

На компьютере слева и справа от холста стоят колонки настроек («Рамы», «Багет», «Фон», «Стена» и так далее). На телефоне и планшете в портретной ориентации колонки исчезают — вместо них внизу экрана четыре кнопки:

«Изменить»: настройки на весь экран

Кнопка «Изменить» открывает снизу экрана панель с вкладками — «Паспарту», «Рама», «Фон» и другие, в зависимости от того, что выбрано на холсте. Выбор вкладки раскрывает её целиком на весь экран: ползунки, образцы цвета и кнопки становятся крупнее и удобнее под палец, чем узкие элементы боковой колонки на компьютере. Вернуться к списку вкладок — стрелка «←» в левом верхнем углу панели, закрыть — крестик «×» справа.

Панель настроек «Рама» на весь экран телефона: ползунки ширины и толщины багета, выбор цвета, кнопка «Каталог багетов…».
Рис. 1. Настройки рамы на телефоне открываются на весь экран вместо узкой боковой колонки.

Меню по значку ☰

Строка меню «Файл / Правка / Вид / Справка» с компьютера на телефоне не помещается — вместо неё в правом верхнем углу значок ☰. Он открывает одно общее меню со всеми командами, которые на компьютере разложены по четырём пунктам: поддержать проект, поделиться, посмотреть в комнате (AR), видео в раме, редактировать логотип и текст, руководство, связь с автором, сбросить настройки, переключить язык.

Открытое меню на телефоне по значку ☰: «Поддержать проект», «Поделиться», «Вид в вашей комнате (AR)», «Видео в раме», «Редактировать логотип», «Редактировать текст», «Руководство пользователя», «Связь с автором проекта», «Сбросить настройки», переключатель EN/RU.
Рис. 2. Одно меню вместо четырёх пунктов строки меню на компьютере.

Выбор и перемещение рам на холсте

Сам холст работает так же, как на компьютере: тронуть раму пальцем — выбрать её, вокруг появится рамка выделения с теми же маркерами, что и при выборе мышью. Подробно про перетаскивание, выделение нескольких рам и масштаб — на странице «Жесты пальцем».

Частая ошибка

Не путайте кнопку «Изменить» (все настройки сразу) с выбором рамы на холсте — выбор рамы пальцем просто выделяет её, а настройки для неё всё равно открываются через «Изменить» или подменю, появляющееся при тапе по уже выбранной раме.

Далее: жесты пальцем · к обзору раздела