• Développement
• Design UI UX

Design UI et UX

Vocabulaire

Conseils et bonnes pratiques

Charte graphique

Il peut être possible d'ajuster la charte graphique d'un client si cela est vraiment nécéssaire afin d'améliorer la lisibilité et l'accessibilité du site.

Préconisations concernant la couleur principale

1. Utiliser la couleur principale pour les éléments interactifs uniquement: fond ou bordures de boutons, liens, ...
2. S'assurer à l'aide d'outils que couleur principale est assez contrastée afin de permettre une lecture facile d'un texte noir ou blanc lorsqu'elle est utilisée en fond. On peut utiliser des outils pour vérifier ce point (voir les outils). ❗Il s'agit d'un point important, notamment pour les daltoniens❗

Nuances de gris

1. Préferer des nuances de gris légerement saturées d'une couleur plutôt que complétement grisées: soit légerement teinté de la même teinte que la couleur principale, ou alors une couleur complémentaire (voir Adobe Color).
2. Ne jamais utiliser de noir #000000, préferer plutôt un gris foncé. Exemple: #1D2424.

Autres couleurs

Eléments interactifs

1. Les éléments significatifs peuvent utiliser une couleur hors charte pour attirer l'attention et engager: bouton de contact, d'achat.