Une fois n’est pas coutume, faisons un petit jeu pour apprendre les choses à faire et à éviter en design !
On va plutôt s’amuser aujourd’hui : essayez de trouver les 8 différences et erreurs de design entre ces deux visuels :
Alors, vous les avez tous trouvés ?
D’après-vous, quel est le côté que je cautionne et celui que je vais critiquer ? 😇
Réponses : le visuel de gauche est celui sur lequel il ne faut surtout pas prendre exemple !
Voilà les 8 erreurs de design qu’il fallait trouver :
- Chiffres rouges : la couleur rouge vif tranche et ne fais sûrement pas partie de l’identité visuelle
- Titre trop gros et mal réparti
- Trop de typos différentes sur tout le design
- Pas d’air (espace avant le bord) sur la droite de la deuxième étiquette
- Interligne (espace entre deux lignes) trop serré sur la dernière étiquette, complique la lisibilité du texte
- Police pas facilement lisible sur le titre de la première étiquette, et centrée au lieu d’être alignée à gauche comme les autres
- Ce picto n’a rien à faire là, son style très anguleux et ses couleurs ne correspondent pas à l’ensemble et en plus elle illustre mal le sujet.
- Pas de filtre sur la photo d’arrière plan = moins bonne lisibilité des étiquettes qui se détachent moins bien du fond.
Vos visuels doivent impérativement dégager une impression d’homogénéité, d’harmonie, si vous voulez obtenir un rendu professionnel.
Pour cela, on utilise peu de couleurs (et qui vont bien ensemble), peu de typographies (et qui restent lisibles dans leur usage respectif – titre, paragraphe…), on aère bien l’ensemble en laissant de l’air autour de chaque zone de texte et des images (oui, c’est MAL de superposer du texte sur une image, je vois ça sur bon nombre de flyers amateurs et à moins d’être intelligemment fait ça rend la lecture difficile et c’est aussi très moche).
On utilise des éléments décoratifs (illustrations, pictogrammes) cohérents entre eux et avec le style global (forme – tracés, pleins, arrondis ou carrés – et couleurs).
Et la lisibilité prévaut sur tout. S’il faut enlever du texte ou le distribuer sur deux pages pour éviter de tout entasser de façon à ce que personne n’ait envie de le lire, ou s’il faut comme ici assombrir légèrement l’image d’arrière plan pour améliorer la lisibilité des éléments posés dessus, on le fait !