Meilleure pratique pour naviguer vers les détails de la page basée sur une sélection de grille

1. Qu'est-ce que le système de grille dans la conception de l'interface utilisateur?
2. Quelle est la taille de la grille standard?
3. Combien de colonnes pour la conception mobile?

Qu'est-ce que le système de grille dans la conception de l'interface utilisateur?

Les systèmes de grille sont des concepteurs du SIDA utiliser pour créer des conceptions, organiser des informations et faire des expériences utilisateur cohérentes. Ils incluent la règle des tiers, la section dorée, les systèmes de grille à colonne unique, multi-colonnes, modulaires, de référence et réactifs. Par exemple, réactif adapte le contenu de la taille et de l'orientation de l'écran, pour la cohérence.

Quelle est la taille de la grille standard?

Nous en discuterons bientôt plus en profondeur. Les largeurs des colonnes sont toujours à la hauteur du concepteur, mais en termes de pratiques standard, le nombre traditionnel de colonnes à utiliser est de 12 sur le bureau, 8 sur tablette et 4 sur mobile. La plupart des grilles ont des largeurs de colonne de 60 à 80px.

Combien de colonnes pour la conception mobile?

Le contenu mobile est généralement limité à une ou deux colonnes. Lors de la conception pour mobile, envisagez d'utiliser une grille de mise en page de carreaux, dans laquelle les hauteurs de la colonne et des lignes sont les mêmes. Cela donnera un regard de carreaux carrés sur la conception.