| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| wiki:cahier_des_charges_pour_graphiste [28/06/2023 17:24] – [Polices d'écriture] antoine.barlet | wiki:cahier_des_charges_pour_graphiste [28/06/2023 17:29] (Version actuelle) – [Couleurs] antoine.barlet |
|---|
| Document à destination d'un·e graphiste en charge de réaliser une maquette d'un site ou d'une application Web. Il liste les bonne pratiques pour faciliter l'intégration et respecter l'idée originale proposée. | Document à destination d'un·e graphiste en charge de réaliser une maquette d'un site ou d'une application Web. Il liste les bonne pratiques pour faciliter l'intégration et respecter l'idée originale proposée. |
| ===== Format ===== | ===== Format ===== |
| Utiliser PNG ou PDF (dans ce cas, à l'export, ne pas compresser les images en jpeg). | Nous envoyer un applat au format PDF (à l'export, ne pas compresser les images en jpeg). |
| ===== Échelle ===== | ===== Échelle ===== |
| La maquette doit être à l'échelle 1:1. Cela signifie que si le zoom est à 100%, c'est la taille réelle qui s'affiche à l'écran. | La maquette doit être à l'échelle 1:1. Cela signifie que si le zoom est à 100%, c'est la taille réelle qui s'affiche à l'écran. |
| Les polices doivent être sous licence libre (Par ex. open font licence). Nous fournir un lien pour chacune d'entre elles. Les niveaux de graisse pourront être précisés. | Les polices doivent être sous licence libre (Par ex. open font licence). Nous fournir un lien pour chacune d'entre elles. Les niveaux de graisse pourront être précisés. |
| ===== Couleurs ===== | ===== Couleurs ===== |
| À l'exception des éléments décoratifs, il faut un bon contraste entre couleurs de premier plan et d'arrière plan. Vous pouvez vous aider d'un [[https://webaim.org/resources/contrastchecker/|vérificateur en ligne]], il faut à minima atteindre WCAG AA, au mieux WCAG AA. Il n'est pas nécessaire de préciser les valeurs (hexadecimal, rgb...), mais une palette sur une page à part est bienvenue. | À l'exception des éléments décoratifs, il faut un bon contraste entre couleurs de premier plan et d'arrière plan. Vous pouvez vous aider d'un [[https://webaim.org/resources/contrastchecker/|vérificateur en ligne]], il faut à minima atteindre WCAG AA, au mieux WCAG AA. Vous pouvez préciser les valeurs (hexadecimal, rgb...) ou simplement fournir une palette sur une page à part. |
| ===== Pictogrammes ===== | ===== Pictogrammes ===== |
| Autant que possible, les fournir au format SVG, séparément. | Autant que possible, les fournir au format SVG, séparément. |