140
Maîtrise des CSS
Même.relativement.simples,.les.tableaux.de.données.peuvent.être.difficiles.à.lire.quand.ils.
contiennent.plus.de.quelques.lignes.et.colonnes..Sans.séparation.entre.les.cellules.de.données,.les.informations.se.fondent.les.unes.dans.les.autres.et.produisent.un.assemblage.confus.
et.surchargé.(voir.Figure 7.1)..
Figure 7.1
Les tableaux de
données compacts
peuvent être très
déroutants au premier
coup d’œil.
À.l’inverse,.les.tableaux.exagérément.aérés.peuvent.être.aussi.difficiles.à.lire,.car.les.colonnes.
et.les.cellules.perdent.alors.leur.structuration.visuelle..C’est.particulièrement.délicat.lorsque.
vous. essayez. de. suivre. des. lignes. d’informations. dans. les. tableaux. où. l’espacement. des.
colonnes.est.très.important,.comme.celui.de.la.Figure 7.2..Si.vous.n’y.prêtez.attention,.vous.
risquez.de.tomber.dans.la.mauvaise.ligne.en.passant.d’une.colonne.à.l’autre..On.le.remarque.
particulièrement.au.milieu.du.tableau,.là.où.l’on.est.le.plus.éloigné.des.bords.haut.et.bas.qui.
offrent.un.ancrage.visuel.
Figure 7.2
Les tableaux très espacés peuvent aussi être difficiles à comprendre instantanément.
blement.améliorer.leur.compréhension.et.la.vitesse.à.laquelle.les.informations.seront.récupérées..Par.exemple,.les.dates.à.la.Figure 7.3.sont.espacées.confortablement.avec.un.léger.
remplissage.vertical.et.horizontal..Elles.ont.aussi.été.mises.en.valeur.avec.un.subtil.effet.de.
biseau,.suggérant.à.l’utilisateur.qu’il.peut.cliquer.dessus..Les.principaux.titres.de.colonne.
ont. été. distingués. des. données. à. l’aide. de. couleurs. d’arrière-plan. légèrement. différentes,.
d’une.bordure.inférieure.et.d’un.traitement.typographique.particulier..Au.final,.on.obtient.
un.widget.de.calendrier.facile.à.utiliser..
Maîtrise des CSS
Même.relativement.simples,.les.tableaux.de.données.peuvent.être.difficiles.à.lire.quand.ils.
contiennent.plus.de.quelques.lignes.et.colonnes..Sans.séparation.entre.les.cellules.de.données,.les.informations.se.fondent.les.unes.dans.les.autres.et.produisent.un.assemblage.confus.
et.surchargé.(voir.Figure 7.1)..
Figure 7.1
Les tableaux de
données compacts
peuvent être très
déroutants au premier
coup d’œil.
À.l’inverse,.les.tableaux.exagérément.aérés.peuvent.être.aussi.difficiles.à.lire,.car.les.colonnes.
et.les.cellules.perdent.alors.leur.structuration.visuelle..C’est.particulièrement.délicat.lorsque.
vous. essayez. de. suivre. des. lignes. d’informations. dans. les. tableaux. où. l’espacement. des.
colonnes.est.très.important,.comme.celui.de.la.Figure 7.2..Si.vous.n’y.prêtez.attention,.vous.
risquez.de.tomber.dans.la.mauvaise.ligne.en.passant.d’une.colonne.à.l’autre..On.le.remarque.
particulièrement.au.milieu.du.tableau,.là.où.l’on.est.le.plus.éloigné.des.bords.haut.et.bas.qui.
offrent.un.ancrage.visuel.
Figure 7.2
Les tableaux très espacés peuvent aussi être difficiles à comprendre instantanément.
blement.améliorer.leur.compréhension.et.la.vitesse.à.laquelle.les.informations.seront.récupérées..Par.exemple,.les.dates.à.la.Figure 7.3.sont.espacées.confortablement.avec.un.léger.
remplissage.vertical.et.horizontal..Elles.ont.aussi.été.mises.en.valeur.avec.un.subtil.effet.de.
biseau,.suggérant.à.l’utilisateur.qu’il.peut.cliquer.dessus..Les.principaux.titres.de.colonne.
ont. été. distingués. des. données. à. l’aide. de. couleurs. d’arrière-plan. légèrement. différentes,.
d’une.bordure.inférieure.et.d’un.traitement.typographique.particulier..Au.final,.on.obtient.
un.widget.de.calendrier.facile.à.utiliser..