CATÉGORIE : UI / UX, Design
LANGUE : Anglais
L’importance d’utiliser une grille à valeur fixe facilement multipliable pour concevoir des mises en page cohérentes. La méthode des 8pt stipule que tous les éléments d’une mise en page sont alignés et positionnés par rapport à des multiples de 8 (8, 16, 24, 32, …). C’est la méthode de mise en page la plus communément utilisée pour sa cohérence et sa facilité de mise en place pour les designers et les développeurs.
L’article explique également le rapport en point et pixel (pixel ≠ points). Depuis l’apparition d’écrans à haute densité d’affichage (Retina chez Apple) on utilise des multiples de résolution pour convertir les pixels en points pour que tout reste lisible (@2x, @3x, …). Sur un site web, c’est la valeur de viewport qui définit la densité d’affichage du site. Si le viewport est égale à 1, il convertira ses pixel par rapport à l’échelle de rendu du device. Sur un iPhone 11 Pro, l’écran affiche 375 x 812 points sur un écran 3x plus dense de 1125 x 2436 pixels (soit 458 dpi).
La règle des 8pt s’applique aux marges, espacements et aux dimensions. Elle s’utilise aussi avec les icônes et la typographie pour garder un système cohérent.
Plus d’informations sur l’article