![\"\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/flat-illustration-angle.png\")
<\/p>\nLe moment est-il venu d\u2019utiliser des illustrations pour votre webdesign\u00a0?<\/p>\n
Int\u00e9grer des illustrations dans vos newsletters, sur votre site web ou votre blog permet d\u2019optimiser vos chances de capter l\u2019attention de votre audience. C\u2019est aussi le moyen de personnaliser vos supports de communication et de marketing et de rendre vos contenus plus impactants.<\/p>\n
Nul besoin de faire des aller-retour dans le temps pour tester les impacts de cette d\u00e9cision\u00a0: nous allons voir ensemble quand ces dessins peuvent servir votre but…<\/p>\n
<\/p>\n
<\/p>\n
Cette premi\u00e8re question est d\u00e9j\u00e0 cruciale. Car, apr\u00e8s tout, que fait une illustration<\/a>\u00a0: ce n\u2019est jamais qu\u2019un petit dessin sans importance, n\u2019est-ce pas\u00a0? Faux !<\/p>\n Les illustrations, en effet, servent avant tout \u00e0 faire passer des messages<\/strong>. De mani\u00e8re beaucoup plus rapide et efficace qu\u2019un long texte de plusieurs lignes.<\/p>\n Revenons dans le monde moderne, et sur internet plus pr\u00e9cis\u00e9ment\u00a0: combien d\u2019internautes, \u00e0 votre avis, consacreront du temps \u00e0 regarder avec attention le moindre mot de vos pages web\u00a0?<\/p>\n La r\u00e9ponse, apr\u00e8s une longue \u00e9tude scientifique, se r\u00e9sume en deux mots\u00a0: tr\u00e8s peu.<\/em> Sans apport visuel, vous perdrez leur attention et vous n\u2019arriverez pas \u00e0 les convaincre.<\/strong><\/p>\n Soit, me direz-vous, mais apr\u00e8s tout, on n\u2019est plus \u00e0 l\u2019\u00e9poque de Lascaux, on peut utiliser aussi des photos ou des vid\u00e9os<\/a> maintenant.<\/p>\n \u00c0 lire aussi : 4 outils pour cr\u00e9er de superbes banni\u00e8res web<\/a><\/p><\/blockquote>\n <\/p>\n Les photos, ce sont des visuels bien pratiques. En plus, il existe m\u00eame de nombreuses banques d\u2019images <\/a>qui ont \u00e9t\u00e9 con\u00e7ues juste pour vous servir.<\/p>\n \u00c0 lire aussi :\u00a0Comment faire une caricature\u00a0?<\/a><\/p><\/blockquote>\n Certes.\u00a0Mais \u00eates-vous certain de trouver facilement des photos qui : <\/p>\n Pour y parvenir, il vous faudra souvent faire appel \u00e0 un photographe, pr\u00e9voir des s\u00e9ances de pose\u2026 C\u2019est le seul moyen d\u2019avoir r\u00e9ellement un r\u00e9sultat personnalis\u00e9.<\/p>\n \u00c0 moins que\u2026 attendez\u2026 Oui, les illustrations permettent d\u2019obtenir le m\u00eame r\u00e9sultat, pour un budget souvent moindre.<\/p>\n Je ne vous dis pas d\u2019abandonner tout \u00e0 fait l\u2019utilisation de prises de vue r\u00e9elles. Mais les illustrations sont moins on\u00e9reuses, et peuvent \u00e9galement plus facilement \u00eatre int\u00e9gr\u00e9es \u00e0 divers endroits de vos pages, l\u00e0 o\u00f9, parfois, une photo attirerait trop l\u2019attention.<\/p>\n Revenons donc dans le pr\u00e9sent, je veux dire au sujet pr\u00e9sent, et voyons comment, concr\u00e8tement, vous pouvez utiliser les illustrations dans votre webdesign.<\/strong><\/p>\n \u00c0 lire aussi : Web design : comment utiliser l’effet Parallax ?<\/a><\/p><\/blockquote>\n <\/p>\n Vous pouvez bien s\u00fbr utiliser des illustrations quand cela vous fait plaisir, pour faire joli.\u00a0Est-ce que cela vous sera utile\u00a0? Toujours pas \ud83d\ude09<\/p>\n Il sera bien plus efficace de consid\u00e9rer les illustrations comme des outils.<\/strong> Pas n\u00e9cessairement pour vous, mais surtout pour vos utilisateurs.<\/p>\n En webdesign, une illustration sera ainsi plus que bienvenue pour\u00a0: <\/p>\n On en revient \u00e0 ce que nous disions au d\u00e9but : l\u2019illustration sert \u00e0 faire passer un message.<\/strong><\/p>\n Par la suite, vous pourrez en utiliser pour vos pages\u00a0404,<\/a> pour cr\u00e9er un storytelling dans votre site web ou pour cr\u00e9er une v\u00e9ritable immersion dans celui-ci.<\/p>\n Du moment qu\u2019elles sont en lien aussi bien les unes avec les autres, que par rapport \u00e0 votre univers graphique et \u00e0 vos valeurs, les illustrations seront toujours parlantes.<\/p>\n \u00c0 lire aussi :\u00a0Web design\u00a0: 4 \u00e9tapes pour une charte graphique parfaite\u00a0!<\/a><\/p><\/blockquote>\n <\/p>\n Un bon r\u00e9f\u00e9rencement naturel<\/strong> de vos illustrations<\/strong> garantit une meilleure visibilit\u00e9 sur les moteurs de recherche. En suivant quelques r\u00e8gles d\u2019optimisation SEO<\/a><\/strong> essentielles, vous serez en mesure d\u2019am\u00e9liorer le classement de vos pages sur Google et d\u2019augmenter le trafic sur votre site<\/strong>.<\/p>\n Pour optimiser vos illustrations, vous devez leur donner un petit nom et renseigner la balise Alt<\/strong>. Bien s\u00fbr, le nom de l\u2019illustration doit \u00eatre significatif et optimis\u00e9 pour que les utilisateurs vous trouvent facilement sur Google Images<\/strong> notamment. Vous pouvez aussi ajouter une l\u00e9gende \u00e0 vos illustrations pour aider l\u2019utilisateur mais aussi Google \u00e0 comprendre le contexte. Aujourd\u2019hui, il est indispensable de travailler votre pr\u00e9sence sur les recherches images pour gagner en visibilit\u00e9<\/strong> et captiver l\u2019audience.<\/p>\n <\/p>\n Le graphisme d\u2019un site internet<\/strong> peut am\u00e9liorer l\u2019UX design<\/strong> d\u2019un site web ou design de l\u2019exp\u00e9rience utilisateur. L\u2019UX d\u00e9signe l\u2019ensemble des \u00e9motions des utilisateurs lorsqu\u2019il arrive sur une page web. Une illustration peut servir \u00e0 optimiser l\u2019UX design<\/strong> en am\u00e9liorant l\u2019exp\u00e9rience utilisateur. En effet, la dimension visuelle est tr\u00e8s importante pour capter l\u2019attention des utilisateurs. Si le graphisme et les illustrations sont mal con\u00e7us ou inadapt\u00e9s, le visiteur ne va pas s\u2019attarder sur le site.<\/p>\n Les images sont ce que l\u2019utilisateur remarque en premier en arrivant sur un site web, elles doivent donc \u00eatre de bonne qualit\u00e9 et en ad\u00e9quation avec votre marque. <\/p>\n Le positionnement d\u2019une illustration<\/strong> sur une page web a son importance en mati\u00e8re de webdesign. Mais comment positionner les images<\/strong> pour concevoir un agencement optimis\u00e9 et faciliter la navigation du visiteur ?<\/p>\n – L\u2019illustration peut \u00eatre utilis\u00e9e comme introduction d\u2019un site web<\/strong> si elle contient un message, une accroche ou une action. L\u2019endroit le plus appropri\u00e9 pour le placement d\u2019images en webmarketing serait sur la partie sup\u00e9rieure gauche d\u2019une page. Vous pouvez aussi centrer les images<\/strong><\/a> entre des paragraphes de texte comme sur la plupart des articles de blog.<\/p>\n <\/p>\n Vos illustrations doivent \u00eatre con\u00e7ues dans le respect de la charte graphique de votre marque<\/strong>. Vous pouvez en utiliser plusieurs tant qu\u2019elles restent coh\u00e9rentes avec le design de votre site et de votre marque. Si vous utilisez habituellement des couleurs douces dans votre communication marketing<\/strong>, il n\u2019est pas conseill\u00e9 de cr\u00e9er des illustrations avec des couleurs vives ou criardes. Si vous utilisez r\u00e9guli\u00e8rement des illustrations, le graphisme de base doit \u00eatre le m\u00eame pour rester coh\u00e9rent et ne pas perdre le visiteur.<\/p>\n <\/p>\n En partant du principe qu\u2019une page web fait 1000 pixels de large, il n\u2019est pas conseill\u00e9 d\u2019y int\u00e9grer des illustrations plus larges au risque d\u2019augmenter le temps de chargement de la page<\/strong>. Vous devez redimensionner vos illustrations<\/strong> pour optimiser le temps de chargement et ne pas \u00eatre p\u00e9nalis\u00e9 par Google. Vos illustrations doivent aussi \u00eatre responsives pour s\u2019adapter aux \u00e9crans d\u2019ordinateurs, aux mobiles et aux tablettes.<\/p>\n De plus, vos illustrations doivent \u00eatre de bonne qualit\u00e9. Une image pixellis\u00e9e ne laissera pas une bonne impression de votre site web aux utilisateurs, c\u2019est une question de r\u00e9putation !<\/p>\n <\/p>\n Les tendances graphiques en web design<\/strong> sont en perp\u00e9tuelle \u00e9volution tout comme le marketing digital. Il est donc n\u00e9cessaire de respecter ces tendances lorsque vous cr\u00e9ez vos illustrations. Faites preuve de cr\u00e9ativit\u00e9, d\u2019originalit\u00e9 et de coh\u00e9rence<\/strong> pour optimiser votre strat\u00e9gie mais regardez aussi ce qui se fait autour de vous.<\/p>\n Sans copier ou juger le travail de vos concurrents, vous pouvez vous inspirer de leur univers pour vous aider \u00e0 cr\u00e9er le v\u00f4tre en suivant (un peu) les tendances graphiques.\u00a0Inspirez-vous des marques que vous admirez en mati\u00e8re de web design et analysez la fa\u00e7on dont elles utilisent les illustrations dans leur strat\u00e9gie web<\/strong>.\u00a0Tenez-vous inform\u00e9 des tendances actuelles en mati\u00e8re d\u2019illustration<\/strong> pour ne pas \u00eatre trop en d\u00e9calage dans votre communication visuelle.<\/p>\n <\/p>\n Les parfaits novices seraient tent\u00e9s de faire une recherche sur Google et de jeter leur d\u00e9volu sur la premi\u00e8re illustration qui leur pla\u00eet\u2026Cette technique est rapide mais elle n\u2019est pas forc\u00e9ment l\u00e9gale. Vous devez s\u00e9lectionner des illustrations dans le respect des droits d\u2019auteur. Si vous ne concevez pas vous-m\u00eame vos illustrations, vous pouvez utiliser des images libres de droit<\/strong><\/a> et avec une licence.<\/p>\n <\/p>\n![\"illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/illustration-site-france-television-e1582294218417.png\")
Pourquoi utiliser une illustration web plut\u00f4t qu\u2019une photo\u00a0?<\/h2>\n
![\"\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/flat-illustration-11.jpg\")
<\/p>\n\n
![\"\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/illustration-website-background-e1572256541735.png\")
<\/p>\n\u00c0 quel moment utiliser des illustrations sur le web\u00a0?<\/h2>\n
![\"\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/07\/illustration-abstraite-site.png\")
<\/p>\n\n
Illustrations web et optimisation SEO<\/h2>\n
![\"illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/1.jpg\")
<\/a><\/p>\nUX design et illustrations<\/h2>\n
![\"illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/Modern-3d-illustration-of-Web-development-concept.jpg\")
<\/a><\/p>\n
\nN\u2019h\u00e9sitez pas \u00e0 faire appel \u00e0 un graphiste professionnel pour cr\u00e9er des illustrations professionnelles<\/strong>.<\/p>\nLa mise en page<\/h2>\n
\n– Les illustrations en pleine largeur<\/strong> peuvent servir de bandeau<\/strong> pour mettre en avant un message sur un site ou sur tout autre support de communication.
\n– Vous pouvez utiliser une illustration pour illustrer un contenu associ\u00e9<\/strong>
\n– Les images peuvent \u00eatre utilis\u00e9es dans des listes pour diriger<\/strong> efficacement l\u2019utilisateur.<\/p>\nDans le respect de la charte graphique<\/h2>\n
![\"illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/Graphic-Illustrator.png\")
<\/a><\/p>\nDes illustrations web aux bonnes dimensions<\/h2>\n
Concevoir des illustrations tendances<\/h2>\n
![\"Illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/d_098.jpg\")
<\/a><\/p>\nLe respect des droits d\u2019auteur<\/h2>\n
Utiliser une illustration pour cr\u00e9er un univers<\/h2>\n
![\"illustration](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/GamerAbstract4-1.png\")
<\/a><\/p>\n