Comment créer une palette de couleurs professionnelle sans s'y connaître ?

Vous hésitez d’associer une couleur à une autre ?
Comment savoir si elles vont bien ensemble ?

C’est sur que si vous êtes pas dans le domaine du visuel vous pouvez vous confronter à ce problème.

Même si vous y êtes, vous pouvez parfois manquer d’inspiration.

Avec l’outil que je vais vous présenter, vous serez capable d’obtenir une palette de couleurs cohérente digne des plus grands artistes et en plus d’augmenter votre imagination

Mais d’abord, pourquoi avoir une palette de couleurs ?

Une palette de couleurs est un nuancier de plusieurs teintes permettant d’obtenir visuellement une image harmonieuse . Elle permet d’associer des couleurs pour véhiculer des messages, une ambiance particulière, des émotions etc…

Vous aurez une image plus pertinente et plus professionnelle avec des couleurs qui se marient.
Et comme la couleur transmet de l’émotion autant bien la choisir !
C’est d’ailleurs la clé d’un peintre professionnel. Il sait comment associer les couleurs pour créer des tableaux avec de belles ambiances.

Mais si vous n’êtes pas peintre ni professionnel vous pouvez vous aussi obtenir des couleurs qui s’associent bien ensemble grâce à l’outil développé par Google.
Je vous présente l’outil Art palette. Il vous propose une série d’objets culturels, sculptures ou des tableaux de toutes les époques et extrait de ces œuvres d’arts la palette de couleurs qui se rapproche le plus de la couleur que vous avez prédéfinie.
Ce que j’apprécie avec Art palette c’est le côté culturel. Vous pouvez découvrir des œuvres d’arts originales.

Si vous aimez l’art en général cet outil peut être une vraie mine d’or et source d’inspiration.

Conclusion

Avec un tel outil, vous n’aurez plus aucun problème pour varier vos couleurs. Il suffit de choisir la proposition qui vous intéresse le plus, véhiculant vos messages et de vous laissez guider par votre inspiration.


Les 10 meilleures banques d'images gratuites

Vous avez besoin d'images gratuites et de grandes qualités ?

Que ce soit pour créer un site internet, une brochure, une bannière publicitaire ou toute autre création le visuelle l’image est très importante pour donner à la fois confiance et véhiculer du professionnalisme avec des images de bonne qualité. Comme à dit Confucius : Une image vaut mille mots.

Dans cet article je vais vous présenter les 10 meilleures banques d’images gratuites et libre de droit selon moi.

Designer Pics est une banque d’images gratuite moderne. J’apprécie son interface et ses photos de qualité.

Propulsée par le CMS Shopify, cette banque d’images gratuite à l’allure moderne est très bien fournie et possède une interface très agréable.

Pixabay

Le site allemand a plus de 1,6 millions d’images (photos, illustrations) gratuites et libres de droit et des centaines de vidéos de haute qualité. Le seul bémol de cette bibliothèque en ligne est l’obligation de s’inscrire pour télécharger une image.

Plus de 130 milles photos disponibles Stockvault

Pexels

Pexels est une banque d’images de haute qualité. Libres de droit.

Propulsée par le CMS Shopify, cette banque d’images gratuite à l’allure moderne est très bien fournie et possède une interface très agréable.

pxhere


code css lien animation

Attirez l'attention et provoquez de l'interaction sur votre site

L’oeil humain est très attentif au moindre mouvement.
Je sais pas vous mais à chaque fois que j’aperçois un mouvement, je me sent comme obligé de regarder. C’est instinctif !
Sur internet c’est la même chose, dès que l’on voit une animation, le regard est tout de suite attiré vers elle.
J’avoue être déjà resté plusieurs minutes à survoler un élément parce que je trouvais l’animation magnifique ^^.
Mais il faut faire attention !

Ajouter de l’animation pour montrer que vous êtes une entreprise dynamique n’apportera rien de spéciale bien au-contraire !
Il faut être subtile, guider l’internaute, mettre un élément en avant.
C’est pourquoi je vous conseille fortement d’utiliser l’animation au survole d’un élément comme un lien, une image votre logo ou mieux ! Un bouton qui appel à l’action (Call-to-action)

Je vois beaucoup de sites qui utilisent l’animation pour leur bouton et franchement çà le fait ! Mais attention à ne pas trop en abuser au risque d’énerver l’internaute.
Les animations on cette force d’apporter de l’émotion.
L’utiliser pour améliorer l’expérience utilisateur est le meilleur moyen de faire la différence avec un concurrent qui n’y aurait pas pensé !

Le bout de code que je vais vous présenter est très facile à mettre en place si vous avez accès à votre code html.
Pour ajouter une transition sur vos liens il suffit d’insérer ces quelques lignes css dans la règle a{} entre les balises
Comme sur l’exemple suivant :

a
{
transition : all 0.5s ease-in;
}

Regardez l’exemple ci-dessous :

Quand vous passez le curseur sur le bouton ou le texte il se passe quelque chose.

See the Pen Animated css3 button by Robin (@Robzt) on CodePen.

Çà paraît simple mais il faut y penser !
Vous pouvez également animer votre logo et personnaliser l’animation comme par exemple la marque Pepsi.

Conclusion

Les animations apportent une très bonne expérience utilisateur.
Animez vos liens ou vos boutons “call-to-action” pour ajouter de l’interaction et surprendre vos visiteurs.
Attirez le regard sur un élément précis.