zoals u weet, zijn er veel verschillende dingen waarmee u rekening moet houden wanneer u een mobiele toepassing bouwt.
Met zoveel bij te houden, kunnen bepaalde elementen van ontwikkeling verloren gaan in de shuffle. Daarom zeg ik altijd dat je georganiseerd moet blijven met inzending checklists en andere tools.,
maar een factor die altijd onder het tapijt lijkt te worden geveegd en vergeten is het werkelijke scherm van de verschillende apparaten.
schermgrootte en schermresolutie zijn twee dingen die je in gedachten moet houden voor, tijdens en nadat je een mobiele app hebt ontwikkeld.
waarom?
om te beginnen is schermgrootte belangrijk omdat er veel verschillende schermformaten zijn. Of u nu besluit om te bouwen voor Apple of Android, beide platforms hebben tal van verschillende apparaten.
resolutie is ook belangrijk., Dat komt omdat de resolutie van verschillende schermen van invloed kan zijn op hoe ontwerpers hun apps te bouwen. Op basis van deze informatie zijn er bepaalde tools die alle app-ontwerpers moeten hebben.
zoals u kunt zien, zijn zowel de schermgrootte als de resolutie belangrijk, maar om verschillende redenen.
het begrijpen van grootte en resolutie kan u helpen uw mobiele app te optimaliseren voor een verscheidenheid aan apparaten. Dit verwijst naar zowel smartphones, tablets, en zelfs smart tv ‘ s of andere schermen waar gebruikers uw app kunnen downloaden.
met dat in gedachten wilde ik u een informatieve gids voor deze onderwerpen geven., Het maakt niet uit welke fase van ontwikkeling van uw app is op dit moment in, Ik weet zeker dat u zult vinden dit zeer nuttig.
Dit is wat u moet weten.
hoe pixels per inch te berekenen
u moet het verschil begrijpen tussen de grootte van het scherm en de afmetingen van de schermresolutie.
schermgrootte wordt gemeten met behulp van inches. Het is de grootte van het scherm van een bepaald apparaat.
bijvoorbeeld, hier zijn de schermformaten van enkele van de nieuwste iPhones van Apple die u waarschijnlijk bekend bent met.,
metingen worden uitgevoerd van de ene hoek van het scherm naar de andere diagonale hoek. Het is vrij eenvoudig, en iedereen met een liniaal kan dit doen.
schermresolutie is een beetje anders. De resolutie wordt gemeten door het aantal te onderscheiden pixels dat in elke dimensie kan worden weergegeven.
de iPhone X-schermresolutie is 2436 x 1125. Terwijl de Samsung Galaxy Note 8 heeft een resolutie van 2960 x 1440.
u moet zowel de grootte van het scherm als de resolutie kennen om de pixels per inch (PPI) van een apparaat te berekenen., Hier is hoe je ppi berekent:
- voeg de kwadraten van beide getallen in de resolutie
- neem de vierkantswortel van dat getal
- deel het vorige getal door de grootte van het scherm
Het klinkt een beetje ingewikkeld, maar Ik zal je een voorbeeld geven om je te laten zien waar ik het over heb. Je hebt waarschijnlijk een rekenmachine nodig om dit te doen.
laten we de iPhone X gebruiken, omdat het nieuw is en we de schermgrootte en resolutie al hebben behandeld. We hebben alle informatie die we nodig hebben om de PPI te berekenen.,
volgens de Technische specificaties van Apple is hun PPI van de 2436 x 1125 pixel 5.8 inch iPhone X 458, dus onze berekeningen waren niet ver weg.
Gebruik deze formule, probeer een paar voorbeelden op uw eigen. Het is gemakkelijk om de exacte specificaties van verschillende apparaten te achterhalen door het gewoon op te zoeken vanaf de website van de fabrikant.
in principe moet je je realiseren dat aangezien schermgrootte en schermresolutie beide een rol spelen bij het bepalen van de PPI, het je kan vertellen hoe goed een afbeelding wordt weergegeven op dat specifieke apparaat.,
Wat gebeurt er als u deze formule probeert te combineren met behulp van twee apparaten van verschillende grootte en resoluties? Het zal gewoon niet goed aflopen.
bijvoorbeeld, laten we de resolutie van een oude iPhone-model zoals de 4-inch SE en toepassen op 12,9-inch iPad Pro.
Volg de formule met behulp van de pixelresolutie hierboven.
- 1136 x 1136 + 640 x 640 = 1700096
- 1700096/1303. 88 = 1303.88
maar nu in plaats van dat getal te delen door de 4-inch schermgrootte, zoals je zou moeten, laten we het delen door de 12.,9, dat is de grootte van een iPad Pro.
- 1303.88 / 12.9 = 101.08
zoals u kunt zien. De PPI is super laag, wat betekent dat als deze resolutie op een groter scherm zou staan, de beelden gewoon niet goed zouden berekenen.
daarom moet u uw afbeeldingen optimaliseren om rekening te houden met verschillende schermformaten, maar we zullen dat binnenkort meer in detail bespreken.
verschillende soorten schermen
dus we hebben al vastgesteld dat verschillende apparaten een breed scala aan schermformaten en resoluties hebben. Maar met dat gezegd, sommige resoluties zijn populairder dan anderen.,
gebaseerd op internet webverkeer vanuit een globaal perspectief zijn 720 x 1280 pixel smartphones het meest populair.
zoals u kunt zien, variëren deze getallen afhankelijk van de locatie. Echter, het is nog steeds waardevolle informatie. Het is altijd belangrijk om te weten welke soorten apparaten het meest populair zijn als het gaat om de mobiele app-industrie.
dit kan zeer nuttig zijn als uw doelgroep of de meerderheid van de mensen die uw apparaat gebruiken zich bevinden in de landen waar deze percentages hoog zijn.,
u moet ook rekening houden met andere typen schermen zoals:
- HD-schermen
- QHD-schermen
HD staat voor high definition, terwijl QHD staat voor quarter high definition.
de pixelresolutie voor Schermen met hoge definitie is 1920 x 1080. Quarter high definition schermen hebben een 960 x 540 pixel resolutie.
enkele voorbeelden van QHD-schermen zijn:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
So, what ‘ s more popular? Full HD-schermen of QHD-schermen?, Onderzoek toont aan dat QHD-schermen een daling in populariteit zien.
tegelijkertijd zien we een stijging van Full HD-schermen in termen van wereldwijd webverkeer.
plan dus dienovereenkomstig wanneer u verschillende elementen van uw mobiele app bouwt en ontwerpt.
voor degenen onder u die van plan zijn om een app te bouwen in de toekomst, moet u zich meer richten op HD-schermen in plaats van QHD-schermen.
als deze trends aanhouden, wat ik verwacht, zullen QHD-schermen tot het verleden behoren., Maar voor nu, je moet nog steeds ervoor zorgen dat uw app, afbeeldingen, en ontwerpen is geschikt voor zo veel apparaten mogelijk.
hoe kunt u gebruik maken van verschillende schermformaten
OK. Telefoons, tablets en andere apparaten hebben dus verschillende schermformaten, resoluties en pixels per inch. Er zijn zelfs verschillende soorten schermen.
wat nu?
als ontwikkelaar hoeft u alleen maar al deze informatie in gedachten te houden, zodat uw app is geoptimaliseerd voor alle verschillende formaten en apparaten.,
Als u uw app alleen bouwt met één type scherm in gedachten, zal dit een negatieve invloed hebben op de gebruikerservaring van andere apparaten. Slechte gebruikerservaringen zullen je bottom line schaden, wat iets is wat je natuurlijk wilt vermijden.
als ontwerper moet u de vrijheid en flexibiliteit hebben om creatief te zijn met uw ontwerpen en animaties.
zorg ervoor dat u rekening houdt met verschillende schermformaten wanneer u automatische opmaak gebruikt om geavanceerde iOS-animaties te maken.
Hier is iets anders om in gedachten te houden., Uw app en andere afbeeldingen moeten nog steeds feilloos worden geladen, ongeacht hoe de gebruiker zijn apparaat vasthoudt.
Dat klopt. Naast de afmetingen van hun schermgrootte en resolutie, moet u er ook voor zorgen dat er een naadloze overgang tussen portret en landschap modus.
afhankelijk van de grootte van het scherm, hebben gebruikers meer kans om naar de ene richting over de andere te leunen. Hier zijn wat gegevens om te laten zien waar ik het over heb.
Dit is interessant., Zoals je kunt zien, als we naar apparaten met schermformaten groter dan 9 inch, is er een aanzienlijke toename van het aantal gebruikers die gebruik maken van landschap modus.
dus voor het grootste deel kunnen we aannemen dat mensen de voorkeur geven aan de landschapsoriëntatie op hun tablets.
maar met dat gezegd, Je hebt nog steeds om uw app te testen, afbeeldingen, en ontwerpelementen voor beide oriëntaties en zorg ervoor dat het is geoptimaliseerd voor alle resoluties.
conclusie
Er is een verschil tussen schermgrootte en schermresolutie.,
u gaat beide getallen gebruiken om u te helpen de pixels per inch (PPI) van specifieke apparaten te berekenen.
Dit is belangrijk om te weten omdat het van invloed is op de manier waarop u uw app ontwerpt. Je kunt het niet bouwen met slechts één telefoon, tablet of platform in het achterhoofd.
voor gebruikers om de beste ervaring te hebben, moet uw app volledig worden geoptimaliseerd voor zoveel mogelijk apparaten.
Er is ook een verschil tussen HD-en QHD-schermen., Hoewel schermformaten in de richting van een standaardresolutie gaan, moeten app-ontwerpers zich er nog steeds van bewust zijn dat hun app op veel verschillende soorten schermen te zien is.
dus voor de nabije toekomst moet u doorgaan met ontwerpen en testen voor zoveel mogelijk onvoorziene gebeurtenissen.
hoe zijn de ontwerpelementen van uw app geschikt voor de verschillende schermformaten en resoluties voor gebruikers met verschillende apparaten?