Design for sammenleggbare: stillinger, vindusstørrelser og bevegelser
Hvordan designe apper for sammenleggbare telefoner: foldede og utfoldede layouter, bord- og bokstillinger, vindusstørrelsesklasser, kontinuitet og bevegelser nær folden.
Kjerne takeaway
Design sammenleggbare layouter etter tilgjengelig vindusstørrelse, ikke enhetsmodell: Androids vindusstørrelsesklasser behandler bredder under 600 dp som kompakte, 600 til 840 dp som medium og 840 til 1200 dp som utvidede. Støtt foldede, åpne og halvåpne (bordplate) stillinger, hold brukerens plass når enheten foldes eller utfoldes, og hold nøkkelinnhold og berøringsmål unna folden.
Stillinger
Androids utviklerdokumentasjon beskriver sammenleggbare i flere stillinger: brettet, åpen flat, åpen flat rotert til liggende, og halvåpnet, kjent som bordplate. Folden deler skjermen i to deler, enten som et fleksibelt område på én skjerm eller som et hengsel mellom to skjermer, og den kan skjule en del av skjermen.
Design etter vindusstørrelsesklasser
I stedet for å målrette mot spesifikke enheter, grupperer Android tilgjengelig plass i vindusstørrelsesklasser. Kompakt bredde (under 600 dp) dekker nesten alle telefoner i portrett; middels bredde (600 til 840 dp) dekker de fleste nettbrett i portrett og mange store utfoldede indre skjermer i portrett; utvidet bredde (840 til 1200 dp) dekker de fleste nettbrett og store utfoldede skjermer i landskap. Store og ekstra store klasser dekker større nettbrett og stasjonære datamaskiner.
Oppsett som bruker folden
Vanlige mønstre:
- Brettet: vanlig telefonoppsett.
- Åpen flat: liste-detalj eller to-rute oppsett, med hver rute på den ene siden av falsen.
- Bordplate: innhold som video i øvre halvdel, kontroller i nedre halvdel.
- Plasser aldri en knapp, tekstlinje eller ansikt over bretten.
Kontinuitet
Når noen bretter ut en enhet midt i oppgaven, bør appen fortsette der de var: samme rulleposisjon, samme utkast, samme avspilling. Behandle fold og utfold som en layoutendring, ikke en omstart, og animer overgangen slik at folk kan følge med på hvor innholdet flyttet.
Gester og rekkevidde
Større utfoldede skjermer endrer tommelens rekkevidde: Plasser hyppige kontroller nær kantene der hendene hviler, og unngå kantsveip som er i konflikt med systembevegelser. Fysikkbaserte bevegelser hjelper også her: ruter som glir og setter seg med fjærer gjør at endringen mellom stillingene føles naturlig i stedet for skurrende.
Tast Principles å huske
- Design etter vindusstørrelsesklasse, ikke enhetsmodell
- Kompakt < 600 dp, medium 600–840 dp, utvidet 840–1200 dp
- Støtt foldede, åpne og bordplatestillinger
- Hold innhold og kontroller utenfor nettbrettet
- Bevar tilstanden og animer holdningsendringer
Ofte stilte spørsmål
Kilder
- Learn about foldables — Android Utviklere
- Use window size classes — Android Utviklere