mint tudod, sok különböző dolog van, amelyeket figyelembe kell venni egy mobil alkalmazás építésekor.
annyi nyomon követhető, bizonyos fejlesztési elemek elveszhetnek a shuffle-ben. Ezért mindig azt mondom, hogy szervezetten kell maradnod a benyújtási ellenőrzőlistákkal és más eszközökkel.,
de az egyik tényező, amely úgy tűnik, hogy mindig söpörte a szőnyeg alá, majd elfelejtette a tényleges képernyő a különböző eszközök.
A képernyő mérete és felbontása két dolog, amit szem előtt kell tartani a mobilalkalmazás kifejlesztése előtt, alatt és után.
miért?
kezdőknek, a képernyő mérete azért fontos, mert sok különböző képernyőméret van. Akár úgy dönt, hogy épít az Apple vagy az Android, mindkét platformon tonna különböző eszközök.
felbontás is fontos., Ennek oka az, hogy a különböző képernyők felbontása befolyásolhatja az alkalmazások tervezőinek felépítését. Ezen információk alapján vannak bizonyos eszközök, amelyekkel minden alkalmazástervezőnek rendelkeznie kell.
mint látható, mind a képernyő mérete, mind a felbontás mérete fontos, de különböző okok miatt.
a méret és a felbontás megértése segíthet a mobilalkalmazás optimalizálásában különböző eszközökhöz. Ez mind okostelefonokra, táblagépekre, akár intelligens tv-kre vagy más képernyőkre vonatkozik, ahol a felhasználók letölthetik az alkalmazást.
ezt szem előtt tartva tájékoztató útmutatót akartam adni Önnek ezekre a témákra., Nem számít, milyen fejlődési szakaszban van az alkalmazás jelenleg, biztos vagyok benne, hogy ezt nagyon hasznosnak találja.
itt van, amit tudnod kell.
képpontok hüvelykenkénti kiszámítása
meg kell értened a képernyő mérete és a képernyő felbontásának mérete közötti különbséget.
A képernyő méretét hüvelyk segítségével mérik. Ez egy adott eszköz tényleges képernyőjének mérete.
például itt vannak az Apple legújabb iPhone készülékeinek képernyőméretei, amelyeket valószínűleg ismer.,
a mérések a képernyő egyik sarkából az ellenkező átlós sarokba kerülnek. Ez elég egyszerű, és bárki, akinek uralkodója van, képes erre.
A képernyő felbontása egy kicsit más. A felbontást az egyes dimenziókban megjeleníthető megkülönböztethető képpontok számával mérik.
az iPhone X képernyő felbontása 2436 x 1125. Míg a Samsung Galaxy Note 8 felbontása 2960 x 1440.
tudnia kell a képernyő méretét, valamint a felbontást, hogy kiszámítsa a képpontok hüvelykenkénti (PPI) értékét., Így számolja ki a PPI-t:
- adja hozzá mindkét szám négyzetét a felbontásban
- vegye be ennek a számnak a négyzetgyökét
- ossza meg az előző számot a képernyő méretével
kissé bonyolultnak hangzik, de adok egy példát, hogy megmutassam, miről beszélek. Valószínűleg szüksége lesz egy számológépre ehhez.
használjuk az iPhone X-et, mivel új, és már lefedtük a képernyő méretét és felbontását. Megvan az összes információ, amire szükségünk van a PPI kiszámításához.,
Az Apple műszaki specifikációi szerint a 2436 x 1125 pixel 5, 8 hüvelykes iPhone X PPI-je 458, tehát számításaink nem voltak messze.
ezzel a képlettel próbáljon ki néhány példát önmagában. Könnyű megismerni a különböző eszközök pontos specifikációit azáltal, hogy csak a gyártó webhelyéről keresi fel.
alapvetően fel kell ismernie, hogy mivel a képernyő mérete és a képernyőfelbontás egyaránt szerepet játszik a PPI meghatározásában, meg tudja mondani, hogy egy kép milyen jól jelenik meg az adott eszközön.,
Tehát mi történik, ha megpróbálja kombinálni ezt a képletet két különböző méretű és felbontású eszközzel? Csak nem fog jól működni.
vegyük például egy régi iPhone modell felbontását, mint például a 4 hüvelykes SE, majd alkalmazzuk a 12, 9 hüvelykes iPad Pro-ra.
kövesse a képletet a fenti pixel felbontással.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
de most ahelyett, hogy ezt a számot elosztanánk a 4 hüvelykes képernyőmérettel, ahogy kellene, Osszuk meg a 12-vel.,9, ami egy iPad Pro mérete.
- 1303,88/12,9 = 101,08
mint látható. A PPI szuper alacsony, ami azt jelenti, hogy ha ez a felbontás nagyobb képernyőn lenne, a képek csak nem lennének jól kiszámítva.
ezért kell optimalizálnia a képeket, hogy figyelembe vegye a különböző képernyőméreteket, de ezt hamarosan részletesebben tárgyaljuk.
különböző típusú képernyők
tehát már megállapítottuk, hogy a különböző eszközök széles képernyőmérettel és felbontással rendelkeznek. De ezzel azt mondta, egyes állásfoglalások népszerűbbek, mint mások.,
az internetes webes forgalom alapján globális szempontból a 720 x 1280 pixel okostelefonok a legnépszerűbbek.
mint látható, ezek a számok helytől függően változnak. Ez azonban még mindig értékes információ. Mindig fontos tudni, hogy mely típusú eszközök a legnépszerűbbek a mobilalkalmazás-iparban.
Ez rendkívül hasznos lehet, ha a célpiac vagy a készüléket használó emberek többsége azokban az országokban található, ahol ezek a százalékok magasak.,
más típusú képernyőket is figyelembe kell vennie, mint például:
- HD képernyők
- QHD képernyők
HD A nagy felbontású, míg a QHD a negyed nagyfelbontású.
a nagyfelbontású képernyők pixel felbontása 1920 x 1080. A negyed nagyfelbontású képernyők 960 x 540 pixel felbontással rendelkeznek.
néhány példa a QHD képernyőkre:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Tehát mi népszerűbb? Full HD képernyők vagy QHD képernyők?, A kutatások azt mutatják, hogy a QHD képernyők népszerűsége csökken.
ugyanakkor a Full HD képernyők növekedését látjuk a globális webes forgalom szempontjából.
tehát ennek megfelelően tervezze meg a mobilalkalmazás különböző elemeinek felépítését és tervezését.
azok számára, akik a jövőben egy alkalmazást terveznek építeni, inkább a HD képernyőkre kell összpontosítania, szemben a QHD képernyőkkel.
Ha ezek a trendek folytatódnak, amire számítok, a QHD képernyők a múlté válnak., De egyelőre még mindig győződjön meg arról, hogy az alkalmazás, a képek és a tervek a lehető legtöbb eszközt képesek befogadni.
hogyan lehet kihasználni a különböző képernyőméretek
OK. Így a telefonok, táblagépek és más eszközök különböző képernyőmérettel, felbontással és pixelenkénti felbontással rendelkeznek. Vannak még különböző típusú képernyők is.
most mi van?
fejlesztőként csak ezt az információt kell szem előtt tartania, hogy az alkalmazás optimalizálva legyen az összes különböző méretre és eszközre.,
Ha csak az egyik típusú képernyőt szem előtt tartva építi az alkalmazást, ez negatívan befolyásolja más eszközök felhasználói élményét. A rossz felhasználói tapasztalatok ártanak az alsó sorban, amit nyilvánvalóan el akarsz kerülni.
mint tervező, akkor kell a szabadságot, rugalmasságot, hogy kreatív a tervek, animációk.
győződjön meg róla, hogy különböző képernyőméreteket használ, amikor Automatikus elrendezést használ a fejlett iOS animációk készítéséhez.
itt van valami más, amit szem előtt kell tartani., Az alkalmazásnak és más képeknek továbbra is hibátlanul kell betölteniük, függetlenül attól, hogy a felhasználó hogyan tartja a készüléket.
így van. Amellett, hogy a méretei a képernyő mérete és felbontása, akkor is meg kell győződnie arról, hogy van egy zökkenőmentes átmenetet álló és fekvő módban.
a képernyő méretétől függően a felhasználók nagyobb valószínűséggel hajolnak az egyik tájolás felé a másik felett. Itt van néhány adat, hogy megmutassam, miről beszélek.
Ez érdekes., Mint látható, amint eljutunk a 9 hüvelyknél nagyobb képernyőméretű eszközökhöz, jelentősen növekszik a tájkép módot használó felhasználók száma.
tehát nagyrészt feltételezhetjük, hogy az emberek inkább a táj tájolást használják a tablettáikon.
de ezzel együtt még mindig tesztelnie kell az alkalmazást, a képeket és a tervezési elemeket mindkét irányban, és ellenőriznie kell, hogy minden felbontásra optimalizálva van-e.
következtetés
különbség van a képernyő mérete és a képernyő felbontása között.,
mindkét számot használni fogja, hogy segítsen kiszámítani az egyes eszközök hüvelykenkénti képpontjait (PPI).
ezt fontos tudni, mert befolyásolja az alkalmazás tervezésének módját. Nem lehet építeni, csak egy telefon, tabletta, vagy platform szem előtt tartva.
ahhoz, hogy a felhasználók a legjobb élményt nyújtsák, az alkalmazást teljes mértékben optimalizálni kell a lehető legtöbb eszközre.
a HD és a QHD képernyők között is van különbség., Annak ellenére, hogy a képernyőméretek a szokásos felbontás felé haladnak, az alkalmazástervezőknek továbbra is tisztában kell lenniük azzal, hogy alkalmazásuk sokféle képernyőn látható lesz.
így a belátható jövőben is folytatni kell a tervezést és a tesztelést a lehető legtöbb vészhelyzet esetén.
hogyan illeszkednek az alkalmazás tervezési elemei a különböző képernyőméretekhez és felbontásokhoz a különböző eszközökkel rendelkező felhasználók számára?