| Prochaine révision | Révision précédente |
| wiki:cahier_des_charges_pour_graphiste [29/08/2022 18:29] – créée 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. |
| Si vous pensez la maquette pour grand écran, prévoyez au moins 1920 pixels de large. Pour petit écran, prévoyez de descendre jusqu'à 360px de large. L'idéal, c'est d'avoir une proposition pour différentes tailles d'écran. | Si vous pensez la maquette pour grand écran, prévoyez au moins 1920 pixels de large. Pour petit écran, prévoyez de descendre jusqu'à 360px de large. L'idéal, c'est d'avoir une proposition pour différentes tailles d'écran. |
| ===== Polices d'écriture ===== | ===== Polices d'écriture ===== |
| Les polices doivent être sous licence libre (Par ex. open font licence). Donnez simplement leur nom. 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 n'est pas nécessaire de donner leur code, 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. |