Jak víte, existuje mnoho různých věcí, které musíte vzít v úvahu, když jste budování mobilní aplikace.
s tolik sledovat, některé prvky vývoje by mohly ztratit v shuffle. To je důvod, proč vždycky říkám, že byste měli zůstat organizováni s podrobnými kontrolními seznamy a dalšími nástroji.,
ale jeden faktor, který se zdá, že se vždy zametá pod koberec a zapomněl, je skutečná obrazovka různých zařízení.
velikost Obrazovky a rozlišení obrazovky jsou dvě věci, které potřebujete mít na paměti před, během a poté, co jste vyvinuli mobilní aplikaci.
proč?
pro začátečníky je velikost obrazovky důležitá, protože existuje spousta různých velikostí obrazovky. Ať už se rozhodnete stavět pro Apple nebo Android, obě platformy mají spoustu různých zařízení.
rozlišení je také důležité., Je to proto, že rozlišení různých obrazovek může ovlivnit, jak návrháři vytvářejí své aplikace. Na základě těchto informací existují určité nástroje, které musí mít všichni návrháři aplikací.
jak vidíte, velikost obrazovky i velikost rozlišení jsou důležité, ale z různých důvodů.
porozumění velikosti a rozlišení vám může pomoci optimalizovat mobilní aplikaci pro různé zařízení. To se týká jak chytrých telefonů, tabletů, tak i chytrých televizorů nebo jiných obrazovek, kde si uživatelé mohou aplikaci stáhnout.
s ohledem na to jsem vám chtěl poskytnout informativní průvodce pro tato témata., Bez ohledu na to, v jaké fázi vývoje je vaše aplikace v současné době, jsem si jistý, že to bude velmi užitečné.
zde je to, co potřebujete vědět.
Jak vypočítat pixelů na palec
musíte pochopit rozdíl mezi velikostí displeje a rozměry rozlišení obrazovky.
velikost obrazovky se měří pomocí palců. Je to velikost skutečné obrazovky konkrétního zařízení.
například zde jsou velikosti obrazovky některých nejnovějších telefonů iPhone od společnosti Apple, které pravděpodobně znáte.,
Měření z jednoho rohu obrazovky na protější diagonální rohu. Je to docela jednoduché a každý, kdo má pravítko, to dokáže.
rozlišení obrazovky je trochu jiné. Rozlišení se měří počtem rozlišitelných pixelů, které lze zobrazit v každé dimenzi.
rozlišení obrazovky iPhone X je 2436 x 1125. Zatímco Samsung Galaxy Note 8 Má Rozlišení 2960 x 1440.
potřebujete znát velikost obrazovky a rozlišení pro výpočet pixelů na palec (PPI) zařízení., Zde je návod, jak si spočítat PPI:
- Přidat čtverců obě čísla v usnesení
- odmocníme, že číslo
- Rozdělit předchozí číslo velikosti obrazovky
zní To trochu komplikované, ale dám vám příklad, aby vám ukázat, o čem mluvím. Pravděpodobně k tomu budete potřebovat kalkulačku.
použijeme iPhone X, protože je nový a již jsme pokryli velikost a rozlišení obrazovky. Máme všechny informace, které potřebujeme k výpočtu PPI.,
podle technických specifikací Apple je jejich PPI 2436 x 1125 pixel 5, 8 palce iPhone X 458, takže naše výpočty nebyly daleko.
pomocí tohoto vzorce vyzkoušejte několik příkladů sami. Je snadné zjistit přesné specifikace různých zařízení pouhým vyhledáním z webových stránek výrobce.
v Podstatě, musíte si uvědomit, že od velikosti obrazovky a rozlišení obrazovky, jak hrát roli při určování PPI, to může říct, jak dobře obraz se zobrazí na daném zařízení.,
co se stane, když se pokusíte tento vzorec kombinovat pomocí dvou zařízení různých velikostí a rozlišení? Prostě to nebude fungovat dobře.
vezměme například rozlišení starého modelu iPhone, jako je 4palcový SE, a použijeme jej na 12, 9palcový iPad Pro.
postupujte podle vzorce pomocí rozlišení pixelů výše.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Ale teď místo toho, dělící toto číslo o 4-palcový velikosti obrazovky, jako byste měli, řekněme, vydělte 12.,9, což je velikost iPadu Pro.
- 1303.88/12.9 = 101.08
Jak vidíte. PPI je super nízká, což znamená, že pokud by toto rozlišení bylo na větší obrazovce, obrázky by se prostě nepočítaly dobře.
proto je třeba optimalizovat obrázky tak, aby odpovídaly různým velikostem obrazovky, ale brzy o tom budeme podrobněji diskutovat.
různé typy obrazovek
takže jsme již zjistili, že různá zařízení mají širokou škálu velikostí a rozlišení obrazovky. Ale s tím, že některé rezoluce jsou populárnější než jiné.,
na základě internetového webového provozu z globálního hlediska jsou nejoblíbenější smartphony 720 x 1280 pixelů.
jak vidíte, tato čísla se liší podle umístění. Jsou to však stále cenné informace. Je vždy důležité vědět, které typy zařízení jsou nejoblíbenější, pokud jde o odvětví mobilních aplikací.
to může být velmi užitečné, pokud se váš cílový trh nebo většina lidí používajících vaše zařízení nachází v zemích, kde jsou tato procenta vysoká.,
musíte také počítat s jinými typy obrazovek, jako jsou:
- HD obrazovky
- QHD obrazovky
HD znamená high definition, zatímco QHD znamená quarter high definition.
rozlišení pixelů pro obrazovky s vysokým rozlišením je 1920 x 1080. Obrazovky s vysokým rozlišením mají rozlišení 960 x 540 pixelů.
některé příklady QHD obrazovek zahrnují:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
takže, co je populárnější? Full HD obrazovky nebo QHD obrazovky?, Výzkum ukazuje, že obrazovky QHD zaznamenávají pokles popularity.
současně vidíme nárůst Full HD obrazovek z hlediska globálního webového provozu.
takže plánujte podle toho, když stavíte a navrhujete různé prvky své mobilní aplikace.
pro ty z vás, kteří plánují v budoucnu vytvořit aplikaci, byste se měli více zaměřit na HD obrazovky na rozdíl od QHD obrazovek.
pokud budou tyto trendy pokračovat, což očekávám, QHD obrazovky se stanou minulostí., Ale prozatím byste se měli ujistit, že vaše aplikace, obrázky a návrhy mohou pojmout co nejvíce zařízení.
jak můžete využít různých velikostí obrazovky
OK. Takže telefony, tablety a další zařízení mají různé velikosti obrazovky, rozlišení a pixely na palec. Existují dokonce i různé typy obrazovek.
Co teď?
jako vývojář stačí mít na paměti všechny tyto informace, aby byla vaše aplikace optimalizována pro všechny různé velikosti a zařízení.,
Pokud vytváříte aplikaci pouze s jedním typem obrazovky, bude to mít negativní dopad na uživatelskou zkušenost jiných zařízení. Špatné uživatelské zkušenosti poškodí váš spodní řádek, což je něco, čemu se samozřejmě chcete vyhnout.
jako designér byste měli mít svobodu a flexibilitu, abyste mohli být kreativní se svými návrhy a animacemi.
ujistěte se, že účet pro různé velikosti obrazovky, když používáte Auto Layout k řemeslu pokročilé iOS animace.
zde je něco jiného, co je třeba mít na paměti., Vaše aplikace a další obrázky se stále musí bezchybně načíst bez ohledu na to, jak uživatel drží své zařízení.
to je pravda. Kromě rozměrů jejich velikosti obrazovky a rozlišení se budete muset také ujistit, že existuje bezproblémový přechod mezi režimem na výšku a na šířku.
v závislosti na velikosti obrazovky se uživatelé s větší pravděpodobností přiklánějí k jedné orientaci nad druhou. Zde je několik údajů, které vám ukážou, o čem mluvím.
to je zajímavé., Jak vidíte, jak se dostáváme k zařízením s velikostí obrazovky větší než 9 palců, dochází k výraznému nárůstu počtu uživatelů, kteří používají režim na šířku.
takže z větší části můžeme předpokládat, že lidé dávají přednost použití orientace na šířku na svých tabletech.
ale s tím bylo řečeno, stále musíte vyzkoušet svou aplikaci, Obrázky a designové prvky pro obě orientace a ujistit se, že je optimalizována pro všechna rozlišení.
závěr
existuje rozdíl mezi velikostí obrazovky a rozlišením obrazovky.,
budete používat obě tato čísla, která vám pomohou vypočítat pixely na palec (PPI) konkrétních zařízení.
to je důležité vědět, protože ovlivňuje způsob, jakým navrhujete aplikaci. Nemůžete ji postavit pouze s jedním telefonem, tabletem nebo platformou.
aby uživatelé měli nejlepší zkušenosti, musí být vaše aplikace plně optimalizována pro co nejvíce zařízení.
existuje také rozdíl mezi HD a QHD obrazovkami., Přestože velikost obrazovky se pohybují směrem ke standardnímu rozlišení, návrháři aplikací si stále musí být vědomi toho, že jejich aplikace bude vidět na mnoha různých druzích obrazovek.
takže v dohledné době budete muset pokračovat v navrhování a testování co největšího počtu nepředvídaných událostí.
Jak jsou konstrukční prvky vaší aplikace vstříc různé velikosti a rozlišení obrazovky pro uživatele s různými zařízeními?