les règles d'écriture pour le web by https://padlet.com/tanguy_vidal/wk5hikdn0itz Tanguy Vidal en-us 2019-04-11 09:17:30 UTC 2019-05-02 09:42:30 UTC hello@padlet.com Titre tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350688563
  • Différencier les titres du texte, avoir un titre plus gros que le texte.
  • Marquer des espaces entre le titre et le paragraphe suivant.
  • Utiliser des couleurs de police qui se détachent du fond, contraster le texte.
  • Utiliser un titre court avec des mots clefs.
    • ]]>     2019-04-11 09:20:16 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350688563     Texte tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350689305
  • Ponctuer ses phrases.
  • Aérer son texte.
  • justifier le texte.
  • Ne pas utiliser de phrase trop longue, privilégier les phrases courtes.
  • Faire des paragraphes courts et synthétiques.
  • Une idée par paragraphe.
  • Taille de texte par défaut : 16px, ne pas descendre en dessous de cette valeur.
  • Structurer l'information du plus important au moins important.
  • Ne pas faire de multiples colonnes.
  • Ne pas souligner le texte, cela est réservé aux liens.
  • Une seule couleur par type d'information/de texte.
  • Éviter les textes incrustés dans l'image.
  • Éviter l'italique et privilégier le gras.
  • Éviter l'écriture en lettres capitales.
    • ]]>     2019-04-11 09:22:42 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350689305     Police tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350689330
  • Ne pas utiliser Comic sans MS.
  • Utiliser une police lisible, privilégier les polices sans Serif.
  • Ne pas changer de police trop souvent, pas plus de 2-3 polices par page.
  • Éviter la cohabitation des polices Serif et sans Serif.
    • ]]>     2019-04-11 09:22:47 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350689330     Images tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350698241
  • Utiliser des marges pour ne pas les coller au texte.
  • Adapter les image et le texte ensemble.
  • Rester dans le thème de la page (couleurs,  sujet abordé,...).
  • Convertir les image dans la taille appropriée ( ne pas pixeliser ou au contraire avoir une image inutilement lourde).
  • Garder les proportions de l'image ne pas la déformer.
  • Utiliser le format de compression adapté (jpeg, png, bmp,...).
  • Utiliser squoosh pour adapter les images.
  • Utiliser les balises Alt et Title pour les images.
  • Faire attention aux droits d'auteurs (voir pexels.com et pixabay.com) .
    • ]]>     2019-04-11 10:01:39 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350698241     Couleur tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350708683
  • Choisir des couleurs complémentaires.
  • Choisir des couleurs correspondant au thème de la page.
  • Ne pas utiliser trop de couleurs différentes.
  • Appliquer la règle du 60 30 10.
  • Une couleur par type d'information.
  • Contraster couleur de police et couleur du fond.
  • Éviter des couleurs saturées.
  • Éviter le rouge et le bleu comme couleur d'écriture.
  • Couples de couleurs à proscrire: jaune-violet et jaune-vert.
  • voir:
  • https://htmlcolorcodes.com/fr/
    • https://color.adobe.com/fr/create

    ]]>     2019-04-11 10:50:06 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/350708683     responsive taille, points de rupture tanguy_vidal https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/356121177 320-767
    768-1023
    1024-]]>     2019-05-02 09:41:39 UTC https://padlet.com/tanguy_vidal/wk5hikdn0itz/wish/356121177