som du ved, er der mange forskellige ting, du skal tage i betragtning, når du bygger en mobilapplikation.
med så meget at holde styr på, kan visse elementer af udvikling gå tabt i shuffle. Derfor siger jeg altid, at du skal forblive organiseret med indsendelseschecklister og andre værktøjer.,
men en faktor, der ser ud til altid at blive fejet under tæppet og glemt, er den faktiske skærm på de forskellige enheder.
skærmstørrelse og skærmopløsning er to ting, du skal huske på før, under og efter at du har udviklet en mobilapp.
hvorfor?
for det første er skærmstørrelsen vigtig, fordi der er mange forskellige skærmstørrelser. Uanset om du beslutter at bygge til Apple eller Android, begge platforme har tonsvis af forskellige enheder.
opløsning er også vigtig., Det skyldes, at opløsningen af forskellige skærme kan påvirke, hvordan designere bygger deres apps. Baseret på disse oplysninger er der visse værktøjer, som alle appdesignere skal have.
så som du kan se, er både skærmstørrelse og opløsningsstørrelse vigtige, men af forskellige grunde.forståelse af størrelse og opløsning kan hjælpe dig med at optimere din mobilapp til en række enheder. Dette refererer til både smartphones, tablets og endda smarte tv ‘ er eller andre skærme, hvor brugerne kan do .nloade din app.
med det i tankerne ønskede jeg at give dig en informativ guide til disse emner., Uanset hvilket udviklingsstadium din app er i øjeblikket i, er jeg sikker på, at du finder dette meget nyttigt.
Her er hvad du behøver at vide.
Sådan beregnes pi .els per inch
du er nødt til at forstå forskellen mellem størrelsen på skærmen og dimensionerne på skærmopløsningen.
skærmstørrelse måles ved hjælp af tommer. Det er størrelsen på den faktiske skærm på en bestemt enhed.
Her er for eksempel skærmstørrelserne på nogle af de nyeste iPhones fra Apple, som du sandsynligvis er bekendt med.,
Der foretages målinger fra det ene hjørne af skærmen til det modsatte diagonale hjørne. Det er ret ligetil, og enhver med en lineal kan gøre dette.
skærmopløsning er lidt anderledes. Opløsningen måles ved antallet af skelnelige pi .els, der kan vises i hver dimension.
iPhone screen-skærmopløsningen er 2436 11 1125. Mens Samsung Gala .y Note 8 har en opløsning på 2960 14 1440.
Du skal kende størrelsen på skærmen såvel som opløsningen for at beregne pi .els per inch (PPI) på en enhed., Sådan beregner du PPI:
- Tilføj firkanterne for begge tal i opløsningen
- tag kvadratroden af dette nummer
- del det forrige nummer med skærmens størrelse
det lyder lidt kompliceret, men jeg giver dig et eksempel for at vise dig, hvad jeg taler om. Du har sandsynligvis brug for en lommeregner for at gøre dette.
lad os bruge iPhone., da den er ny, og vi har allerede dækket skærmstørrelsen og opløsningen. Vi har alle de oplysninger, vi har brug for at beregne PPI.,
i henhold til Apples tekniske specifikationer er deres PPI på 2436 11 1125 pi .el 5.8 tommer iPhone 45 458, så vores beregninger var ikke langt væk.brug denne formel til at prøve et par eksempler på egen hånd. Det er nemt at finde ud af de nøjagtige specifikationer for forskellige enheder ved blot at slå det op fra producentens hjemmeside.grundlæggende er du nødt til at indse, at da skærmstørrelse og skærmopløsning begge spiller en rolle i bestemmelsen af PPI, kan det fortælle dig, hvor godt et billede vises på den pågældende enhed.,så hvad sker der, hvis du forsøger at kombinere denne formel ved hjælp af to enheder i forskellige størrelser og opløsninger? Det vil bare ikke fungere godt.tage opløsningen af en gammel iPhone-model som 4-tommer SE og anvende den på 12, 9-tommer iPad Pro.
Følg formlen ved hjælp af Pi .elopløsningen ovenfor.
- 1136 11 1136 + 640.640= 1700096
- 1700096/1303.88 = 1303.88
men nu i stedet for at dele dette tal med 4-tommers skærmstørrelse, som du skal, Lad os dele det med 12.,9, hvilket er størrelsen på en iPad Pro.
- 1303.88/12.9 = 101.08
som du kan se. PPI ‘ en er super lav, hvilket betyder, at hvis denne opløsning var på en større skærm, ville billederne bare ikke beregne godt.derfor er du nødt til at optimere dine billeder for at tage højde for forskellige skærmstørrelser, men vi vil snart diskutere det mere detaljeret.
forskellige typer skærme
så vi har allerede konstateret, at forskellige enheder har en bred vifte af skærmstørrelser og opløsninger. Men med det sagt, nogle beslutninger er mere populære end andre.,
baseret på Internet trafficebtrafik fra et globalt perspektiv er 720 12 1280 pi .el smartphones de mest populære.
som du kan se, varierer disse tal baseret på placering. Det er dog stadig værdifuld information. Det er altid vigtigt at vide, hvilke typer enheder der er mest populære, når det kommer til mobilappindustrien.
dette kan være yderst nyttigt, hvis dit målmarked eller de fleste mennesker, der bruger din enhed, er placeret i de lande, hvor disse procentsatser er høje.,
Du skal også tage højde for andre typer skærme, såsom:
- HD-skærme
- screenshd-skærme
HD står for high definition, mens .hd står for quarteruarter high definition.
pi .elopløsningen for high definition-skærme er 1920 10 1080. Quarteruarter high definition skærme har en 960 5 540 pi .el opløsning.
nogle eksempler på screenshd-skærme inkluderer:
- Sony Speria M2
- HTC Desire 601
- Samsung Gala ?y S4
Så hvad er mere populært? Full HD-skærme eller screenshd-skærme?, Forskning viser, at screenshd-skærme ser et fald i popularitet.
samtidig ser vi en stigning i Full HD-skærme med hensyn til global trafficebtrafik.
så planlæg i overensstemmelse hermed, når du bygger og designer forskellige elementer i din mobilapp.
for dem af jer, der planlægger at opbygge en app i fremtiden, skal du fokusere mere på HD-skærme i modsætning til .hd-skærme.
Hvis disse tendenser fortsætter, som jeg forventer dem, vil screenshd-skærme blive en fortid., Men indtil videre skal du stadig sørge for, at din app, Billeder og design kan rumme så mange enheder som muligt.
hvordan du kan drage fordel af forskellige skærmstørrelser
OK. Så telefoner, tablets og andre enheder har forskellige skærmstørrelser, opløsninger og Pi .els pr. Der er endda forskellige typer skærme.
hvad nu?
Som udvikler skal du bare huske alle disse oplysninger, så din app er optimeret til alle de forskellige størrelser og enheder.,
Hvis du kun bygger din app med en type skærm i tankerne, vil den påvirke brugeroplevelsen af andre enheder negativt. Dårlige brugeroplevelser vil skade din bundlinje, hvilket er noget, du selvfølgelig vil undgå.
Som designer skal du have frihed og fleksibilitet til at blive kreativ med dine designs og animationer.
sørg for, at du tegner dig for forskellige skærmstørrelser, når du bruger automatisk Layout til at lave avancerede iOS-animationer.
Her er noget andet at huske på., Din app og andre billeder skal stadig indlæses fejlfrit, uanset hvordan brugeren holder deres enhed.
det er rigtigt. Udover dimensionerne af deres skærmstørrelse og opløsning skal du også sørge for, at der er en problemfri overgang mellem stående og liggende tilstand.
afhængigt af skærmens størrelse er brugerne mere tilbøjelige til at læne sig mod en orientering over en anden. Her er nogle data, der viser dig, hvad jeg taler om.
Dette er interessant., Som du kan se, når vi kommer til enheder med skærmstørrelser større end 9 tommer, er der en betydelig stigning i mængden af brugere, der bruger liggende tilstand.
så for det meste kan vi antage, at folk foretrækker at bruge liggende retning på deres tabletter.
men med det sagt skal du stadig teste din app, Billeder og designelementer til begge retninger og sørge for, at den er optimeret til alle opløsninger.
konklusion
Der er forskel på skærmstørrelse og skærmopløsning.,
du vil bruge begge disse tal til at hjælpe dig med at beregne pi .els per inch (PPI) af specifikke enheder.
Dette er vigtigt at vide, fordi det påvirker den måde, du designer din app på. Du kan ikke bygge det med kun en telefon, tablet eller platform i tankerne.
for at brugerne skal have den bedste oplevelse, skal din app være fuldt optimeret til så mange enheder som muligt.
Der er også en forskel mellem HD-og .hd-skærme., Selvom skærmstørrelser bevæger sig mod en standardopløsning, skal appdesignere stadig være opmærksomme på, at deres app ses på mange forskellige slags skærme.
så i overskuelig fremtid skal du fortsætte med at designe og teste for så mange uforudsete forhold som muligt.
hvordan er designelementerne i din app imødekommende de forskellige skærmstørrelser og opløsninger for brugere med forskellige enheder?