L’utilisation de visuel est un des outils le plus performant dans le graphisme appliqu\u00e9 au web.
\nAu moment de\u00a0choisir vos images pour site internet, il est important de les penser comme support \u00e0 votre message et \u00e0 votre audience, mais aussi comme \u00e9l\u00e9ment de graphisme et de composition de vos pages web.<\/p>\n
Les images doivent \u00eatre fonctionnelles avant tout, elles doivent r\u00e9pondre \u00e0 cette volont\u00e9 de bien communiquer et de d\u00e9corer vos sites\u00a0web. Concentrez-vous sur la valeur qu’elles peuvent ajouter \u00e0 votre message et la qualit\u00e9 de vos pages web.
\nVoici quelques r\u00e8gles de base \u00e0 suivre pour le choix des images pour site internet.
\n– Utilisez des images qui accompagnent et mettent en valeur votre message.
\n– Soyez le plus \u00e9conomique possible visuellement, ne surchargez pas votre page.
\n– Utilisez des visuels lisibles s’il sont exploit\u00e9s \u00e0 petite taille, ou accordez-vous plus de d\u00e9tails s’ils sont exploit\u00e9s \u00e0 grande taille.
\n– Donnez une priorit\u00e9 \u00e0 la lecture de vos images, fa\u00eetes cheminer l’oeil du lecteur et racontez-lui une histoire.
\nIl est g\u00e9n\u00e9ralement pertinent d’utiliser un visuel principal qui sert de base \u00e0 votre communication et donne la note \u00e0 votre page web. Les autres images serviront de support \u00e0 votre image primaire. Elles doivent donc \u00eatres choisies en fonction de celle-ci, afin de hi\u00e9rarchiser les \u00e9l\u00e9ments de votre site internet\u00a0et guider votre lecteur.<\/p>\n
Choisissez des photographies ou illustration en provenance de banques d’images payantes, de mani\u00e8re \u00e0 vous assurer une utilisation en toute l\u00e9galit\u00e9 mais aussi une qualit\u00e9 technique irr\u00e9prochable. Vous ne pouvez pas vous permettre de mettre en cause la cr\u00e9dibilit\u00e9 de la marque, l’entreprise ou le produit sur lequel vous communiquez.<\/p>\n
A moins que ce ne soit un parti pris d\u00e9lib\u00e9r\u00e9, \u00e9vitez d’\u00eatre trop agressif dans le choix de vos images pour site web, le texte doit conserver une certaine pr\u00e9sence et une certaine harmonie. Autrement dit, ces images ne doivent pas \u00e9touffer votre texte et donc le contenu de votre message.<\/p>\n
Enfin, pensez lors du choix de vos images pour site web, \u00e0 l’ergonomie et \u00e0 la navigation du site internet dont vous cr\u00e9ez la mise en page et le graphisme. A mois d’\u00eatre statique, le site web va inclure une interface de navigation avec des ic\u00f4nes. Ces ic\u00f4nes font partie int\u00e9grante du design du site et vous allez certainement devoir les choisir de fa\u00e7on \u00e0 qu’elles s’int\u00e8grent visuellement dans le d\u00e9cors du site web. L\u00e0 encore, suivez les principes da base : mise en valeur du message, lisibilit\u00e9, coh\u00e9rence… Vous trouverez des ic\u00f4nes pour site web \u00e0 utiliser l\u00e9galement dans la plupart des banques d’images.<\/p>\n
<\/p>\n
Voici quelques exemples de graphisme web ou les images pour site internet joue un r\u00f4le important:\u00a0http:\/\/www.gameblog.fr\/article-lecteur_1771_web-design-les-10-plus-beaux-sites-web<\/a><\/p>\n Ce site vous pr\u00e9sente une s\u00e9lection de mises en page originales avec diff\u00e9rents styles; R\u00e9tro, moderne, d\u00e9cal\u00e9, contemporain, ou, l\u00e0 encore les images pour sites web font parties int\u00e9grante du style et contribuent fortement \u00e0 l’originalit\u00e9 du design: http:\/\/design-web-contest.creativ-e-motion.fr\/<\/a><\/p>\n Quelques infos sur l’Esth\u00e9tique et la couleur dans la mise en page de vos sites. On y parle de l’ergonomie et la lisibilit\u00e9 comme aspect pratique avec quelques \u00e9l\u00e9ments int\u00e9ressants sur l’utilisation de photos pour sites internet: http:\/\/www.mon-design-web.com\/esthetique-couleur.php<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" L’utilisation de visuel est un des outils le plus performant dans le graphisme appliqu\u00e9 au web. Au moment de\u00a0choisir vos images pour site internet, il est important de les penser comme support \u00e0 votre message et \u00e0 votre audience, mais… Continue Reading →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/posts\/27"}],"collection":[{"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":4,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/posts\/27\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stocklib.fr\/blog-fr\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}