Pourquoi Material Design utilise une hauteur de 64 pixels pour la barre de navigation?
J'ai regardé différentes implémentations de Material Design et il semble qu'elles aient toutes une hauteur: 64px et je me demande pourquoi? Sur quoi est basé le calcul? Pourquoi pas 65px ou 50px?
La raison principale est de garantir une taille de cible tactile adéquate sur les boutons de la barre. Les spécifications MD recommandent qu'elles soient d'au moins 48 pixels et dans la plupart des cas, elles nécessitent 8 pixels de chaque côté: 
Cependant, la barre d'application dans Material Design n'est pas toujours 64px.
Sur les appareils mobiles, il est de 56 pixels - composé d'un rembourrage de 16 pixels et d'une hauteur d'icône de 40 pixels:
Sur le bureau, c'est 64 pixels: 
Alors que la version dense est de 48 pixels: 
Ou pour la barre d'application 128px proéminente: 
Selon Material Design Guidelines :
Tous les composants s'alignent sur une grille de base carrée de 8dp pour mobile, tablette et bureau. L'iconographie dans les barres d'outils s'aligne sur une grille de ligne de base carrée de 4dp.
Les éléments partagent un multiple de 8. 