Les règles pour le Web by https://padlet.com/ismakhaladi/sley1rvhi5oz KHALADI Ismaël en-us 2019-04-11 07:15:26 UTC 2019-05-02 07:45:50 UTC hello@padlet.com Police ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350662629
  • Éviter le Comic sans ms
  • Police plutôt classique
  • pas plus de 3 police de caractères
  • privilégier des police sans-sérif
    • ]]>     2019-04-11 07:17:20 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350662629     Texte ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350662856
  • Seul les lien sont soulignés
  • pas d'emplois abusif d'abréviation
  • mettre en évidence les mot clés (éviter l'italique, privilégié le gras)
  • Texte avec un bon contraste avec le fond 
  • taille raisonnable
  • textes courts et aérés
  • vocabulaire centré sur le client
  • pas de liste à puce avec un seul élément
  • utiliser des listes à puces
  • couleur différentes liens visité ou non
  • ne pas écrire en majuscules
  • style précis 
  • même couleur pour même type d'infos 
  • éviter des texte incrusté dans les image
  • éviter d'écrire sur plusieurs colonnes
  • pas plus de 2-3 paragraphe de 4 à 5 lignes par écrans 
  • styles de paragraphes (droite, gauche, centré, justifié)
  • éviter sérif et sans-sérif sur la même page
    • ]]>     2019-04-11 07:18:41 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350662856     Mise en page ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350663167
  • Page claire, simple, précise
  • page découpé en paragraphe (titres, sous-titre)
  • menu accessible et intuitif
  • un accès en 3 clic
  • responsive
  • contraste pour attirer l'attention
  • lien contactez-nous en bas de la page
  • pages bien aérés
  • utiliser des encres

    • ]]>     2019-04-11 07:20:29 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350663167     Titre ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350663944
  • Découpage clair (Titre, sous-titre) 
  • informations principal écrit au début 
  • titre accrocheur
  • même couleur pour les mêmes type de titre (h1,h2...)
  • bien placé, plutôt en haut à gauche
  • sur une ligne
    • ]]>     2019-04-11 07:24:19 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350663944     Image ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350672192
  • attention au droit d'auteur (image libre de droit sur pexels et pixabay)
  • image adapter au web (GIF,JPG,PNG)
  • résolution adéquate --> balise sourceset 
  • site squuoosh pour redimensionner les images 
  • utiliser l'attribut alt, title (balise figcaption)
  • harmoniser le tout
  • être raccord avec la charte graphique 
  • résumer les informations en mettant une image 
  • ne pas déformer les images 
    • ]]>     2019-04-11 08:01:07 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350672192     Colorimétrie/harmonie des couleurs ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350677557
  • pas uniquement pour l'esthétique mais augmenter le contenu informationnel
  • luminosité/contraste/teinte
  • 2/3 couleur (cercle chromatique)
  • pas trop de couleur
  • 60% couleur principale, 30% d'une autre (en contraste avec la 1er) , 10% d'une troisième 
  • bien choisir sa couleur principale (public visé...)
  • distinction couleur chaude/froide
  • attention au symbolisme 
  • éviter le bleu ou le rouge pour du texte
  • éviter les couleurs saturées
  • même couleur pour les mêmes information 
  • couples à proscrire :
    • - rouge/bleu
    - jaune/violet
    - jaune/vert
    • color.adobe.com
    • htmlcolorcodes.com
    • Palettone.com

    ]]>     2019-04-11 08:29:29 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/350677557     POINTS DE RUPTURES ismakhaladi https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/356093754 1) 320 - 767px
    2) 768 - 1023px
    3) 1024px

    ]]>     2019-05-02 07:45:05 UTC https://padlet.com/ismakhaladi/sley1rvhi5oz/wish/356093754