Дизайн Android охватывает широкий спектр уникальных аспектов и устройств; одного лишь учета контрольных точек недостаточно. Пользователи могут настраивать и переориентировать окна приложений на своих устройствах. В случае со складными устройствами одно устройство может удовлетворить все эти потребности. Для адаптации контента крайне важно мыслить в виде панелей.
Изменения ориентации
Не ограничивайте приложения портретным режимом. Это может выглядеть как ошибка и создавать нежелательные черные полосы по краям экрана при многозадачности.
Пользователи часто меняют ориентацию своих устройств для повышения эргономики и удобства просмотра контента. Ваше приложение должно поддерживать такие изменения ориентации.
На больших устройствах портретный и альбомный режимы могут оказывать более незначительное влияние при переходе от среднего к большому размеру окна, но альбомный режим обеспечивает средний размер окна с компактным вертикальным отображением.
При проектировании ландшафта следует учитывать следующие принципы ориентации:
Поддерживает системные балки, соединяющие все грани.
Выберите компонент навигации, который лучше всего подходит для вашего контента, например, горизонтальную панель навигации или навигационную рейку.
Рассмотрите возможность переплавки содержимого или изменения плотности.
В горизонтальной ориентации интерфейса можно использовать элементы средней ширины.
В альбомной ориентации можно использовать преимущества уменьшенной высоты горизонтально ориентированной нижней панели навигации.
Для контента старайтесь использовать контейнер для отображения черных полос сверху и снизу, или, если это возможно, используйте другую ориентацию контента, например, вертикальное вместо горизонтального видео. Контент во всю ширину экрана в компактном портретном режиме занимает большую часть экрана в большом альбомном формате. Если контент не прокручивался в портретном режиме, не делайте этого и в альбомном, так как это может запутать пользователей.
Главное изображение занимает видное место и закрепляется. Нижняя панель приложения открепляется.
При переходе из портретного режима в альбомный: обе группы контейнеров вращаются на месте.
Для фильтрующего окна компонент окна может измениться на боковое окно. Если требуется больше внимания, окно остается на весь экран, но адаптируется к двухколоночному макету.
Позы
Учитывайте уникальные варианты использования форм-фактора, такие как положения в сложенном виде, в разложенном виде и на столе.
Вашему приложению не обязательно учитывать каждую позу, но стоит рассмотреть возможность использования какой-либо из них. Например, медиаплеер может отображать уникальный интерфейс для рабочего стола и обложки.
Плоский
В разложенном виде складной компьютер находится в плоском положении. Экран обычно имеет средний или большой размер.
Сложенный
Когда складное устройство сложено, оно находится в сложенном положении. В этом положении вы взаимодействуете с внешним экраном, который обычно имеет компактную форму.
Настольный
В настольном варианте устройство частично сложено в горизонтальное положение. Такое положение позволяет использовать нестандартные конфигурации, например, большие элементы управления и видео в альбомной ориентации.
Петля
Сделайте ваше приложение адаптивным, чтобы контент плавно и непрерывно перемещался и не терялся в области шарнира. В однопанельных макетах это может быть необязательно. Однако подумайте, следует ли элементам управления и тексту избегать области шарнира.
Если вы проектируете с использованием сетки и панелей, предусмотрите более широкий межпанельный промежуток для размещения петли, например, в двухпанельной компоновке списка и деталей.
Некоторые складные изделия, например, трехсекционные, имеют несколько шарниров.
Крышка
У некоторых складных телефонов внешний экран может иметь квадратное соотношение сторон, как у телефонов-раскладушек.
При разработке дизайна для внешних экранов следуйте этим рекомендациям:
- Убедитесь, что приложения работают от края до края экрана.
- Убедитесь, что элементы пользовательского интерфейса не закрыты вырезами для камеры.
- Сосредоточьтесь на сценариях использования и пользовательском интерфейсе.
Например, когда устройство используется только в качестве медиаплеера, обложка альбома может стать фоном, позволяя быстро просмотреть контент, не требующий большого объема информации.
На небольших экранах и при нестандартных соотношениях сторон следует учитывать удобство использования сфокусированного контента. Главное изображение занимает большую часть обложки, обеспечивая визуальную привлекательность, а краткий обзор заголовка и содержимого облегчает прокрутку и улучшает читаемость.
В центре внимания при отображении обложки должно оставаться именно то, что нужно для ввода данных. Например, когда появляется клавиатура, основное внимание должно быть сосредоточено на сообщении.
На небольших экранах, например, на обложках, панель фильтров отображается на весь экран, но расположение кнопок и масштабирование адаптируются.
Несмотря на компактность, направляющая для навигации может быть более эргономичной на внешнем экране.
Для обложек большего размера можно использовать любую из двух ориентаций навигации. Подумайте, как пользователи будут взаимодействовать с контентом.
Небольшая направляющая для навигации позволяет избежать вырезов под элементы системного интерфейса и камеру, сохраняя при этом компактную высоту.
Делать
