https://padlet.com/mewen_malsot/y3tnlxwinoq9 Mewen Malsot en-us 2019-04-10 08:17:51 UTC 2019-05-07 08:16:19 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Beartoy.png mewen_malsot https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350256351
- Utiliser un langage adapté au public visé
- Utiliser un langage simple
- Aller toujours du général au particulier

- Technique des 5W : répondre à qui, quoi, quand, où, pourquoi le plus vite possible
- Hiérarchiser l'information
- Utiliser de l'hypertexte
- Ménager des zones de respiration
- Style concis et éviter le jargon
- Développer une seule idée par paragraphe
- Justifier le texte
- 2/3 polices différentes
- Mettre en évidence du texte
- Pas de fautes d'orthographe
- rédiger des textes courts et aérés
- Dater les dates avec des chiffres (pour les blogs)
- Créer un contraste entre texte et l'arrière plan
- Illustrer ses propos : 1 image = 1000 mots
- Utiliser des titres et sous titres descriptifs (VISIBLE)
- Ne pas trop faire réfléchir le lecteur (site simple, explicite, éviter la négation)
- Éviter les abréviations
- Utiliser une police agréable et facile à lire, assez grosse (on joue sur les
- Bannir des polices fantaisistes dans les textes
- Faire des listes à puces 
- Les informations clés toujours au début
- Même couleur pour un même type d'infos
- Éviter les textes incrustés dans l'image (sauf nécessité graphique)
- L'italique ralentit la lecture à l'écran -> éviter
- Éviter le soulignement (masque le jambage des polices + confond avec un hyperlien)
- Éviter les LETTRES CAPITALES
- Éviter l'écriture sur plusieurs colonnes
- Ne pas avoir plus de 2 à 3 paragraphes avec chacun 4 à 5 lignes par écran
- Bien choisir des styles de paragraphes (justifié, centré...)

]]> 2019-04-10 08:21:20 UTC https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350256351 mewen_malsot https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350265436
- Réduire les dimensions de l'image
- utiliser la fonction "Enregistrer pour le web" de photoshop 
- Réduire le poids des images
- Réduire les requêtes grâce aux sprites: technique qui consiste à combiner plusieurs images positionnées les unes à côté des autres 
- Réduire les requêtes grâce au CSS3 (boutons cta)
- Réduire les requêtes HTTP grâce à la base 64
- Ajouter une légende sous une image (balise figurecaption)
-  Texte alternatif
- Utiliser des images légères (squoosh.app)
- Ne pas toucher à l'aspect proportionnel des images
- Attention aux droits (pexels et pixabay)
- Image a un sens (en raccord avec ce qu'on veut faire) et un ordre
- gérer le texte avec une image ( ex: bandeau)
- Si image ou vidéo en fond d'écran, jouer sur l'opacité 
- balise html qui permet d'avoir 3 images en fonction de la taille de l'écran
-Narrative
->divertier, raconter
Argumenter
-> dénoncer, communiquer, convaincre persuader
Explicative
-> décrire expliquer compléter un texte
Esthétique
-> pour faire beau, donner une émotion, imaginer


]]> 2019-04-10 09:02:34 UTC https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350265436 mewen_malsot https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350274361 - Les teintes de votre couleur maitresse doivent couvrir 60% de votre espacce
- Votre deuxième couleur doit couvrir 30% du design de votre page Web et créer un contraste fort avec la première afin d’attirer l’attention sur les éléments que vous souhaitez mettre en valeur. 
- La couleur complémentaire, qui recouvre les 10% restants, sert à accentuer des éléments stratégiques tels que les boutons et autres appels à l’action. 
- Adapter le luminosité 
- Adapter la teinte
- Choisir la couleur en fonction de l'ambiance de la page/ public visé
- Utiliser des couleurs complémentaires
- Evitez les couleurs saturées
- Conservez tout le tps les memes couleurs pour le meme type d'info
- Evitez d'utiliser le bleu (couleur des liens) ou le rouge pour le texte
- Evitez certains couples : rouge+bleu, jaune+violet, jaune+vert

]]> 2019-04-10 09:46:37 UTC https://padlet.com/mewen_malsot/y3tnlxwinoq9/wish/350274361