Проектування для складаних пристроїв: пози, розміри вікон і жести
Як розробляти програми для телефонів, що складаються: макети в складеному та розкладеному вигляді, положення стола та книги, класи розмірів вікон, безперервність і жести біля згину.
Основний винос
Створюйте складні макети за доступним розміром вікна, а не за моделлю пристрою: класи розмірів вікон Android розглядають ширину до 600 dp як компактну, від 600 до 840 dp як середню та від 840 до 1200 dp як розширену. Підтримуйте положення в складеному, відкритому та напіввідкритому (на столі) положеннях, зберігайте місце користувача, коли пристрій складається або розкладається, і тримайте ключовий вміст і елементи дотику подалі від складки.
Пози
Документація для розробників Android описує складні елементи в кількох положеннях: складене, відкрите пласке, відкрите пласке, повернуте в альбомну орієнтацію, і напіввідкрите, відоме як настільне. Складка ділить екран на дві частини, або як гнучку область одного екрана, або як петлю між двома дисплеями, і вона може закривати частину дисплея.
Дизайн за класами розмірів вікон
Замість того, щоб орієнтуватися на певні пристрої, Android групує доступний простір у класи розмірів вікон. Компактна ширина (менше 600 dp) покриває майже всі телефони в портретній орієнтації; середньої ширини (від 600 до 840 dp) покриває більшість планшетів у вертикальній орієнтації та багато великих розгорнутих внутрішніх дисплеїв у книжковій орієнтації; розширена ширина (від 840 до 1200 dp) охоплює більшість планшетів і великих розгорнутих дисплеїв у альбомній орієнтації. Великі та надвеликі класи охоплюють великі планшети та настільні ПК.
Макети, які використовують згин
Загальні моделі:
- У складеному вигляді: звичайний вигляд телефону.
- Відкритий плоский: макети зі списком або двома панелями, з кожною панеллю на одній стороні згину.
- Настільна: такий вміст, як відео, у верхній половині, елементи керування в нижній половині.
- Ніколи не розміщуйте кнопку, рядок тексту чи обличчя на згині.
Безперервність
Коли хтось розгортає пристрій під час виконання завдання, програма має продовжувати роботу там, де вони були: та сама позиція прокручування, та сама чернетка, те саме відтворення. Розглядайте згортання та розгортання як зміну макета, а не перезапуск, і анімуйте перехід, щоб люди могли стежити за тим, куди перемістився вміст.
Жести та досяжність
Збільшені розгорнуті екрани змінюють зону досяжності великого пальця: часто розташовуйте елементи керування біля країв, де лежать руки, і уникайте рухів по краях, які суперечать жестам системи. Рух на основі фізики також допомагає тут: скла, які ковзають і осідають за допомогою пружин, роблять перехід між позами природним, а не різким.
Ключі Principle, які слід запам’ятати
- Дизайн за класом розміру вікна, а не моделлю пристрою
- Компактний < 600 dp, середній 600–840 dp, розширений 840–1200 dp
- Підтримуйте положення в складеному, відкритому та настільному стані
- Тримайте вміст і елементи керування поза межами панелі
- Зберігайте стан і анімуйте зміни пози
Часті запитання
Джерела
- Learn about foldables — Розробники Android
- Use window size classes — Розробники Android