Avec l’annonce du nouvel iPhone X ajoutant un autre rapport d’aspect à l’escouade des iPhone, j’ai constaté que je ne comprenais pas bien une partie du vocabulaire de conception utilisé. Comme je l’ai fait pour de nombreux sujets que j’avais du mal à cerner, tels que la conformité ADA et la cryptographie, j’ai écrit à ce sujet. Si vous vous êtes retrouvé à lutter pour comprendre certains concepts de conception de base, ces explications du vocabulaire de conception commun vous aideront.
Tailles d’écran, résolutions, pixels et rapports d’aspect pour les iPhones
Taille d’écran
Les dimensions physiques d’un écran. Semblable à la façon dont les téléviseurs et les moniteurs sont mesurés, c’est la longueur, en pouces, de l’écran d’un coin à l’angle diagonal.
Pixels
Les écrans affichent des images par le biais de pixels. Un pixel est un point qui peut être manipulé. Ils sont comme des blocs de construction ; il en faut beaucoup pour construire une image. Si vous coloriez les carrés d’une feuille de papier millimétré pour créer une image, chacun de ces carrés serait comme un pixel. Les pixels n’ont pas toujours la même taille d’un appareil à l’autre.
Disons que vous avez un dessin sur une feuille de papier normale que vous voulez dupliquer sur un mur. Imaginez que vous ajoutez une superposition de grille de 10 cases par 10 cases, créant ainsi une grille 10×10 sur le nouvel espace, puis que vous transférez l’image, case par case, sur le mur. Vous auriez le même nombre de pixels et la même image, juste les pixels sont d’une taille plus grande.
Résolution
C’est le nombre de pixels affichés sur l’écran. Il est souvent formaté en largeur x hauteur ou en pixels par pouce. Les pixels n’ayant pas toujours la même taille, il est possible d’avoir deux appareils avec la même taille d’écran et des résolutions différentes. Plus la résolution est élevée, plus la qualité de l’image est élevée et plus il y a de détails inclus dans l’image.
Ratio d’aspect
Quelle est la proportion entre la largeur et la hauteur de l’écran ? Le rapport hauteur/largeur mesure la largeur par rapport à la hauteur, puis la réduit, comme vous le feriez pour une fraction. Un écran 4 x 8 ou 20 x 40 auraient tous deux une résolution de 1:2. C’est important car une image au format 2:3 ne s’adaptera pas parfaitement à un écran 1:2. Les bords dépasseraient ce qui est visible sur l’écran, il y aurait des sections de l’écran qui ne sont pas couvertes par l’image, ou une image étirée.
Cela vous a aidé à comprendre un peu plus le design ? Avez-vous d’autres concepts sur lesquels vous êtes bloqué ? Faites-le nous savoir !
.