Suunnittelu taitettaville: asennot, ikkunoiden koot ja eleet
Kuinka suunnitella sovelluksia taitettaville puhelimille: taitetut ja taitetut asettelut, pöytä- ja kirjaasennot, ikkunoiden kokoluokat, jatkuvuus ja eleet lähellä taitetta.
Core Takeaway
Suunnittele taitettavat asettelut käytettävissä olevan ikkunakoon, ei laitemallin mukaan: Android:n ikkunakokoluokat käsittelevät alle 600 dp:n leveyksiä kompakteina, 600 - 840 dp:n keskikokoisina ja 840 - 1200 dp:n leveyksiä laajennettuina. Tukea taitettua, avointa ja puoliavointa (pöytätaso) asentoa, pidä käyttäjän paikka, kun laite taitetaan tai avautuu, ja pidä avainsisältö ja kosketuskohteet poissa taitosta.
Asennot
Android:n kehittäjädokumentaatiossa kuvataan taitettavat tuotteet useissa asennoissa: taitettu, avoin litteä, avoin litteä käännetty vaakasuuntaan ja puoliavattu, eli pöytälevy. Taite jakaa näytön kahteen osaan, joko yhden näytön joustavaksi alueeksi tai kahden näytön väliseksi saranaksi, ja se voi peittää osan näytöstä.
Suunnittelu ikkunan kokoluokkien mukaan
Tiettyihin laitteisiin kohdistamisen sijaan Android ryhmittelee käytettävissä olevan tilan ikkunan kokoluokkiin. Kompakti leveys (alle 600 dp) kattaa melkein kaikki puhelimet pystykuvassa; keskileveys (600–840 dp) kattaa useimmat tabletit pystykuvassa ja monet suuret taittamattomat sisänäytöt pystykuvassa; laajennettu leveys (840–1200 dp) kattaa useimmat tabletit ja suuret taittamattomat näytöt vaakasuunnassa. Suuret ja erittäin suuret luokat kattavat isommat tabletit ja pöytäkoneet.
Taittoa käyttävät asettelut
Yleisiä malleja:
- Taitettu: normaali puhelimen asettelu.
- Avaa litteä: luettelon yksityiskohdat tai kahden ruudun asettelut, joissa jokainen ruutu on taitteen toisella puolella.
- Pöytätaso: sisältö, kuten video, yläosassa, säätimet alaosassa.
- Älä koskaan aseta painiketta, tekstiriviä tai kasvoja taitteen poikki.
Jatkuvuus
Kun joku avaa laitteen kesken tehtävän, sovelluksen pitäisi jatkaa siitä, missä he olivat: sama vierityskohta, sama luonnos, sama toisto. Käsittele taittoa ja avaamista asettelun muutoksena, ei uudelleenkäynnistyksenä, ja animoi siirtymä, jotta ihmiset voivat seurata sisällön kulkua.
Eleet ja ulottuvuus
Suuremmat avatut näytöt muuttavat peukalon ulottuvuutta: aseta säätimet usein lähelle reunoja, joissa kädet lepäävät, ja vältä reunapyyhkäisyjä, jotka ovat ristiriidassa järjestelmän eleiden kanssa. Fysiikkaan perustuva liike auttaa tässäkin: jousien avulla liukuvat ja asettuvat ruudut saavat asentojen vaihdon tuntumaan luonnolliselta pikemminkin kuin häiritsevältä.
Avain Principles muistettavat
- Suunnittele ikkunan kokoluokan, ei laitemallin mukaan
- Kompakti < 600 dp, keskikokoinen 600–840 dp, laajennettu 840–1200 dp
- Tukea taitettuja, avoimia ja pöytäasentoja
- Pidä sisältö ja säätimet pois sivulta
- Säilytä tila ja animoi asennon muutokset
Usein kysytyt kysymykset
Lähteet
- Learn about foldables — Android kehittäjät
- Use window size classes — Android kehittäjät