Kuten tiedätte, on olemassa paljon erilaisia asioita, jotka sinun täytyy ottaa huomioon, kun olet rakentaa mobiili sovellus.
niin paljon seurata, tiettyjä elementtejä kehitys voisi eksyä shuffle. Siksi olen aina sanonut, että sinun pitäisi pysyä järjestetty jättämistä tarkistuslistoja ja muita työkaluja.,
Mutta yksi tekijä, joka vaikuttaa aina lakaistaan maton alle ja unohtaa on todellinen näytön eri laitteiden.
Näytön koko ja näytön resoluutio ovat kaksi asiaa, jotka sinun täytyy pitää mielessä ennen, aikana, ja sen jälkeen, kun olet kehittänyt mobile app.
miksi?
alkajaisiksi näytön koko on tärkeä, koska näyttökokoja on paljon erilaisia. Olitpa päättämässä rakentaa Apple tai Android, molemmilla alustoilla on tonnia eri laitteita.
resoluutio on myös tärkeä., Se johtuu siitä, että eri näyttöjen resoluutio voi vaikuttaa siihen, miten suunnittelijat rakentavat sovelluksiaan. Näiden tietojen perusteella on olemassa tiettyjä työkaluja, jotka kaikilla sovellusten suunnittelijoilla on oltava.
niin kuin näet, sekä näytön koko että resoluutio ovat tärkeitä, mutta eri syistä.
koon ja resoluution ymmärtäminen voi auttaa optimoimaan mobiilisovelluksen erilaisille laitteille. Tämä tarkoittaa sekä älypuhelimia, tabletteja, ja jopa älytelevisioita tai muita näyttöjä, joissa käyttäjät voivat ladata sovelluksen.
tätä ajatellen halusin antaa sinulle informatiivisen oppaan näistä aiheista., Riippumatta siitä, missä kehitysvaiheessa sovellus on tällä hetkellä, olen varma, että löydät tämän erittäin hyödyllistä.
Here ’ s what you need to know.
Miten laskea pikseliä / tuuma
Sinun täytyy ymmärtää ero näytön koko ja mitat näytön resoluutio.
näytön koko mitataan tuumilla. Se on tietyn laitteen todellisen näytön kokoinen.
esimerkiksi tässä ovat joidenkin Applen uusimpien iPhonejen näyttökoot, joihin olet todennäköisesti tutustunut.,
Mittaukset tehdään yhdestä yläkulmassa vastakkaiseen lävistäjä nurkkaan. Se on aika suoraviivaista, ja jokainen, jolla on hallitsija, pystyy tähän.
näytön resoluutio on hieman erilainen. Resoluutio mitataan kussakin ulottuvuudessa näkyvien erotettavien pikselien määrällä.
iPhone X näytön resoluutio on 2436 x 1125. Vaikka Samsung Galaxy Note 8 on resoluutio 2960 x 1440.
sinun on tiedettävä näytön koko sekä resoluutio, jotta voidaan laskea Pikselit laitteen tuumaa kohti (PPI)., Tässä on, miten voit laskea PPI:
- Lisää neliöitä sekä numerot resoluutio
- Ota neliöjuuri, että numero
- Jakaa edellisen numeron näytön koko
Se kuulostaa hieman monimutkainen, mutta voin antaa teille esimerkki näyttää sinulle, mitä puhun. Tarvitset varmaan laskimen tähän.
katsotaanpa käyttää iPhone-X, koska se on uutta, ja tiedämme jo, näytön koko ja resoluutio. Meillä on kaikki tiedot, jotka meidän täytyy laskea PPI.,
Mukaan Applen tekniset tiedot, niiden PPI, että 2436 x 1125 pikselin 5,8 tuuman iPhone X on 458, joten laskelmat eivät olleet kaukana.
käytä tätä kaavaa, kokeile pari esimerkkiä itse. Eri laitteiden tarkat tekniset tiedot on helppo selvittää vain katsomalla ne valmistajan verkkosivuilta.
Pohjimmiltaan, sinun täytyy ymmärtää, että koska näytön koko ja näytön resoluutio sekä pelata rooli päätettäessä PPI, se voi kertoa sinulle, miten kuvan saa näkyviin, että tietyn laitteen.,
mitä tapahtuu, jos yrität yhdistää tätä kaavaa käyttämällä kaksi laitetta eri kokoja ja päätöslauselmia? Se ei vain toimi hyvin.
esimerkiksi, katsotaanpa ottaa päätöslauselman vanha iPhone malli, kuten 4-inch SE ja soveltaa sitä 12,9 tuuman iPad Pro.
Noudata kaavaa käyttäen pikselin resoluutio edellä.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Mutta nyt, sen sijaan, että jakamalla että määrä 4-tuumainen näyttö koko, kuin sinun pitäisi, katsotaanpa jakaa sen 12.,9, joka on koko iPad Pro.
- 1303.88 / 12.9 = 101.08
Kuten voit nähdä. PPI on erittäin matala, mikä tarkoittaa, että jos tämä resoluutio olisi suuremmalla näytöllä, kuvat eivät vain laskisi hyvin.
siksi sinun on optimoitava kuviasi eri näyttökokojen huomioon ottamiseksi, mutta keskustelemme siitä lähiaikoina yksityiskohtaisemmin.
Erilaiset näytöt
Joten olemme jo todenneet, että eri laitteissa on laaja valikoima näytön kokoa ja päätöslauselmia. Jotkut päätöslauselmat ovat kuitenkin suositumpia kuin toiset.,
Internetin verkkoliikenteeseen perustuen maailmanlaajuisesta näkökulmasta 720 x 1280 pikselin älypuhelimet ovat suosituimpia.
kuten näet, nämä luvut vaihtelevat sijainnin mukaan. Se on kuitenkin edelleen arvokasta tietoa. On aina tärkeää tietää, minkä tyyppisiä laitteita on suosituin, kun se tulee mobiilisovellus teollisuudelle.
Tämä voi olla erittäin hyödyllistä, jos teidän tavoite markkinoilla tai suurin osa ihmisistä käyttää laitteen sijaitsevat maissa, joissa nämä prosentit ovat korkeat.,
Sinun on myös ottaa huomioon muita näyttöjä, kuten:
- HD-näytöt
- QHD näytöt
HD tulee sanoista high definition, kun QHD tarkoittaa neljänneksellä teräväpiirto.
teräväpiirtonäyttöjen pikseliresoluutio on 1920 x 1080. Quarter High definition-näytöillä on 960 x 540 pikselin resoluutio.
esimerkkejä QHD näytöt ovat:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Niin, mikä on enemmän suosittu? Full HD-näyttöjä vai QHD-näyttöjä?, Tutkimusten mukaan QHD-näyttöjen suosio on laskussa.
samaan aikaan nähdään Full HD-näyttöjen nousua globaalin verkkoliikenteen kannalta.
joten suunnittele vastaavasti, kun rakennat ja suunnittelet mobiilisovelluksesi eri osia.
niille teistä aikoo rakentaa sovelluksen tulevaisuudessa, sinun pitäisi keskittyä enemmän HD-näyttöjä, toisin kuin QHD-näytöt.
Jos nämä trendit jatkuvat, mitä odotan heiltä, QHD-näytöistä tulee menneisyyttä., Mutta nyt, sinun pitäisi silti varmistaa, että sovellus, Kuvat, ja mallit mahtuu niin monta laitetta kuin mahdollista.
miten voit hyödyntää erilaisia näytön kokoja
OK. Puhelimissa, tableteissa ja muissa laitteissa on siis erilaiset näytön koot, resoluutiot ja Pikselit tuumalla. Näyttöjä on jopa erityyppisiä.
nyt mitä?
kehittäjänä sinun tarvitsee vain pitää kaikki tämä tieto mielessäsi, jotta sovelluksesi on optimoitu kaikille eri kokoisille ja laitteille.,
Jos rakennat sovellusta vain yhdenlaisella näytöllä mielessä, se vaikuttaa negatiivisesti muiden laitteiden käyttökokemukseen. Huonot käyttäjäkokemukset satuttavat pohjasakkaa, jota tietysti haluaa välttää.
suunnittelija, sinun pitäisi olla vapaus ja joustavuus saada luovia malleja ja animaatioita.
varmista, että tilität erilaisia näytön kokoja, kun käytät automaattista asettelua kehittyneiden iOS-animaatioiden tekemiseen.
Here ’ s s something else to keep in mind., Sovellus ja muut kuvat täytyy vielä ladata virheettömästi riippumatta siitä, miten käyttäjä pitää laitteensa.
näin on. Näytön koon ja resoluution mittojen lisäksi sinun on myös varmistettava, että muotokuvan ja Maisematilan välillä on saumaton siirtyminen.
näytön koosta riippuen käyttäjät nojaavat todennäköisemmin suuntaan toiseen. Tässä on tietoja, joista voin kertoa.
Tämä on mielenkiintoinen., Kuten näette, kun pääsemme laitteisiin, joiden näytön koko on suurempi kuin 9 tuumaa, on merkittävä kasvu käyttäjien, jotka käyttävät maisematilassa.
suurimmaksi osaksi, voimme olettaa, että ihmiset haluavat käyttää vaakasuunnassa niiden tabletteja.
Mutta, että sanoi, sinun täytyy testata sovellus, kuvia, ja sisustuselementtejä sekä suuntaviivoja ja varmista, että se on optimoitu kaikille päätöslauselmia.
päätelmä
näytön koon ja näytön resoluution välillä on ero.,
käytät kumpaakin näistä numeroista, jotta voit laskea Pikselit tiettyjen laitteiden tuumasta (PPI).
Tämä on tärkeää tietää, koska se vaikuttaa tapaan, jolla suunnittelet sovelluksen. Sitä ei voi rakentaa vain yhdellä puhelimella, tabletilla tai alustalla mielessä.
jotta käyttäjillä olisi paras kokemus, sovellus on optimoitava mahdollisimman monelle laitteelle.
HD-ja QHD-näyttöjen välillä on myös eroa., Vaikka näytön koot ovat siirtymässä kohti normaali resoluutio, sovellus suunnittelijat silti täytyy olla tietoisia siitä, että heidän sovellus on nähty monia erilaisia näyttöjä.
Joten lähitulevaisuudessa, sinun täytyy jatkaa suunnittelu ja testaus niin paljon menoja kuin mahdollista.
miten sovelluksesi suunnitteluelementit sopivat erilaisiin näytön kokoihin ja resoluutioihin eri laitteilla varustetuille käyttäjille?