comme vous le savez, il y a beaucoup de choses différentes que vous devez prendre en considération lorsque vous créez une application mobile.
avec tant de choses à suivre, Certains éléments de développement pourraient se perdre dans le shuffle. C’est pourquoi je dis toujours que vous devriez rester organisé avec des listes de contrôle de soumission et d’autres outils.,
Mais un facteur qui semble toujours être balayé sous le tapis et oublié est l’écran réel des différents appareils.
la taille et la résolution de l’écran sont deux choses que vous devez garder à l’esprit avant, pendant et après avoir développé une application mobile.
pourquoi?
pour commencer, la taille de l’écran est importante car il existe de nombreuses tailles d’écran différentes. Que vous décidiez de construire pour Apple ou Android, les deux plates-formes ont des tonnes d’appareils différents.
la résolution est également importante., En effet, la résolution des différents écrans peut affecter la façon dont les concepteurs construisent leurs applications. Sur la base de ces informations, tous les concepteurs d’applications doivent disposer de certains outils.
comme vous pouvez le voir, la taille de l’écran et la taille de la résolution sont importantes, mais pour des raisons différentes.
Comprendre la taille et la résolution peut vous aider à optimiser votre application mobile pour une variété de dispositifs. Cela concerne à la fois les smartphones, les tablettes et même les téléviseurs intelligents ou d’autres écrans où les utilisateurs peuvent télécharger votre application.
dans cet esprit, je voulais vous fournir un guide informatif sur ces sujets., Peu importe le stade de développement de votre application est actuellement, je suis sûr que vous trouverez cela très utile.
Voici ce que vous devez savoir.
comment calculer les pixels par pouce
Vous devez comprendre la différence entre la taille de l’écran et les dimensions de la résolution de l’écran.
La Taille de l’écran est mesurée en pouces. C’est la taille de l’écran réel d’un appareil en particulier.
par exemple, voici les tailles d’écran de certains des derniers iPhones D’Apple que vous connaissez probablement.,
Les mesures sont prises d’un coin de l’écran au coin diagonal opposé. C’est assez simple, et n’importe qui avec une règle peut le faire.
la résolution de l’Écran est un peu différent. La résolution est mesurée par le nombre de pixels distinguables qui peuvent être affichés dans chaque dimension.
la résolution d’écran de l’iPhone X est de 2436 x 1125. Alors que le Samsung Galaxy Note 8 a une résolution de 2960 x 1440.
Vous devez connaître la taille de l’écran ainsi que la résolution pour calculer les pixels par pouce (PPI) d’un appareil., Voici comment calculer PPI:
- Ajouter les carrés de deux nombres dans la résolution
- Prendre la racine carrée de ce nombre
- Diviser le nombre précédent par la taille de l’écran
Il paraît un peu compliqué, mais je vais vous donner un exemple pour vous montrer de quoi je parle. Vous allez probablement avoir besoin d’une calculatrice pour ce faire.
utilisons l’iPhone X, car il est nouveau, et nous avons déjà couvert la taille et la résolution de l’écran. Nous avons toutes les informations dont nous avons besoin pour calculer le PPI.,
selon les spécifications techniques D’Apple, leur PPI de l’iPhone x 2436 x 1125 pixel 5.8 pouces est de 458, donc nos calculs n’étaient pas loin.
en utilisant cette formule, essayez quelques exemples par vous-même. Il est facile de connaître les spécifications exactes de différents appareils en consultant simplement le site Web du fabricant.
fondamentalement, vous devez réaliser que puisque la taille de l’écran et la résolution de l’écran jouent tous deux un rôle dans la détermination du PPI, cela peut vous dire à quel point une image est affichée sur cet appareil particulier.,
alors, que se passe – t-il si vous essayez de combiner cette formule en utilisant deux appareils de tailles et de résolutions différentes? Il ne fonctionne pas bien.
par exemple, prenons la résolution d’un ancien modèle d’iPhone comme le SE de 4 pouces et appliquons-le à l’iPad Pro de 12,9 pouces.
suivez la formule en utilisant la résolution de pixels ci-dessus.
- 1136 1136 x + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Mais maintenant, au lieu de diviser ce nombre par 4 pouces taille de l’écran, comme vous êtes censé le faire, nous allons le diviser par 12.,9, qui est la taille d’un iPad Pro.
- 1303.88 / 12.9 = 101.08
Comme vous pouvez le voir. Le PPI est super bas, ce qui signifie que si cette résolution était sur un écran plus grand, les images ne seraient tout simplement pas bien calculées.
C’est pourquoi vous devez optimiser vos images pour tenir compte des différentes tailles d’écran, mais nous en discuterons plus en détail sous peu.
différents types d’écrans
Nous avons donc déjà établi que différents appareils ont une large gamme de tailles d’écran et de résolutions. Mais cela dit, certaines résolutions sont plus populaires que d’autres.,
sur la base du trafic web Internet d’un point de vue mondial, les smartphones 720 x 1280 pixels sont les plus populaires.
Comme vous pouvez le voir, ces chiffres varient en fonction de l’emplacement. Cependant, il s’agit toujours d’informations précieuses. Il est toujours important de savoir quels types d’appareils sont les plus populaires dans l’industrie des applications mobiles.
cela peut être extrêmement utile si votre marché cible ou la majorité des personnes utilisant votre appareil se trouvent dans l’un des pays où ces pourcentages sont élevés.,
Vous devez également prendre en compte d’autres types d’écrans tels que:
- écrans HD
- écrans QHD
HD signifie haute définition, tandis que QHD signifie quart haute définition.
la résolution en pixels pour les écrans haute définition est de 1920 x 1080. Les écrans quart haute définition ont une résolution de 960 x 540 pixels.
voici Quelques exemples de QHD écrans suivants:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Alors, quelle est la plus populaire? Écrans Full HD ou écrans QHD?, La recherche montre que les écrans QHD voient une baisse de popularité.
dans le même temps, nous constatons une augmentation des écrans Full HD en termes de trafic web mondial.
planifiez donc en conséquence lorsque vous construisez et concevez divers éléments de votre application mobile.
pour ceux d’entre vous qui envisagent de créer une application à l’avenir, vous devriez vous concentrer davantage sur les écrans HD que sur les écrans QHD.
Si ces tendances se poursuivent, ce que je m’attends à ce qu’elles, les écrans QHD deviendront une chose du passé., Mais pour l’instant, vous devez toujours vous assurer que votre application, vos images et vos conceptions peuvent accueillir autant d’appareils que possible.
comment tirer parti des différentes tailles d’écran
OK. Ainsi, les téléphones, tablettes et autres appareils ont des tailles d’écran, des résolutions et des pixels par pouce différents. Il existe même différents types d’écrans.
et Maintenant?
en tant que développeur, il vous suffit de garder toutes ces informations à l’esprit afin que votre application soit optimisée pour toutes les tailles et tous les appareils.,
Si vous ne construisez votre application qu’avec un seul type d’écran à l’esprit, cela aura un impact négatif sur l’expérience utilisateur des autres appareils. Une mauvaise expérience utilisateur nuira à vos résultats, ce que vous voulez évidemment éviter.
en tant Que designer, vous devriez avoir la liberté et la flexibilité de faire preuve de créativité avec vos créations et animations.
assurez-vous de prendre en compte différentes tailles d’écran lorsque vous utilisez la mise en page automatique pour créer des animations iOS avancées.
Voici autre chose à garder à l’esprit., Votre application et d’autres images doivent encore se charger parfaitement, quelle que soit la façon dont l’utilisateur tient son appareil.
C’est vrai. Outre les dimensions de leur taille d’écran et de leur résolution, vous devrez également vous assurer qu’il y a une transition transparente entre le mode portrait et le mode paysage.
selon la taille de l’écran, les utilisateurs sont plus susceptibles de se pencher vers une orientation plutôt qu’une autre. Voici quelques données pour vous montrer de quoi je parle.
Ce qui est intéressant., Comme vous pouvez le voir, lorsque nous arrivons à des appareils avec des tailles d’écran supérieures à 9 pouces, il y a une augmentation significative du nombre d’utilisateurs qui utilisent le mode paysage.
Donc, pour la plupart, nous pouvons supposer que les gens préfèrent utiliser l’orientation paysage sur leurs tablettes.
mais cela dit, vous devez toujours tester votre application, vos images et vos éléments de conception pour les deux orientations et vous assurer qu’ils sont optimisés pour toutes les résolutions.
Conclusion
Il existe une différence entre la taille de l’écran et la résolution de l’écran.,
vous allez utiliser ces deux chiffres pour vous aider à calculer les pixels par pouce (PPI) de périphériques spécifiques.
ceci est important à savoir car cela affecte la façon dont vous concevez votre application. Vous ne pouvez pas le construire avec un seul téléphone, tablette ou plate-forme à l’esprit.
Pour les utilisateurs d’avoir la meilleure expérience, votre application doit être entièrement optimisé pour autant d’appareils que possible.
Il y a aussi une différence entre les écrans HD et QHD., Même si les tailles d’écran évoluent vers une résolution standard, les concepteurs d’applications doivent toujours être conscients que leur application sera visible sur de nombreux types d’écrans.
donc, dans un avenir prévisible, vous devrez continuer à concevoir et à tester autant de contingences que possible.
Comment sont les éléments de conception de votre application accueillir les différentes tailles d’écran et résolutions pour les utilisateurs avec différents appareils?