Proiectare pentru pliabile: posturi, dimensiuni ale ferestrelor și gesturi
Cum să proiectați aplicații pentru telefoane pliabile: machete pliate și desfăcute, posturi de masă și de cărți, clase de dimensiune a ferestrelor, continuitate și gesturi în apropierea pliului.
Core Takeaway
Proiectați machete pliabile în funcție de dimensiunea ferestrei disponibile, nu de modelul dispozitivului: clasele de dimensiuni ale ferestrelor Android tratează lățimile sub 600 dp ca fiind compacte, 600 până la 840 dp ca medii și 840 până la 1200 dp ca extinse. Sprijină posturi pliate, deschise și întredeschise (de masă), păstrează locul utilizatorului atunci când dispozitivul se pliază sau se desfășoară și ține conținutul cheie și atingerea țintelor departe de pliu.
Posturi
Documentația pentru dezvoltatori Android descrie dispozitivele pliabile în mai multe poziții: pliat, deschis plat, deschis plat rotit pe peisaj și jumătate deschis, cunoscut sub numele de blat. Pliul împarte ecranul în două părți, fie ca zonă flexibilă a unui ecran, fie ca balama între două afișaje și poate ascunde o parte a afișajului.
Proiectare după clase de mărime a ferestrelor
În loc să vizeze anumite dispozitive, Android grupează spațiul disponibil în clase de dimensiunea ferestrelor. Lățimea compactă (sub 600 dp) acoperă aproape toate telefoanele în format portret; lățime medie (600 până la 840 dp) acoperă majoritatea tabletelor în format portret și multe ecrane interioare mari desfășurate în portret; lățimea extinsă (840 până la 1200 dp) acoperă majoritatea tabletelor și ecranelor mari deschise în peisaj. Clasele mari și foarte mari acoperă tablete și desktop-uri mai mari.
Aspecte care folosesc pliul
Modele comune:
- Pliat: aspectul normal al telefonului.
- Deschis plat: lista cu detalii sau machete cu două panouri, cu fiecare panou pe o parte a pliului.
- Tabletop: conținut, cum ar fi videoclipul în jumătatea de sus, comenzile în jumătatea de jos.
- Nu plasați niciodată un buton, o linie de text sau o față peste pliul.
Continuitate
Când cineva desfășoară un dispozitiv la mijlocul sarcinii, aplicația ar trebui să continue unde era: aceeași poziție de defilare, aceeași schiță, aceeași redare. Tratează plierea și desfășurarea ca o schimbare a aspectului, nu o repornire și animați tranziția, astfel încât oamenii să poată urmări locul în care s-a mutat conținutul.
Gesturi și atingere
Ecranele mai mari desfășurate modifică întinderea degetului mare: puneți comenzi frecvente lângă marginile unde se sprijină mâinile și evitați glisările de margine care intră în conflict cu gesturile sistemului. Mișcarea bazată pe fizică ajută și aici: geamurile care alunecă și se așează cu arcuri fac ca schimbarea dintre posturi să se simtă mai degrabă naturală decât șocante.
Cheie Principles de reținut
- Design după clasa de mărime a ferestrei, nu modelul dispozitivului
- Compact < 600 dp, mediu 600–840 dp, extins 840–1200 dp
- Susține posturi pliate, deschise și de masă
- Păstrați conținutul și comenzile în afara paginii
- Păstrați starea și animați schimbările de postură
Întrebări frecvente
Surse
- Learn about foldables — Android Dezvoltatori
- Use window size classes — Android Dezvoltatori