Navrhovanie skladacích zariadení: polohy, veľkosti okien a gestá
Ako navrhovať aplikácie pre skladacie telefóny: zložené a rozložené rozloženie, poloha stola a knihy, triedy veľkosti okien, kontinuita a gestá v blízkosti zloženia.
Core Takeaway
Navrhnite skladacie rozloženia podľa dostupnej veľkosti okna, nie modelu zariadenia: Triedy veľkosti okien Android považujú šírky pod 600 dpi za kompaktné, 600 až 840 dpi za stredné a 840 až 1 200 dpi za rozšírené. Podporujte zložené, otvorené a pootvorené polohy (stolová doska), udržujte miesto používateľa, keď sa zariadenie zloží alebo rozloží, a udržujte kľúčový obsah a dotykové ciele mimo ohybu.
Postoje
Dokumentácia pre vývojárov Android popisuje skladateľné zariadenia v niekoľkých polohách: zložené, otvorené naplocho, otvorené naplocho otočené na šírku a napoly otvorené, známe ako stolová doska. Prehyb rozdeľuje obrazovku na dve časti, buď ako flexibilná oblasť jednej obrazovky, alebo ako záves medzi dvoma displejmi, a môže zakryť časť displeja.
Dizajn podľa veľkostných tried okien
Namiesto zacielenia na konkrétne zariadenia zoskupuje Android dostupný priestor do tried veľkosti okien. Kompaktná šírka (menej ako 600 dpi) pokrýva takmer všetky telefóny na výšku; stredná šírka (600 až 840dp) pokrýva väčšinu tabletov na výšku a mnoho veľkých rozložených vnútorných displejov na výšku; rozšírená šírka (840 až 1200dp) pokrýva väčšinu tabletov a veľkých rozložených displejov na šírku. Veľké a extra veľké triedy pokrývajú väčšie tablety a stolné počítače.
Rozloženia, ktoré používajú záhyb
Bežné vzory:
- Zložený: normálne rozloženie telefónu.
- Otvorená plocha: rozloženie s podrobnosťami zoznamu alebo s dvoma tabuľami, pričom každá tabla je na jednej strane záhybu.
- Stolová doska: obsah ako video v hornej polovici, ovládacie prvky v dolnej polovici.
- Nikdy neumiestňujte tlačidlo, textovú čiaru alebo tvár cez záhyb.
Kontinuita
Keď niekto rozloží zariadenie uprostred úlohy, aplikácia by mala pokračovať tam, kde boli: rovnaká pozícia posúvania, rovnaký koncept, rovnaké prehrávanie. Skladanie a rozkladanie považujte za zmenu rozloženia, nie za reštart, a animujte prechod, aby ľudia mohli sledovať, kam sa obsah presunul.
Gestá a dosah
Väčšie rozložené obrazovky zmenia dosah palca: časté ovládacie prvky umiestnite blízko okrajov, kde sa opierajú ruky, a vyhnite sa ťahaniu po okraji, ktoré je v rozpore so systémovými gestami. Pohyb založený na fyzike pomáha aj tu: tabule, ktoré sa posúvajú a usadzujú pomocou pružín, spôsobujú, že zmena medzi polohami je prirodzená a nie rušivá.
Kľúč Principle na zapamätanie
- Dizajn podľa triedy veľkosti okna, nie podľa modelu zariadenia
- Kompaktné < 600dp, stredné 600–840dp, rozšírené 840–1200dp
- Podporujte zložené, otvorené a stolové polohy
- Udržujte obsah a ovládacie prvky mimo záhybu
- Zachovať zmeny stavu a oživiť držanie tela
Často kladené otázky
Zdroje
- Learn about foldables — Vývojári Android
- Use window size classes — Vývojári Android