https://padlet.com/sarah_hitier/cknxr6agsdpd Sarah HITIER en-us 2019-04-11 09:18:57 UTC 2019-05-02 09:16:36 UTC hello@padlet.com sarah_hitier https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689512

Ne pas utiliser trop de couleurs (2-3 max)

Utiliser des couleurs complémentaires

Utiliser des couleurs en fonction de leur signification et en rapport avec le film 

Utiliser la règle du 60 30 10 : 60% du site pour la couleur dominante, 30% pour la couleur secondaire et 10% pour une dernière couleur

Utiliser des couleurs contrastées

Éviter des couleurs saturées

Éviter le bleu et le rouge pour le texte

On évite le jaune avec le violet et le jaune avec le vert

]]> 2019-04-11 09:23:26 UTC https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689512 sarah_hitier https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689675

Ne pas souligner les titres

Le titre ne doit pas être trop long

Utiliser un titre évocateur avec des mots clés

Éviter les mots de type 'le', 'la', ... : si on n'en met pas, on n'en met nulle part, si on en met, on en met partout 

Avoir une taille de police adaptée : utiliser  

]]> 2019-04-11 09:24:03 UTC https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689675 sarah_hitier https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689835

Ne pas faire de fautes d'orthographes

Faire des paragraphes courts, synthétiques

Une idée par paragraphe

Utiliser une taille de police adaptée (pas en dessous de 16px)

Des phrases simples : pas de négations, courtes, vocabulaire simple dans la langue du public cible 

Justifier le texte 

Mettre en avant les mots importants 

Structurer l'information : du plus important au moins important 

Utiliser une balise adaptée pour les citations

Ne pas souligner les textes sauf pour les liens 

Éviter les textes dans les images

Éviter l’italique, privilégier le gras

Éviter l'écriture en majuscule

Éviter l'écriture sur plusieurs colonnes 

Ne pas avoir plus de 3 - 4 paragraphes par page

]]> 2019-04-11 09:24:38 UTC https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689835 sarah_hitier https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689979

Ne pas utiliser du Comic Sans MS

Utiliser une police lisible : privilégier les polices sans serif 

 Contraster ses textes : utiliser une police qui se détache bien de la couleur/l'image de fond 

Utiliser une taille de police pas trop petite

Pas plus de 2-3 polices d'écriture, plutôt jouer sur les tailles

Une seule couleur par texte : une couleur par type d'information

Une seule police par fonction de texte

]]> 2019-04-11 09:25:15 UTC https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350689979 sarah_hitier https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350690000

Utiliser des images libres, faire attention aux droits d'auteurs

Éviter les images trop volumineuses : compresser les images mais faire attention au rapport qualité/poids. Utiliser squoosh

Ne pas avoir des images disproportionnées par rapport à la taille de l'écran 

Utiliser les balises alt et title

Utiliser le bon format : jpeg, svg, ...

Respecter les proportions des images, si elles ont besoin d'être redimensionnées , utiliser squoosh et des %

Ajouter des animations 

Il faut que l'image soit en lien avec le texte

]]> 2019-04-11 09:25:19 UTC https://padlet.com/sarah_hitier/cknxr6agsdpd/wish/350690000