Som du vet, det er massevis av forskjellige ting som du må ta hensyn til når du bygger en mobil applikasjon.
Med så mye å holde styr på, visse elementer av utvikling kan gå tapt i shuffle. Det er derfor jeg sier alltid at du bør holde deg organisert med innlevering sjekklister og andre verktøy.,
Men en faktor som ser ut til å alltid få feid under teppet, og glemt er den faktiske skjermen i de forskjellige enhetene.
skjermstørrelse og skjermoppløsning er to ting som du trenger å huske på før, under og etter at du har utviklet en mobil-app.
Hvorfor?
For det første, skjermstørrelse er viktig fordi det er massevis av forskjellige skjermstørrelser. Om du bestemmer deg for å bygge for Apple-eller Android, begge plattformer har tonnevis av ulike enheter.
Oppløsning er også viktig., Det er fordi oppløsningen av forskjellige skjermbilder kan påvirke hvordan designere å bygge opp deres apps. Basert på denne informasjonen, det er visse verktøy som alle app designere må ha.
Slik som du kan se, både skjermstørrelse og oppløsning størrelse er viktig, men av forskjellige grunner.
Forstå størrelse og oppløsning kan hjelpe deg å optimalisere din mobile app for et utvalg av enheter. Dette gjelder både smarttelefoner, nettbrett og til og med smart-Tv-er eller andre skjermer der brukerne kan laste ned appen din.
Med det i tankene, og jeg ønsket å gi deg en informativ guide for disse emnene., Uansett hvilket stadium av utviklingen din app-er for øyeblikket, jeg er sikker på at du vil finne dette svært nyttig.
Her er hva du trenger å vite.
Hvordan å beregne punkter per tomme
Du har fått til å forstå forskjellen mellom størrelsen på skjermen og dimensjoner av skjermoppløsningen.
skjermstørrelse blir målt ved hjelp tommer. Det er størrelsen på selve skjermen på en bestemt enhet.
For eksempel, her er de skjermstørrelser på noen av de nyeste iphone fra Apple som du sannsynligvis kjent med.,
Målinger er tatt fra et hjørne til motsatt diagonal hjørne. Det er ganske grei, og alle med en linjal kan gjøre dette.
skjermoppløsning er litt annerledes. Oppløsningen er målt ved antall skilles piksler som kan vises i hver dimensjon.
iPhone X skjermoppløsning er 2436 x 1125. Mens Samsung Galaxy Note 8 har en oppløsning på 2960 x 1440.
Du trenger å vite størrelsen på skjermen, samt oppløsningen for å beregne punkter per tomme (PPI) av en enhet., Her er hvordan du beregne PPI:
- Legg kvadratene av både tall i oppløsning
- Ta kvadratroten av at antall
- Dele den forrige nummer av størrelsen på skjermen
Det høres litt komplisert, men jeg skal gi dere et eksempel for å vise deg hva jeg snakker om. Du sannsynligvis kommer til å trenge en kalkulator til å gjøre dette.
La oss bruke iPhone X, siden det er nytt, og vi har allerede dekket skjermstørrelse og oppløsning. Vi har fått all den informasjonen som vi trenger for å beregne PPI.,
Ifølge Apple tekniske spesifikasjoner, deres PPI av 2436 x 1125 pixel 5.8 tommers iPhone X 458, slik at våre beregninger ikke var langt unna.
ved Hjelp av denne formelen, prøv et par eksempler på egen hånd. Det er lett å finne ut den nøyaktige spesifikasjoner på de ulike enhetene ved å bare se det opp fra produsentens hjemmeside.
i Utgangspunktet, du er nødt til å innse at siden skjermstørrelse og skjermoppløsning både spille en rolle i å bestemme PPI, kan den fortelle deg hvor godt et bilde blir vist på den aktuelle enheten.,
Så hva skjer hvis du prøver å kombinere denne formelen ved hjelp av to enheter av forskjellige størrelser og oppløsninger? Det vil ikke fungere godt ut.
For eksempel, la oss ta oppløsningen av gamle iPhone-modell som 4-tommers SE og bruke det til 12.9-tommers iPad Pro.
Følg formelen du bruker pixel oppløsning over.
- 1136 1136 x + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Men nå i stedet for å dele dette tallet med 4-tommers skjerm størrelse, slik du er ment til, la oss dele det med 12.,9, som er på størrelse med en iPad Pro.
- 1303.88 / 12.9 = 101.08
Som du kan se. PPI er super lav, noe som betyr at hvis denne oppløsningen var på en større skjerm, bilder bare ikke ville beregne godt.
Det er grunnen til at du trenger for å optimalisere bilder for å redegjøre for ulike skjermstørrelser, men vi vil drøfte det i større detalj kort tid.
Forskjellige typer skjermer
Så vi har allerede etablert at ulike enheter har et bredt spekter av størrelser og bildeoppløsninger. Men med det sagt, noen vedtak er mer populære enn andre.,
Basert på Internett-trafikk fra et globalt perspektiv, 720 x 1280 pikslers smarttelefoner er den mest populære.
Som du kan se, er disse tallene varierer avhengig av plasseringen. Det er likevel verdifull informasjon. Det er alltid viktig å vite hvilke typer enheter som er mest populære når det kommer til den mobile applikasjonen industrien.
Dette kan være svært nyttig hvis din målgruppe eller flertallet av personer som bruker enheten din er plassert i land hvor disse prosenter er høy.,
Du har også å gjøre rede for andre typer skjermer, for eksempel:
- HD-skjermer
- QHD skjermer
HD står for high definition, mens QHD står for quarter high definition.
pixel oppløsning for high definition skjermer er 1920 x 1080. Quarter high definition skjermer har en oppløsning på 960 x 540 pikslers oppløsning.
Noen eksempler på QHD skjermer inkluderer:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Så, hva er mer populære? Full HD-skjermer eller QHD-skjermer?, Forskning viser at QHD-skjermer ser en nedgang i popularitet.
På samme tid, vi ser en økning i Full HD-skjermer i form av global web-trafikk.
Så planlegger tilsvarende når du er å bygge og designe ulike elementer av din mobile app.
For de av dere planlegger å bygge en app i fremtiden, bør du fokusere mer på HD-skjermer i motsetning til QHD-skjermer.
Hvis disse trendene fortsetter, som jeg forventer å finne dem, QHD-skjermer vil bli en ting fra fortiden., Men for nå, du bør likevel sørge for appen din, bilder og design kan imøtekomme så mange enheter som mulig.
Hvordan du kan dra nytte av forskjellige skjermstørrelser
OK. Så telefoner, nettbrett og andre enheter har forskjellig størrelse, oppløsning, og punkter per tomme. Det er også forskjellige typer skjermer.
hva Nå?
Som en utvikler, trenger du bare å holde all denne informasjonen i bakhodet, slik at din app er optimalisert for alle i forskjellige størrelser og enheter.,
Hvis du er bare bygge din app med en type skjerm i tankene, det kommer til å negativt påvirke brukeropplevelsen på andre enheter. Dårlige brukeropplevelser vil skade din nederste linjen, som er noe du tydeligvis ønsker å unngå.
Som en designer, du bør ha frihet og fleksibilitet til å bli kreativ med din design og animasjoner.
sørg for at du redegjøre for ulike skjermstørrelser når du bruker Automatisk Oppsett for å lage avanserte iOS-animasjoner.
Her er noe annet å holde i tankene., Appen din og andre bilder som fortsatt trenger å legge feilfritt uansett hvordan brukeren med å holde enheten.
Det er riktig. I tillegg til dimensjonene av deres skjermstørrelse og oppløsning, vil du også nødt til å sørge for at det er en sømløs overgang mellom stående og liggende modus.
Avhengig av størrelsen på skjermen, brukerne er mer sannsynlig å lene seg mot en retning over en annen. Her er noen data for å vise deg hva jeg snakker om.
Dette er interessant., Som du kan se, så vi får til enheter med skjerm større enn 9 cm, det er en betydelig økning i mengden av brukere som bruker liggende modus.
Så for det meste, kan vi anta at folk foretrekker å bruke liggende retning på sine nettbrett.
Men med det sagt, du har fortsatt å teste appen din, bilder og design elementer for både retningen og sørg for at den er optimalisert for alle oppløsninger.
Konklusjon
Det er en forskjell mellom skjermstørrelse og skjermoppløsning.,
Du kommer til å bruke begge disse tallene for å hjelpe deg å beregne punkter per tomme (PPI) av bestemte enheter.
Dette er viktig å vite fordi det påvirker måten du designe din app. Du kan ikke bygge den med bare en mobiltelefon, et nettbrett eller en plattform i tankene.
For brukere å ha det beste opplevelse, din app trenger å være fullt optimalisert for så mange enheter som mulig.
Det er også en forskjell mellom HD og QHD-skjermer., Selv om skjermen størrelser er beveger seg mot en standard oppløsning, app designere trenger fortsatt å være klar over at deres app vil bli sett på mange forskjellige typer skjermer.
Så for overskuelig fremtid, vil du trenger for å fortsette å utvikle og teste så mange situasjoner som mulig.
Hvordan er design elementer av din app møte ulike størrelser og bildeoppløsninger for brukere med ulike enheter?