<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Catherine Benini, Auteur à Graphiste freelance à Lyon | Catherine Benini</title>
	<atom:link href="https://catherine-benini.com/author/pishimishi2015/feed/" rel="self" type="application/rss+xml" />
	<link>https://catherine-benini.com/author/pishimishi2015/</link>
	<description></description>
	<lastBuildDate>Mon, 06 Nov 2023 22:38:09 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.7</generator>

<image>
	<url>https://catherine-benini.com/wp-content/uploads/2023/11/CB-150x150.png</url>
	<title>Catherine Benini, Auteur à Graphiste freelance à Lyon | Catherine Benini</title>
	<link>https://catherine-benini.com/author/pishimishi2015/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Signification des formes d&#8217;un logo : le guide complet</title>
		<link>https://catherine-benini.com/signification-formes-logo/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=signification-formes-logo</link>
					<comments>https://catherine-benini.com/signification-formes-logo/#respond</comments>
		
		<dc:creator><![CDATA[Catherine Benini]]></dc:creator>
		<pubDate>Mon, 08 Nov 2021 07:28:37 +0000</pubDate>
				<category><![CDATA[graphisme]]></category>
		<guid isPermaLink="false">https://catherine-benini.com/?p=1895</guid>

					<description><![CDATA[<p>Lors de la conception d’un logo, des courbes ou des formes organiques pourront sembler tout à fait pertinentes pour un projet, mais totalement décalées dans un autre. On associe assez intuitivement certaines formes a certains ressentis : les arrondis à la douceur, les angles à la rigueur, à la précision… Tout comme les couleurs et la [&#8230;]</p>
<p>Cet article <a rel="nofollow" href="https://catherine-benini.com/signification-formes-logo/">Signification des formes d&rsquo;un logo : le guide complet</a> est apparu en premier sur <a rel="nofollow" href="https://catherine-benini.com">Graphiste freelance à Lyon | Catherine Benini</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Lors de la conception d’un logo, des courbes ou des formes organiques pourront sembler tout à fait pertinentes pour un projet, mais totalement décalées dans un autre. On associe assez intuitivement certaines formes a certains ressentis : les arrondis à la douceur, les angles à la rigueur, à la précision… Tout comme les couleurs et la typographie, les formes peuvent symboliser des idées et exprimer des émotions. Il est donc très important de prendre en compte<b> la signification des formes d’un logo </b>pour transmettre le bon message pour votre marque. Avant de commencer cet article, je me suis demandé : est-ce que ces significations sont arbitraires ou vraiment fondées sur la psychologie ?<span class="Apple-converted-space"> </span>Y a-t-il des recherches qui montrent que les formes d’un logo influent sur la perception d’une marque ? La réponse… est oui !</p>
<h2>Pourquoi les formes sont-elles si importantes dans la conception d’un logo</h2>
<p>Dans l’article <a href="https://academic.oup.com/jcr/article-abstract/42/5/709/1855577?redirectedFrom=fulltext">« <i>does your company have the right logo? How and why circular and angular logo shapes influence brand attribute</i> »</a> paru en 2015 dans <i>Journal of Consumer Research</i>, les auteurs posent l’hypothèse que les logos ronds activent l’association d’idée de douceur et les logos carrés l’idée de dureté. Un produit associé à un logo rond serait plus susceptible d’être associé à la douceur, et par extension sera perçu comme plus confortable, alors qu’un produit associé à un logo anguleux serait plutôt associé à la dureté, et le produit sera imaginé comme plus durable/résistant.<span class="Apple-converted-space"> </span></p>
<p>Pour tester cette hypothèse, les chercheurs conçoivent une publicité pour une chaussure de sport. Le premier visuel comporte un logo rond, le second un logo carré, et le 3e aucun logo (pour contrôle). On attribue chaque visuel à un participant de l’étude aléatoirement. Ensuite, les participants doivent noter la publicité sur une échelle de 1 à 9, puis indiquer leur perception du confort de la chaussure (1 = pas du tout confortable / 9 = très confortable) et leur perception de sa durabilité (1 = pas du tout durable, 9 = très durable)</p>
<figure id="attachment_1908" aria-describedby="caption-attachment-1908" style="width: 600px" class="wp-caption aligncenter"><img decoding="async" fetchpriority="high" class="wp-image-1908" src="https://catherine-benini.com/wp-content/uploads/2021/11/Farber-shoes.jpg" alt="Publicité Farber shoes étude 2015" width="600" height="212" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/Farber-shoes.jpg 819w, https://catherine-benini.com/wp-content/uploads/2021/11/Farber-shoes-300x106.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/Farber-shoes-768x271.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption id="caption-attachment-1908" class="wp-caption-text">Publicité utilisée dans l&rsquo;expérience de l&rsquo;étude « Does Your Company Have the Right Logo? »</figcaption></figure>
<p>&nbsp;</p>
<p>Les résultats de l’étude confirment l’hypothèse de départ :<strong> la publicité avec un logo rond obtient un score plus élevé pour la notion de confort qu’avec un logo carré, et la publicité avec un logo carré obtient un score plus élevé pour la durabilité qu’avec un logo rond. <span class="Apple-converted-space"> </span></strong></p>
<p><strong>Un même produit peut donc être perçu différemment simplement en changeant son logo.</strong> Ainsi, les formes d’un logo peuvent aider à créer une connexion émotionnelle entre votre marque et les consommateurs.<span class="Apple-converted-space"> </span></p>
<p>Entrons maintenant dans le vif du sujet : la signification des principales formes dans un logo. Voyons à quelles émotions elles sont associées et quels secteurs d’activité bénéficieront le plus de leur utilisation.<span class="Apple-converted-space"> </span></p>
<h2>Signification d’un logo rond</h2>
<p>Les cercles semblent plus doux et accueillants que des formes anguleuses comme des triangles ou des carrés. Un logo rond est un choix pertinent pour une marque qui se veut <strong>amicale</strong> et <strong>accessible</strong>. Les ronds n’ont ni début ni fin : ils évoquent donc <strong>l’infini</strong>, <strong>l’harmonie</strong>, <strong>l’unité</strong>, ainsi que l’idée de <strong>cycle</strong>. Ils peuvent également donner l’idée de <strong>mouvement</strong> (pensez à une roue ou à une balle). On retrouve beaucoup le rond dans les logos liés à la nature : cette forme peut par exemple représenter le soleil, la Terre, ou certains fruits… Enfin, le cercle symbolise la <strong>communauté</strong> et la <a href="https://catherine-benini.com/creation-logo-realize-studio/"><strong>collaboration</strong></a>. On dit bien « un cercle d’amis » !<span class="Apple-converted-space"> </span></p>
<p><img decoding="async" class="aligncenter wp-image-1912 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1-1024x189.jpg" alt="signification formes logo - logo rond" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-ronds-100-1.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>Signification des logos carré et rectangulaire<span class="Apple-converted-space"> </span></h2>
<p>Le carré est une forme parfaitement équilibrée, avec quatre côtés de même longueur et quatre angles droits. Un logo qui s’inscrit dans un carré exprimera donc la <strong>stabilité</strong>, la <strong>structure</strong>, la <strong>sécurité</strong> et la <strong>rigueur</strong>. Tout comme le carré, le rectangle est une forme <strong>classique </strong>qui donne un sentiment d’<strong>équilibre</strong> et inspire la <strong>confiance</strong>.<span class="Apple-converted-space"> </span>Ce n’est pas une surprise si le secteur des banques et des assurances utilise beaucoup ces formes : ces entreprises souhaitent souvent mettre l’accent sur leur <strong>sérieux</strong>. Les logos carrés ou rectangulaires sont aussi intéressants dans le domaine des nouvelles technologies, où la sécurité est importante pour les utilisateurs.<span class="Apple-converted-space"> </span>Plus généralement, c’est un bon choix pour toute entreprise qui veut avant tout apparaître <strong>solide</strong> et <strong>fiable</strong>.</p>
<h2><img decoding="async" class="aligncenter wp-image-1914 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres-1024x189.jpg" alt="logo Axa, logo deutsch bank, logo BBC, logo Microsoft" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-carres.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></h2>
<h2>Signification d&rsquo;un logo triangle</h2>
<p>Dans un logo triangle, l’oeil se dirige de la base du triangle vers sa pointe.<span class="Apple-converted-space"> </span>Ainsi, la signification d’un logo triangle dépend de son orientation.<span class="Apple-converted-space"> </span>Un triangle qui pointe vers le haut donne une impression de <strong>stabilité</strong>, de <strong>puissance</strong>, et de <strong>croissance</strong>.</p>
<p>En revanche, lorsqu’il pointe vers le bas, il suggère plutôt des associations d’idées négatives (instabilité).</p>
<p>Enfin, un triangle qui pointe vers la droite, comme une flèche, donne un certain <strong>élan</strong>. Cette idée de mouvement est tout indiquée pour le secteur du sport. Il peut aussi faire référence au <a href="https://catherine-benini.com/logo-startup-edtech/">symbole play d’une vidéo</a>.<span class="Apple-converted-space"> </span>Le triangle est très présent dans les bâtiments (toitures, pyramides…) : c&rsquo;est une forme qu&rsquo;il est possible d&rsquo;utiliser pour un logo dans le domaine de l’architecture ou de la construction.<span class="Apple-converted-space"> </span>À noter également la connotation religieuse du triangle : lié à au 3, il symbolise la trinité dans le christianisme. À partir de là, le triangle peut simplement faire référence à trois parties, comme le logo de Google Drive. En bref, avec ses lignes droites et ses angles aigus, cette forme convient mieux à des secteurs <strong>compétitifs</strong> et <strong>ambitieux</strong>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1923 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3-1024x189.jpg" alt="" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-3.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>Signification d&rsquo;un logo polygone</h2>
<p>Un polygone, avec ses nombreux côtés, évoque la <strong>complexité</strong> et la <strong>pluralité</strong>.<span class="Apple-converted-space"> </span>Une forme d’alvéole rappelle immédiatement la ruche avec ses abeilles, mais peut aussi, par extension, rappeler le <strong>travail</strong> et <strong>l’organisation</strong>.<span class="Apple-converted-space"> </span>D’autre part, l’hexagone renvoie à la forme du territoire français. On retrouve donc des logos hexagonaux pour des entreprises qui souhaitent mettre en avant leur origine géographique.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1924 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4-1024x189.jpg" alt="signification-formes-logos-polygones" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-4.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>Signification d’un logo avec des lignes</h2>
<p>Une ligne horizontale rappelle l’horizon. Ce type de ligne inspire souvent le <strong>calme</strong> et la <strong>sérénité</strong>, comme un paysage. C’est un choix sûr pour inspirer la confiance. À l’inverse, l’accumulation de lignes horizontales peut indiquer le <strong>mouvement</strong>.</p>
<p>Une ligne verticale fait plutôt penser à l’idée de <strong>puissance</strong>, <strong>d’élévation</strong>, de <strong>droiture</strong>. Attention à ne pas tomber dans un aspect trop rigide et immobile. Comme toutes les formes géométriques simples, on peut projeter un sens différent en fonction du contexte dans lequel elles sont utilisées. Plusieurs lignes verticales peuvent évoquer le son, des livres, un graphique ou encore des éléments d’un bâtiment.<span class="Apple-converted-space"> </span></p>
<p>Les lignes diagonales apportent plus de <a href="https://catherine-benini.com/principes-mise-en-page/">tension</a>. Selon leur orientation, descendantes ou ascendantes, leurs significations sont opposées. Les diagonales montantes ont évidemment une connotation positive : elles symbolisent le <strong>mouvement</strong> et le <strong>dynamisme</strong>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1925 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6-1024x189.jpg" alt="signification-formes-logos-lignes" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/Plan-de-travail-6.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>Signification d&rsquo;un logo avec des formes organiques<span class="Apple-converted-space">   </span></h2>
<p>Tous les logos ne sont bien sûr pas créés à partir de formes géométriques. Le terme forme organique regroupe toutes les formes non manufacturées, qui s’inspirent des formes irrégulières de la nature. On emploie souvent ces formes pour transmettre des émotions <strong>chaleureuses</strong> et <strong>rassurantes</strong>. Vous pouvez tout à fait concevoir un logo avec des formes organiques si votre projet est lié à l’environnement, à l’écologie, à <a href="https://catherine-benini.com/logo-association/">l’humanitaire</a> ou au bien être. Des formes souples sont appropriées pour représenter la créativité, là où des formes géométriques pourraient donner un côté rigide. Enfin, le côté fait main, loin de la précision mathématique, donnera une certaine authenticité. Cela peut être pertinent pour le secteur de l’alimentation.<span class="Apple-converted-space"> </span></p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1916 size-large" src="https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques-1024x189.jpg" alt="Logo Prague Zoo, logo Museum of London, logo Chili's, logo Dove" width="1024" height="189" srcset="https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques-1024x189.jpg 1024w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques-300x55.jpg 300w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques-768x142.jpg 768w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques-1536x283.jpg 1536w, https://catherine-benini.com/wp-content/uploads/2021/11/logos-organiques.jpg 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h2>Conclusion</h2>
<p>Nous avons passé en revue les principales formes utilisées, même s’il en existe encore bien d’autres. <strong>La signification des formes</strong>, dans le cas d’un logo, est un des nombreux outils du graphiste pour transmettre un message visuel. Chaque figure évoque des associations d’idées différentes. Choisir les bonnes formes pour votre logo est donc une étape importante, car elles influencent la façon dont votre marque sera perçue. Avant de créer un logo, il est alors nécessaire de définir quelles sont ces associations d’idées que vous voulez provoquer. Mener une réflexion sur les valeurs et les caractéristiques de votre marque est essentiel pour concevoir un bon logo.</p>
<p>Cet article <a rel="nofollow" href="https://catherine-benini.com/signification-formes-logo/">Signification des formes d&rsquo;un logo : le guide complet</a> est apparu en premier sur <a rel="nofollow" href="https://catherine-benini.com">Graphiste freelance à Lyon | Catherine Benini</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://catherine-benini.com/signification-formes-logo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Le poids visuel en graphisme : 8 principes pour des compositions réussies</title>
		<link>https://catherine-benini.com/principes-mise-en-page/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=principes-mise-en-page</link>
					<comments>https://catherine-benini.com/principes-mise-en-page/#comments</comments>
		
		<dc:creator><![CDATA[Catherine Benini]]></dc:creator>
		<pubDate>Sat, 02 Oct 2021 13:32:17 +0000</pubDate>
				<category><![CDATA[graphisme]]></category>
		<guid isPermaLink="false">https://catherine-benini.com/?p=1653</guid>

					<description><![CDATA[<p>Comment créer une affiche, un flyer ou une mise en page de magazine efficace et attrayant ? Une présentation visuelle qui sera remarquée et touchera votre audience ?  Un projet de design graphique combine des éléments variés : typographies, images, formes, couleurs, espace négatif… La manière dont ces éléments sont organisés et hiérarchisés est centrale, [&#8230;]</p>
<p>Cet article <a rel="nofollow" href="https://catherine-benini.com/principes-mise-en-page/">Le poids visuel en graphisme : 8 principes pour des compositions réussies</a> est apparu en premier sur <a rel="nofollow" href="https://catherine-benini.com">Graphiste freelance à Lyon | Catherine Benini</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Comment créer une affiche, un flyer ou une mise en page de magazine efficace et attrayant ? Une présentation visuelle qui sera remarquée et touchera votre audience ?<span class="Apple-converted-space"> </span></p>
<p>Un projet de design graphique combine des éléments variés : typographies, images, <a href="https://catherine-benini.com/signification-formes-logo/">formes</a>, couleurs, espace négatif… La manière dont ces éléments sont organisés et hiérarchisés est centrale, c’est la <b>composition.</b> Et chacun d’entre eux a <b>un poids visuel.<span class="Apple-converted-space"> </span></b></p>
<h2>Le poids visuel, kézako ?<span class="Apple-converted-space"> </span></h2>
<p>Il peut paraître étrange de parler de poids pour des formes ou des couleurs. Pourtant, connaitre ce concept est très utile pour parvenir à créer des compositions harmonieuses. Il permet en effet de répondre à cette question : pourquoi mon regard se dirige vers cet objet plutôt qu’un autre ? Une définition simple du poids visuel est la suivante : c’est la capacité qu’a un élément à capter notre attention, en quelque sorte, sa <b>force</b>. Le plus un objet attire l’oeil, plus son poids visuel est élevé. Si tous les éléments d’une composition sont forts, le risque est de créer une mise en page trop saturée, chargée, voir agressive. À l’inverse, si tous les éléments sont légers, le message sera surement trop discret et passer inaperçu. <b>Toute est une question d’équilibre et d’intention.</b><b><span class="Apple-converted-space"> </span></b></p>
<p>Voici quelques caractéristiques de base qui permettent de faire varier le poids visuel d’un élément<span class="Apple-converted-space"> :</span></p>
<h2>L’échelle</h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1613 size-large" src="https:/&#47;&#x63;&#x61;t&#104;&#x65;&#x72;i&#110;&#x65;&#x2d;b&#101;&#x6e;&#x69;n&#105;&#x2e;&#x63;o&#109;&#47;&#x77;&#x70;-&#99;&#x6f;&#x6e;t&#101;&#x6e;&#x74;/&#117;&#x70;&#x6c;o&#97;&#x64;&#x73;/&#50;&#x30;&#x32;1&#47;&#48;&#x39;&#x2f;P&#108;&#x61;&#x6e;-&#100;&#x65;&#x2d;t&#114;&#x61;&#x76;a&#105;&#x6c;&#x2d;1&#64;&#x34;&#x78;-&#49;&#48;&#x30;&#x2d;1&#48;&#x32;&#x34;x&#52;&#x31;&#x30;&#46;&#106;&#x70;&#x67;" alt="blog graphisme : comparaison échelle cercles" width="1024" height="410" /></p>
<p>La taille est peut-être le paramètre le plus intuitif lorsqu’on parle de poids visuel. Plus un objet est grand, plus il attire l’attention. Agrandir les textes ou les images les plus importants est moyen efficace pour donner plus d’impact et de visibilité. Bien entendu, il n’est pas question de tout grossir, sinon bonjour l’overdose visuelle.</p>
<figure id="attachment_1614" aria-describedby="caption-attachment-1614" style="width: 550px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1614" src="https://catherine-benini.com/wp-content/uploads/2021/09/881c8f6cd890f8abe4c0e1cd0fa2e952-300x209.jpg" alt="mise en page avec grande typographie" width="550" height="383" /><figcaption id="caption-attachment-1614" class="wp-caption-text">Une double page impactante grâce au choix typographique <br />Crédit : <a href="https://violaineetjeremy.fr/project/welcome-to-the-jungle-kiosque-n-1">Violaine et Jérémy</a>, magazine Welcome to the jungle</figcaption></figure>
<h2>La couleur</h2>
<p>Un paramètre un peut-être déjà moins évident. Regardez cette image.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1619 size-large" src="https:&#x2f;&#47;&#x63;&#x61;&#116;&#x68;&#x65;&#114;&#x69;&#x6e;&#101;&#x2d;&#x62;e&#x6e;&#x69;n&#x69;&#46;c&#x6f;&#109;/&#x77;&#112;-&#x63;&#111;n&#x74;&#101;n&#x74;&#47;u&#x70;&#108;o&#x61;&#100;s&#x2f;&#50;0&#x32;&#49;/&#x30;&#57;&#x2f;&#x50;&#108;&#x61;&#x6e;&#45;&#x64;&#x65;&#45;&#x74;&#x72;&#97;&#x76;&#x61;i&#x6c;&#x2d;1&#x2d;&#99;o&#x70;&#105;e&#x2d;&#50;&#64;&#x34;&#120;-&#x31;&#48;0&#x2d;&#49;0&#x32;&#52;x&#x34;&#49;0&#x2e;&#106;p&#x67;" alt="rond jaune et rond rouge - poids visuel des couleurs" width="1024" height="410" /></p>
<p>Normalement, votre regard va se diriger en premier vers le cercle rouge.</p>
<p>Il faut tout d’abord prendre en compte la nuance de la couleur.</p>
<p>De manière globale, l’oeil est plus attiré par les nuances chaudes. Le rouge est habituellement considéré comme la couleur la plus « forte », et le jaune la moins forte. La publicité utilise d’ailleurs beaucoup la couleur rouge pour mettre en valeur l’élément souhaité (pensez aux promotions dans les supermarchés !). Des formes jaunes peuvent mieux convenir à un <a href="https://catherine-benini.com/creation-logo-realize-studio/">décor d’arrière-plan</a><i>.</i><span class="Apple-converted-space"> </span></p>
<p>Au sein de la même nuance, la saturation de la couleur influence aussi sur le poids : les tons vifs ont plus de poids visuel que les tons neutres/désaturés.</p>
<p>Il faut néanmoins garder à l’esprit qu’<b>une couleur est toujours en interaction avec les autres : </b>un jaune peut paraître fade à côté d’un rouge, mais ce même jaune sera au contraire très vif face à un gris moyen.</p>
<figure id="attachment_1626" aria-describedby="caption-attachment-1626" style="width: 450px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1626" src="https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-696x1024.jpeg" alt="Affiche pièce de théâtre" width="450" height="662" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-696x1024.jpeg 696w, https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-204x300.jpeg 204w, https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-768x1129.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-1045x1536.jpeg 1045w, https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-1393x2048.jpeg 1393w, https://catherine-benini.com/wp-content/uploads/2021/09/af89-2000x2941_michel-Batory-scaled.jpeg 1741w" sizes="(max-width: 450px) 100vw, 450px" /><figcaption id="caption-attachment-1626" class="wp-caption-text">Sur cette affiche, le regard va immédiatement vers le cercle rouge sur l’oreille du personnage<br />Crédit : <a href="https://www.michalbatory.com">Michal Batory</a>, 2016</figcaption></figure>
<h2>Le contraste</h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1620 size-large" src="https://c&#97;&#116;&#104;&#101;&#x72;&#x69;&#x6e;&#x65;&#x2d;&#x62;&#x65;nin&#105;&#46;&#99;&#111;&#109;&#x2f;&#x77;&#x70;&#x2d;&#x63;&#x6f;nten&#116;&#47;&#117;&#112;&#x6c;&#x6f;&#x61;&#x64;&#x73;&#x2f;2021&#47;&#48;&#57;&#47;&#x50;&#x6c;&#x61;&#x6e;&#x2d;&#x64;&#x65;-tr&#97;&#118;&#97;&#105;&#108;&#x2d;&#x31;&#x2d;&#x63;&#x6f;&#x70;ie-&#51;&#64;&#52;&#120;&#45;&#x31;&#x30;&#x30;&#x2d;&#x31;&#x30;24x4&#49;&#48;&#46;&#106;&#x70;&#x67;" alt="comparaison contraste" width="1024" height="410" /></p>
<p>Les éléments avec plus de contraste sont plus proéminents. Plus un texte a du contraste avec l’arrière-plan, plus il est facile à lire (le contraste maximal étant le noir/blanc). Jouer avec différents niveaux de gris aide à la hiérarchisation du contenu. <span class="Apple-converted-space"> </span></p>
<figure id="attachment_1640" aria-describedby="caption-attachment-1640" style="width: 550px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1640" src="https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio-1024x683.jpeg" alt="mise en page carte de visites" width="550" height="367" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio-1024x683.jpeg 1024w, https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio-300x200.jpeg 300w, https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio-768x512.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio-1536x1024.jpeg 1536w, https://catherine-benini.com/wp-content/uploads/2021/09/MA-Project_The-Bakery-design-studio.jpeg 1920w" sizes="(max-width: 550px) 100vw, 550px" /><figcaption id="caption-attachment-1640" class="wp-caption-text">Une mise en page élégante qui utilise différents niveaux de gris pour mettre en valeur les informations<br />Crédit : <a href="https://www.behance.net/gallery/61624337/MA-Project">The Bakery design studio &#8211; MA project</a></figcaption></figure>
<p>&nbsp;</p>
<h2>L’isolation</h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1621 size-large" src="https:&#x2f;&#x2f;&#x63;&#x61;&#x74;&#x68;&#x65;&#x72;&#x69;&#x6e;&#x65;&#x2d;&#x62;&#x65;&#x6e;&#x69;&#x6e;&#x69;&#x2e;&#x63;&#x6f;&#x6d;&#47;&#119;&#112;&#45;&#99;&#111;&#110;&#116;&#101;&#110;&#116;&#47;&#117;&#112;&#108;oads/2021/09&#x2f;&#x50;&#x6c;&#x61;&#x6e;&#x2d;&#x64;&#x65;&#x2d;&#x74;&#x72;&#x61;&#x76;&#x61;&#x69;&#x6c;&#x2d;&#x31;&#x2d;&#x63;&#x6f;&#x70;&#x69;&#101;&#45;&#52;&#64;&#52;&#120;&#45;&#49;&#48;&#48;&#45;&#49;&#48;&#50;&#52;x410&#46;jpg" alt="groupe de ronds - rond seul" width="1024" height="410" srcset="https:&#x2f;&#x2f;&#99;&#97;t&#x68;&#x65;&#x72;&#105;&#110;e&#x2d;&#x62;&#x65;&#110;&#105;n&#x69;&#x2e;&#x63;&#111;&#109;/&#x77;&#x70;&#x2d;&#99;on&#x74;&#x65;&#x6e;&#116;/u&#x70;&#x6c;&#111;&#97;ds&#x2f;&#x32;&#48;&#50;1/&#x30;&#x39;&#47;&#80;l&#x61;&#x6e;&#x2d;&#100;&#101;-&#x74;&#x72;&#x61;&#118;&#97;i&#x6c;&#x2d;&#x31;&#45;&#99;o&#x70;&#x69;&#x65;&#45;&#52;&#64;&#x34;&#x78;&#x2d;&#49;00&#x2d;&#x31;&#48;&#50;4x&#x34;&#x31;&#48;&#46;jp&#x67; 1024w, https:&#47;/&#x63;a&#x74;&#104;&#x65;&#114;&#x69;&#110;e&#x2d;b&#x65;&#110;&#x69;&#110;&#x69;&#46;&#x63;&#111;m&#x2f;w&#x70;&#45;&#x63;&#111;&#x6e;&#116;e&#x6e;t&#x2f;&#117;&#x70;&#108;&#x6f;&#97;&#x64;&#115;/&#x32;0&#x32;&#49;&#x2f;&#48;&#x39;&#47;P&#x6c;a&#x6e;&#45;&#x64;&#101;&#x2d;&#116;&#x72;&#97;v&#x61;i&#x6c;&#45;&#x31;&#45;&#x63;&#111;p&#x69;e&#x2d;&#52;&#x40;&#52;&#x78;&#45;&#x31;&#48;0&#x2d;3&#x30;&#48;&#x78;&#49;&#x32;&#48;&#46;&#x6a;p&#x67; 300w, https:&#x2f;&#47;c&#x61;&#116;h&#x65;&#114;i&#x6e;&#101;-&#x62;&#101;n&#x69;&#x6e;i&#x2e;&#x63;&#111;&#x6d;&#x2f;&#119;&#x70;&#x2d;&#99;o&#x6e;&#116;e&#x6e;&#116;/&#x75;&#112;l&#x6f;&#97;d&#x73;&#x2f;2&#x30;&#x32;&#49;&#x2f;&#x30;&#57;&#x2f;&#x50;&#108;a&#x6e;&#45;d&#x65;&#45;t&#x72;&#97;v&#x61;&#105;l&#x2d;&#x31;-&#x63;&#x6f;&#112;&#x69;&#x65;&#45;&#x34;&#x40;&#52;x&#x2d;&#49;0&#x30;&#45;7&#x36;&#56;x&#x33;&#48;8&#x2e;&#x6a;p&#x67; 768w, https:&#x2f;&#x2f;&#x63;&#x61;&#x74;&#x68;&#x65;&#x72;&#105;&#110;&#101;&#45;&#98;&#101;&#110;ini&#46;&#x63;&#x6f;&#x6d;&#x2f;&#x77;&#x70;&#x2d;&#x63;&#x6f;&#110;&#116;&#101;&#110;&#116;&#47;&#117;ploa&#x64;&#x73;&#x2f;&#x32;&#x30;&#x32;&#x31;&#x2f;&#x30;&#57;&#47;&#80;&#108;&#97;&#110;&#45;de-t&#x72;&#x61;&#x76;&#x61;&#x69;&#x6c;&#x2d;&#x31;&#x2d;&#99;&#111;&#112;&#105;&#101;&#45;&#52;&#64;4x-&#x31;&#x30;&#x30;&#x2d;&#x31;&#x35;&#x33;&#x36;&#x78;&#54;&#49;&#53;&#46;&#106;&#112;&#103; 1536w, https:&#x2f;&#x2f;&#99;&#97;th&#x65;&#x72;&#x69;&#110;e-&#x62;&#x65;&#x6e;&#105;&#110;i&#x2e;&#x63;&#x6f;&#109;&#47;w&#x70;&#x2d;&#x63;&#111;&#110;te&#x6e;&#x74;&#x2f;&#117;pl&#x6f;&#x61;&#x64;&#115;&#47;2&#x30;&#x32;&#x31;&#47;&#48;9&#x2f;&#x50;&#x6c;&#97;&#110;-d&#x65;&#x2d;&#x74;&#114;av&#x61;&#x69;&#x6c;&#45;&#49;-&#x63;&#x6f;&#x70;&#105;&#101;-&#x34;&#x40;&#x34;&#120;&#45;10&#x30;&#x2e;&#x6a;&#112;g 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>L’espace vide peut être vu… comme de l’espace gâché, qu’on voudrait remplir avec plus de contenu. Mais cette approche est contre-productive.</p>
<p>L’espace vide ou espace négatif est l’espace autour et entre les objets, en clair, une zone où il n’y a aucun élément graphique. Son poids visuel est nul, mais c’est un composant à part entière d’un visuel. En effet, par contraste, un élément isolé entouré d’espace aura plus de poids qu’un groupe de formes. Donc, plus il y a d’espace autour d’un objet, plus celui-ci sera mis en valeur !</p>
<figure id="attachment_1641" aria-describedby="caption-attachment-1641" style="width: 450px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1641" src="https://catherine-benini.com/wp-content/uploads/2021/09/1959_ThinkSmall_400-231x300.jpeg" alt="campagne publicitaire minimaliste pour Volkswagen " width="450" height="585" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/1959_ThinkSmall_400-231x300.jpeg 231w, https://catherine-benini.com/wp-content/uploads/2021/09/1959_ThinkSmall_400.jpeg 400w" sizes="(max-width: 450px) 100vw, 450px" /><figcaption id="caption-attachment-1641" class="wp-caption-text">Un célèbre exemple avec cette campagne de pub pour Volkswagen : la petite voiture perdue dans la page blanche surprend le public et la campagne rencontre un grand succès<br />Crédit : DDB &#8211; campagne Volkswagen « Think Small », 1959</figcaption></figure>
<h2>La position dans l’espace <span class="Apple-converted-space"> </span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1625 size-large" src="https:&#x2f;&#x2f;&#x63;&#x61;&#116;&#104;&#101;&#114;ine&#x2d;&#x62;&#x65;&#x6e;&#x69;&#110;&#105;&#46;com&#x2f;&#x77;&#x70;&#x2d;&#x63;&#111;&#110;&#116;ent&#x2f;&#x75;&#x70;&#x6c;&#x6f;&#97;&#100;&#115;/20&#x32;&#x31;&#x2f;&#x30;&#x39;&#47;&#80;&#108;an-&#x64;&#x65;&#x2d;&#x74;&#x72;&#97;&#118;&#97;il-&#x31;&#x2d;&#x63;&#x6f;&#x70;&#105;&#101;&#64;&#52;x-&#x31;&#x30;&#x30;&#x2d;&#x31;&#48;&#50;&#52;&#120;41&#x30;&#x2e;&#x6a;&#x70;&#x67;" alt="rond centré dans mise en page vs rond sur une diagonale" width="1024" height="410" srcset="https://cather&#105;&#110;&#101;&#45;&#98;&#101;&#110;&#105;&#110;&#105;&#x2e;&#x63;&#x6f;&#x6d;&#x2f;&#x77;&#x70;&#x2d;&#x63;&#x6f;&#x6e;&#x74;&#x65;&#x6e;&#x74;/uploads&#47;&#50;&#48;&#50;&#49;&#47;&#48;&#57;&#47;&#80;&#x6c;&#x61;&#x6e;&#x2d;&#x64;&#x65;&#x2d;&#x74;&#x72;&#x61;&#x76;&#x61;&#x69;&#x6c;&#x2d;1-copie&#64;&#52;&#120;&#45;&#49;&#48;&#48;&#45;&#49;&#48;&#50;&#52;&#x78;&#x34;&#x31;&#x30;&#x2e;&#x6a;&#x70;&#x67; 1024w, https:/&#47;&#99;&#x61;&#x74;he&#114;&#105;&#x6e;&#x65;-b&#101;&#110;&#x69;&#x6e;i&#46;&#99;&#x6f;&#x6d;&#x2f;w&#112;&#45;&#x63;&#x6f;&#x6e;t&#101;&#110;&#x74;&#x2f;&#x75;p&#108;&#111;&#x61;&#x64;&#x73;/&#50;&#48;&#x32;&#x31;&#x2f;0&#57;&#47;&#x50;&#x6c;an&#45;&#100;&#x65;&#x2d;tr&#97;&#118;&#x61;&#x69;l-&#49;&#x2d;&#x63;&#x6f;pi&#101;&#x40;&#x34;&#x78;-&#49;&#48;&#x30;&#x2d;&#x33;0&#48;&#120;&#x31;&#x32;&#x30;&#46;&#106;&#112;&#x67; 300w, https:&#x2f;/&#x63;&#97;&#x74;&#104;e&#x72;i&#x6e;&#101;&#x2d;&#98;e&#x6e;&#105;&#x6e;&#105;&#46;&#x63;o&#x6d;&#47;&#x77;&#112;-&#x63;o&#x6e;&#116;&#x65;&#x6e;t&#x2f;&#117;&#x70;&#108;o&#x61;d&#x73;&#47;&#x32;&#48;2&#x31;&#47;&#x30;&#57;&#x2f;&#x50;l&#x61;&#110;&#x2d;&#100;e&#x2d;t&#x72;&#97;&#x76;&#97;i&#x6c;&#45;&#x31;&#45;c&#x6f;p&#x69;&#101;&#x40;&#52;x&#x2d;1&#x30;&#48;&#x2d;&#x37;6&#x38;&#120;&#x33;&#48;8&#x2e;j&#x70;&#103; 768w, https:&#x2f;/&#x63;&#97;&#x74;&#104;e&#x72;&#105;&#x6e;&#101;-&#x62;&#101;&#x6e;&#105;n&#x69;&#46;&#x63;&#111;&#x6d;&#x2f;w&#x70;&#45;&#x63;&#111;n&#x74;&#101;&#x6e;&#116;/&#x75;p&#x6c;&#111;a&#x64;s&#x2f;&#50;&#x30;&#50;1&#x2f;&#48;&#x39;&#47;P&#x6c;&#97;&#x6e;&#45;d&#x65;-&#x74;&#114;&#x61;&#x76;a&#x69;&#108;&#x2d;&#49;-&#x63;&#111;&#x70;&#105;e&#x40;&#52;&#x78;&#45;1&#x30;0&#x2d;&#49;&#x35;&#x33;6&#x78;&#54;&#x31;&#53;&#46;&#x6a;&#112;&#x67; 1536w, https:&#47;&#x2f;&#99;&#x61;&#116;&#x68;&#101;&#x72;i&#x6e;e&#x2d;b&#x65;n&#105;&#x6e;&#105;&#x2e;&#99;&#x6f;&#109;&#x2f;&#119;&#x70;-&#x63;o&#x6e;t&#x65;n&#116;&#x2f;&#117;&#x70;&#108;&#x6f;&#97;&#x64;&#115;&#x2f;2&#x30;2&#x31;/&#x30;9&#47;&#x50;&#108;&#x61;&#110;&#x2d;&#100;&#x65;&#45;&#x74;r&#x61;v&#x61;i&#108;-&#49;&#x2d;&#99;&#x6f;&#112;&#x69;&#101;&#x40;&#52;&#x78;-&#x31;0&#x30;&#46;&#106;p&#103; 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
Une page vierge peut se découper avec des lignes invisibles : l’axe horizontal, l’axe vertical et les diagonales. Une image possède des zones plus ou moins « calmes » et des zones de tension.<span class="Apple-converted-space"> </span></p>
<p>L’oeil se dirige naturellement vers le centre de la page et est donc perçu comme une zone neutre. Un élément centré n’aura par conséquent pas beaucoup de poids visuel et produira un effet de calme, d’équilibre et de stabilité.</p>
<p>Une composition centrée exprime souvent l’élégance ou la formalité.<span class="Apple-converted-space"> </span></p>
<p>Le risque : trop de symétrie peut sembler statique ou ennuyeux.</p>
<figure id="attachment_1645" aria-describedby="caption-attachment-1645" style="width: 450px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1645" src="https://catherine-benini.com/wp-content/uploads/2021/09/4a1a924bb3f8ec07a2be41f15c7d1deb.jpg" alt="mise en page centrée couverture magazine" width="450" height="580" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/4a1a924bb3f8ec07a2be41f15c7d1deb.jpg 563w, https://catherine-benini.com/wp-content/uploads/2021/09/4a1a924bb3f8ec07a2be41f15c7d1deb-233x300.jpg 233w" sizes="(max-width: 450px) 100vw, 450px" /><figcaption id="caption-attachment-1645" class="wp-caption-text">Sur la photo, le regard dirigé vers la gauche apporte une tension inattendue dans cette mise en page centrée qui aurait pu sans cela être monotone. Crédit : <a href="https://amandajanejones.com/Kinfolk-Magazine-Volume-1-12">Amanda Jane Jones, Kinfolk magazine</a>, 2015</figcaption></figure>
<p>&nbsp;</p>
<p>Les diagonales d’une image sont au contraire des zones où la tension est la plus forte, c’est à dire où le poids visuel est également le plus important.</p>
<p>C&rsquo;est pour cette raison que les compositions diagonales sont généralement plus dynamiques et vivantes.</p>
<p>Le risque : créer une sensation de déséquilibre.</p>
<figure id="attachment_1646" aria-describedby="caption-attachment-1646" style="width: 450px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1646" src="https://catherine-benini.com/wp-content/uploads/2021/09/IMG_1358-723x1024.jpeg" alt="composition fondée sur les diagonales, Josef Müller-Brockmann" width="450" height="637" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/IMG_1358-723x1024.jpeg 723w, https://catherine-benini.com/wp-content/uploads/2021/09/IMG_1358-212x300.jpeg 212w, https://catherine-benini.com/wp-content/uploads/2021/09/IMG_1358-768x1087.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/IMG_1358.jpeg 1000w" sizes="(max-width: 450px) 100vw, 450px" /><figcaption id="caption-attachment-1646" class="wp-caption-text">Un célèbre exemple d’affiche construite sur les diagonales, parfaitement équilibrée grâce à la maîtrise de la compostion  Crédit : Josef Müller-Brockmann, Josef Strawinsky, Berg, Fortner, 1955</figcaption></figure>
<p>&nbsp;</p>
<h2>La texture <span class="Apple-converted-space"> </span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1622 size-large" src="https:&#47;&#x2f;&#x63;a&#116;&#x68;e&#114;&#x69;&#x6e;&#101;&#x2d;&#x62;e&#110;&#x69;n&#105;&#x2e;&#x63;&#111;&#x6d;&#x2f;w&#112;&#x2d;c&#111;&#x6e;&#x74;&#101;&#x6e;&#x74;/&#117;&#x70;l&#111;&#x61;&#x64;&#115;&#x2f;&#x32;0&#50;&#x31;/&#48;&#x39;&#x2f;&#80;&#x6c;&#x61;n&#45;&#x64;e&#45;&#x74;&#x72;&#97;&#x76;&#x61;i&#108;&#x2d;1&#45;&#x63;&#x6f;&#112;&#x69;&#x65;-&#54;&#x40;4&#120;&#x2d;&#x31;&#48;&#x30;&#x2d;1&#48;&#x32;4&#120;&#x34;&#x31;&#48;&#x2e;&#x6a;p&#103;" alt="rond aplat noir - rond avec texture" width="1024" height="410" srcset="https:&#x2f;&#x2f;&#99;at&#x68;&#x65;&#114;&#105;n&#x65;&#x2d;&#98;&#101;n&#x69;&#x6e;&#x69;&#46;co&#x6d;&#x2f;&#119;&#112;-&#x63;&#x6f;&#110;&#116;e&#x6e;&#x74;&#47;&#117;p&#x6c;&#x6f;&#x61;&#100;s/&#x32;&#x30;&#50;&#49;/&#x30;&#x39;&#47;&#80;l&#x61;&#x6e;&#45;&#100;e&#x2d;&#x74;&#x72;&#97;va&#x69;&#x6c;&#45;&#49;-&#x63;&#x6f;&#112;&#105;e&#x2d;&#x36;&#x40;&#52;x&#x2d;&#x31;&#x30;&#48;-1&#x30;&#x32;&#52;&#120;4&#x31;&#x30;&#46;&#106;p&#x67; 1024w, https:&#47;&#x2f;&#99;&#x61;t&#104;&#x65;&#114;&#x69;n&#x65;-&#98;&#x65;&#110;&#x69;n&#x69;&#x2e;&#99;&#x6f;m&#x2f;w&#112;&#x2d;&#99;&#x6f;n&#x74;e&#110;&#x74;&#47;&#x75;p&#108;&#x6f;&#97;&#x64;s&#x2f;2&#48;&#x32;&#49;&#x2f;0&#x39;&#x2f;&#80;&#x6c;&#97;&#x6e;-&#100;&#x65;&#45;&#x74;r&#x61;v&#97;&#x69;&#108;&#x2d;1&#x2d;&#x63;&#111;&#x70;i&#x65;-&#54;&#x40;&#52;&#x78;-&#x31;0&#48;&#x2d;&#51;&#x30;0&#120;&#x31;&#50;&#x30;&#46;&#x6a;p&#103; 300w, https://&#99;&#97;&#116;&#x68;&#x65;&#x72;&#x69;&#x6e;e-&#98;&#101;&#110;&#x69;&#x6e;&#x69;&#x2e;&#x63;om&#47;&#119;&#112;&#x2d;&#x63;&#x6f;&#x6e;&#x74;en&#116;&#47;&#117;&#x70;&#x6c;&#x6f;&#x61;&#x64;s/&#50;&#48;&#50;&#x31;&#x2f;&#x30;&#x39;&#x2f;Pl&#97;&#110;&#45;&#x64;&#x65;&#x2d;&#x74;&#x72;av&#97;&#105;&#108;&#x2d;&#x31;&#x2d;&#x63;&#x6f;pi&#101;&#45;&#54;&#x40;&#x34;&#x78;&#x2d;&#x31;00&#45;&#55;&#54;&#x38;&#x78;&#x33;&#x30;&#x38;&#46;j&#112;&#103; 768w, https:&#47;&#x2f;c&#x61;&#x74;&#104;&#x65;r&#x69;&#x6e;&#101;&#x2d;b&#x65;&#x6e;&#105;&#x6e;i&#x2e;&#x63;&#111;&#x6d;/&#x77;&#x70;&#45;&#x63;o&#x6e;&#x74;&#101;&#x6e;t&#x2f;&#x75;&#112;&#x6c;o&#x61;&#x64;&#115;&#x2f;2&#x30;&#x32;&#49;&#x2f;0&#x39;&#x2f;&#80;&#x6c;a&#x6e;&#x2d;&#100;&#x65;-&#x74;&#x72;&#97;&#x76;a&#x69;&#x6c;&#45;&#x31;-&#x63;&#x6f;&#112;&#x69;e&#x2d;&#x36;&#64;&#x34;x&#x2d;&#x31;&#48;&#x30;-&#x31;&#x35;&#51;&#x36;x&#x36;&#x31;&#53;&#x2e;j&#x70;&#x67; 1536w, https:&#47;&#x2f;c&#97;&#x74;h&#x65;&#x72;&#105;&#x6e;e&#45;&#x62;e&#110;&#x69;&#110;&#x69;&#46;&#99;&#x6f;m&#47;&#x77;&#112;&#x2d;&#x63;&#111;&#x6e;t&#101;&#x6e;t&#x2f;&#x75;&#112;&#x6c;o&#97;&#x64;s&#47;&#x32;&#48;&#x32;1&#47;&#x30;9&#47;&#x50;l&#x61;&#x6e;&#45;&#x64;e&#45;&#x74;r&#x61;&#x76;&#97;&#x69;l&#45;&#x31;-&#99;&#x6f;&#112;&#x69;e&#45;&#x36;&#64;&#52;&#x78;-&#x31;&#x30;&#48;&#x2e;j&#112;&#x67; 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>La texture crée de l’intérêt, rend une image 2D moins plate. Une forme avec une texture semble avoir plus de poids qu’une forme unie, car un objet avec une texture est plus complexe, il faut donc plus de temps pour le déchiffrer et il occupe ainsi plus notre attention. <span class="Apple-converted-space"> </span></p>
<figure id="attachment_1647" aria-describedby="caption-attachment-1647" style="width: 550px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1647" src="https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-1024x677.jpeg" alt="Flyer avec formes organiques et textures pour un festival" width="550" height="364" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-1024x677.jpeg 1024w, https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-300x198.jpeg 300w, https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-768x508.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-1536x1016.jpeg 1536w, https://catherine-benini.com/wp-content/uploads/2021/09/v12-p2n17-flyers-01-2400x1587-1-2048x1354.jpeg 2048w" sizes="(max-width: 550px) 100vw, 550px" /><figcaption id="caption-attachment-1647" class="wp-caption-text">La texture (une photo de lichen) crée un mélange intéressant avec les formes en aplat  Crédit : <a href="https://murmure.me/projet/p2n-17/">Agence Murmure &#8211; Festival papillons de nuit</a></figcaption></figure>
<p>&nbsp;</p>
<h2>La profondeur <span class="Apple-converted-space"> </span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1623 size-large" src="https://&#99;&#97;&#116;&#x68;&#x65;&#x72;&#x69;ne&#45;&#98;&#101;&#x6e;&#x69;&#x6e;&#x69;&#46;c&#111;&#109;&#47;&#x77;&#x70;&#x2d;&#x63;on&#116;&#101;&#110;&#x74;&#x2f;&#x75;&#x70;lo&#97;&#100;&#115;&#x2f;&#x32;&#x30;&#x32;1/&#48;&#57;&#47;&#x50;&#x6c;&#x61;&#x6e;-d&#101;&#45;&#116;&#x72;&#x61;&#x76;&#x61;il&#45;&#49;&#45;&#x63;&#x6f;&#x70;&#x69;e-&#55;&#64;&#52;&#x78;&#x2d;&#x31;&#x30;0-1&#48;&#50;&#x34;&#x78;&#x34;&#x31;0&#46;j&#112;&#103;" alt="ronds effet profondeur avec flou" width="1024" height="410" srcset="https:&#x2f;&#x2f;&#99;&#97;t&#x68;&#x65;&#x72;&#105;ne&#x2d;&#x62;&#101;&#110;i&#x6e;&#x69;&#x2e;&#99;om&#x2f;&#x77;&#112;&#45;c&#x6f;&#x6e;&#x74;&#101;nt&#x2f;&#x75;&#112;&#108;o&#x61;&#x64;&#x73;&#47;&#50;0&#x32;&#x31;&#47;&#48;9&#x2f;&#x50;&#x6c;&#97;&#110;-&#x64;&#x65;&#x2d;&#116;ra&#x76;&#x61;&#105;&#108;-&#x31;&#x2d;&#x63;&#111;pi&#x65;&#x2d;&#55;&#64;4&#x78;&#x2d;&#x31;&#48;0-&#x31;&#x30;&#50;&#52;x&#x34;&#x31;&#x30;&#46;&#106;p&#x67; 1024w, https:&#x2f;&#x2f;&#x63;&#x61;&#x74;&#x68;&#101;&#114;&#105;&#110;e-be&#x6e;&#x69;&#x6e;&#x69;&#x2e;&#x63;&#111;&#109;&#47;&#119;&#112;-co&#x6e;&#x74;&#x65;&#x6e;&#x74;&#x2f;&#117;&#112;&#108;&#111;&#97;ds/&#x32;&#x30;&#x32;&#x31;&#x2f;&#x30;&#x39;&#47;&#80;&#108;&#97;n-de&#x2d;&#x74;&#x72;&#x61;&#x76;&#x61;&#105;&#108;&#45;&#49;-cop&#x69;&#x65;&#x2d;&#x37;&#x40;&#x34;&#120;&#45;&#49;&#48;&#48;-30&#x30;&#x78;&#x31;&#x32;&#x30;&#x2e;&#x6a;&#112;&#103; 300w, https:&#47;&#x2f;c&#97;&#x74;h&#101;&#x72;i&#x6e;&#x65;&#45;&#x62;e&#110;&#x69;n&#105;&#x2e;c&#x6f;&#x6d;&#47;&#x77;&#x70;&#45;&#x63;o&#110;&#x74;e&#110;&#x74;/&#x75;&#x70;&#108;&#x6f;a&#100;&#x73;/&#50;&#x30;2&#x31;&#x2f;&#48;&#x39;&#x2f;&#80;&#x6c;a&#110;&#x2d;d&#101;&#x2d;t&#x72;&#x61;&#118;&#x61;i&#108;&#x2d;1&#45;&#x63;o&#x70;&#x69;&#101;&#x2d;&#x37;&#64;&#x34;x&#45;&#x31;0&#48;&#x2d;7&#x36;&#x38;&#120;&#x33;0&#56;&#x2e;j&#112;&#x67; 768w, https:&#x2f;&#x2f;&#x63;&#x61;&#x74;&#x68;&#x65;&#x72;&#105;&#110;&#101;&#45;&#98;&#101;&#110;ini&#46;&#x63;&#x6f;&#x6d;&#x2f;&#x77;&#x70;&#x2d;&#x63;&#x6f;&#110;&#116;&#101;&#110;&#116;&#47;&#117;ploa&#x64;&#x73;&#x2f;&#x32;&#x30;&#x32;&#x31;&#x2f;&#x30;&#57;&#47;&#80;&#108;&#97;&#110;&#45;de-t&#x72;&#x61;&#x76;&#x61;&#x69;&#x6c;&#x2d;&#x31;&#x2d;&#99;&#111;&#112;&#105;&#101;&#45;&#55;&#64;4x-&#x31;&#x30;&#x30;&#x2d;&#x31;&#x35;&#x33;&#x36;&#x78;&#54;&#49;&#53;&#46;&#106;&#112;&#103; 1536w, https:&#x2f;&#47;&#99;a&#x74;&#x68;&#101;r&#x69;&#x6e;&#101;-b&#x65;&#110;&#105;n&#x69;&#x2e;&#99;o&#x6d;&#x2f;&#119;&#112;-&#x63;&#x6f;&#110;t&#x65;&#x6e;&#116;/&#x75;&#x70;&#108;&#111;a&#x64;&#x73;&#47;2&#x30;&#x32;&#49;/&#x30;&#x39;&#47;&#80;l&#x61;&#x6e;&#45;d&#x65;&#x2d;&#116;r&#x61;&#x76;&#97;&#105;l&#x2d;&#x31;&#45;c&#x6f;&#x70;&#105;e&#x2d;&#x37;&#64;&#52;x&#x2d;&#x31;&#48;0&#x2e;&#x6a;&#112;g 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>Les éléments au premier plan ont plus de poids visuel que ceux à l’arrière-plan. La perspective, le flou ou l’ombrage peuvent donner un effet de profondeur. Les objets qui semblent plus proches attirent, de façon intuitive, plus l’attention.<span class="Apple-converted-space"> </span></p>
<figure id="attachment_1648" aria-describedby="caption-attachment-1648" style="width: 550px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1648" src="https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab-1024x768.jpeg" alt="maquette app avec effet profondeur flou" width="550" height="413" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab-1024x768.jpeg 1024w, https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab-300x225.jpeg 300w, https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab-768x576.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab-1536x1152.jpeg 1536w, https://catherine-benini.com/wp-content/uploads/2021/09/99-Days-in-the-Lab.jpeg 1600w" sizes="(max-width: 550px) 100vw, 550px" /><figcaption id="caption-attachment-1648" class="wp-caption-text">Crédit : <a href="https://dribbble.com/shots/14785136--58-Soda-water-mobile-99-Days-in-the-Lab">Sebastian Jungbluth &#8211; 99+ Days in the Lab</a></figcaption></figure>
<p>&nbsp;</p>
<h2>La forme</h2>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1624 size-large" src="https://c&#97;&#116;&#104;&#x65;&#x72;&#x69;&#x6e;&#x65;&#x2d;ben&#105;&#110;&#105;&#46;&#x63;&#x6f;&#x6d;&#x2f;&#x77;&#x70;-co&#110;&#116;&#101;&#x6e;&#x74;&#x2f;&#x75;&#x70;&#x6c;oad&#115;&#47;&#50;&#48;&#x32;&#x31;&#x2f;&#x30;&#x39;&#x2f;Pla&#110;&#45;&#100;&#x65;&#x2d;&#x74;&#x72;&#x61;&#x76;ail&#45;&#49;&#45;&#99;&#x6f;&#x70;&#x69;&#x65;&#x2d;&#x38;&#64;4x&#45;&#49;&#48;&#x30;&#x2d;&#x31;&#x30;&#x32;&#x34;x41&#48;&#46;&#106;&#112;&#x67;" alt="rond vs forme organique" width="1024" height="410" srcset="https:&#x2f;&#x2f;&#99;a&#x74;&#x68;&#101;ri&#x6e;&#x65;&#45;b&#x65;&#x6e;&#105;&#110;i&#x2e;&#x63;&#111;m&#x2f;&#x77;&#112;&#45;c&#x6f;&#x6e;&#116;e&#x6e;&#x74;&#47;&#117;p&#x6c;&#x6f;&#97;d&#x73;&#x2f;&#50;&#48;2&#x31;&#x2f;&#48;9&#x2f;&#x50;&#x6c;&#97;n&#x2d;&#x64;&#101;-t&#x72;&#x61;&#118;a&#x69;&#x6c;&#45;&#49;-&#x63;&#x6f;&#112;i&#x65;&#x2d;&#56;&#64;4&#x78;&#x2d;&#49;0&#x30;&#x2d;&#49;&#48;2&#x34;&#x78;&#52;1&#x30;&#x2e;&#106;&#112;g 1024w, https:&#47;&#47;&#x63;a&#116;&#x68;&#x65;r&#105;&#x6e;&#x65;-&#98;&#x65;&#x6e;i&#110;&#x69;&#x2e;c&#111;&#x6d;&#x2f;w&#112;&#x2d;c&#111;&#110;&#x74;e&#110;&#x74;&#x2f;u&#112;&#x6c;&#x6f;a&#100;&#x73;&#x2f;2&#48;&#x32;&#x31;/&#48;&#x39;&#x2f;&#80;&#108;&#x61;n&#45;&#x64;&#x65;-&#116;&#x72;&#x61;v&#97;&#x69;&#x6c;-&#49;&#x2d;&#x63;o&#112;&#x69;&#x65;-&#56;&#x40;4&#120;&#45;&#x31;0&#48;&#x2d;&#x33;0&#48;&#x78;&#x31;2&#48;&#x2e;&#x6a;p&#103; 300w, https:/&#47;&#99;&#x61;&#x74;&#x68;er&#105;&#110;&#x65;&#x2d;&#x62;e&#110;&#105;&#110;&#x69;&#x2e;&#x63;o&#109;&#47;&#x77;&#x70;&#x2d;co&#110;&#116;&#x65;&#x6e;&#x74;/&#117;&#112;&#108;&#x6f;&#x61;&#x64;s&#47;&#50;&#x30;&#x32;&#x31;/0&#57;&#47;&#x50;&#x6c;&#x61;n&#45;&#100;&#101;&#x2d;&#x74;&#x72;a&#118;&#97;&#x69;&#x6c;&#x2d;1-&#99;&#111;&#x70;&#x69;&#x65;-&#56;&#64;&#52;&#x78;&#x2d;&#x31;0&#48;&#45;&#x37;&#x36;&#x38;x3&#48;&#56;&#x2e;&#x6a;&#x70;g 768w, https:&#x2f;&#x2f;&#x63;&#x61;&#x74;&#x68;&#101;&#114;&#105;&#110;e-be&#x6e;&#x69;&#x6e;&#x69;&#x2e;&#x63;&#111;&#109;&#47;&#119;&#112;-co&#x6e;&#x74;&#x65;&#x6e;&#x74;&#x2f;&#117;&#112;&#108;&#111;&#97;ds/&#x32;&#x30;&#x32;&#x31;&#x2f;&#x30;&#x39;&#47;&#80;&#108;&#97;n-de&#x2d;&#x74;&#x72;&#x61;&#x76;&#x61;&#105;&#108;&#45;&#49;-cop&#x69;&#x65;&#x2d;&#x38;&#x40;&#x34;&#120;&#45;&#49;&#48;&#48;-15&#x33;&#x36;&#x78;&#x36;&#x31;&#x35;&#x2e;&#106;&#112;&#103; 1536w, https:&#47;/&#x63;a&#x74;h&#x65;r&#x69;&#110;&#x65;&#45;&#x62;&#101;&#x6e;&#105;n&#105;&#46;&#x63;o&#x6d;/&#x77;&#112;&#x2d;&#99;&#x6f;&#110;&#x74;&#101;&#x6e;&#116;/&#117;p&#x6c;o&#x61;d&#x73;&#47;&#x32;&#48;&#x32;&#49;&#x2f;&#48;&#x39;&#47;P&#x6c;a&#x6e;-&#x64;e&#x2d;&#116;&#x72;&#97;&#x76;&#97;&#x69;&#108;&#x2d;&#49;-&#x63;o&#x70;i&#x65;-&#x38;&#64;&#x34;&#120;&#x2d;&#49;&#x30;&#48;&#x2e;&#106;p&#x67; 2000w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>Les formes géométriques tendent à avoir plus de poids que les formes organiques. Nous sommes peut-être plus habituées aux formes irrégulières, car elles sont plus présentes dans nature. Les formes géométriques, moins habituelles, seraient plus à même d’être plus remarquées.</p>
<figure id="attachment_1649" aria-describedby="caption-attachment-1649" style="width: 550px" class="wp-caption aligncenter"><img decoding="async" loading="lazy" class="wp-image-1649" src="https://catherine-benini.com/wp-content/uploads/2021/09/Calidoscopi-Cultural-2019_PFP-disseny-1024x880.jpeg" alt="mise en page avec formes géométriques et colorées" width="550" height="473" srcset="https://catherine-benini.com/wp-content/uploads/2021/09/Calidoscopi-Cultural-2019_PFP-disseny-1024x880.jpeg 1024w, https://catherine-benini.com/wp-content/uploads/2021/09/Calidoscopi-Cultural-2019_PFP-disseny-300x258.jpeg 300w, https://catherine-benini.com/wp-content/uploads/2021/09/Calidoscopi-Cultural-2019_PFP-disseny-768x660.jpeg 768w, https://catherine-benini.com/wp-content/uploads/2021/09/Calidoscopi-Cultural-2019_PFP-disseny.jpeg 1400w" sizes="(max-width: 550px) 100vw, 550px" /><figcaption id="caption-attachment-1649" class="wp-caption-text">Une mise en page à base de formes géométriques simple et impactante<br />Crédit : <a href="https://www.behance.net/gallery/80534925/Calidoscopi-Cultural-2019">PFP disseny, Calidoscopi Cultural 2019</a></figcaption></figure>
<p>&nbsp;</p>
<h2>Conclusion<span class="Apple-converted-space"> </span></h2>
<p>Il existe encore bien d’autres paramètres pour faire varier l’impression de lourdeur ou de légèreté d’un élément. La plupart de ces facteurs proviennent du travail de Rudolf Arnheim, un théoricien de l’art et de la perception.</p>
<p>Bien sur, il n’est pas question de suivre ces indications au pied de la lettre pour réussir une création graphique. Un visuel pourra très bien sortir du lot sans pour autant mettre en application ces principes. Il s’agit plutôt d’avoir conscience de ce vers quoi l’oeil est naturellement attiré pour parvenir à l’effet désiré.</p>
<p>Pour conclure, le choix d’une couleur, la taille d’une typographie ou la forme d’un bouton dans un projet de design n’est pas laissé au hasard ou guidé par des préférences personnelles : chaque élément est pensé pour former un ensemble équilibré. Finalement, cette harmonie repose en grande partie sur la façon dont nous utilisons les paramètres de poids visuel les uns avec les autres.</p>
<p>Et cela ne s’improvise pas : <a href="https://catherine-benini.com/">un professionnel du design graphique</a><i> </i>saura jouer avec tous ces éléments pour réaliser des supports de communication qui captent l’attention de votre public.</p>
<p>Cet article <a rel="nofollow" href="https://catherine-benini.com/principes-mise-en-page/">Le poids visuel en graphisme : 8 principes pour des compositions réussies</a> est apparu en premier sur <a rel="nofollow" href="https://catherine-benini.com">Graphiste freelance à Lyon | Catherine Benini</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://catherine-benini.com/principes-mise-en-page/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
