<?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>mise en page Archives - Chickadee Blue - Studio graphique</title>
	<atom:link href="https://chickadeeblue.com/tag/mise-en-page/feed/" rel="self" type="application/rss+xml" />
	<link>https://chickadeeblue.com/tag/mise-en-page/</link>
	<description>Création d&#039;identité visuelle pour projet exceptionnel.</description>
	<lastBuildDate>Fri, 26 Jul 2024 17:54:29 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://chickadeeblue.com/wp-content/uploads/2020/02/favicon.svg</url>
	<title>mise en page Archives - Chickadee Blue - Studio graphique</title>
	<link>https://chickadeeblue.com/tag/mise-en-page/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Mes astuces de graphiste pour améliorer un support visuel</title>
		<link>https://chickadeeblue.com/comment-ameliorer-un-support-visuel/</link>
		
		<dc:creator><![CDATA[Margaux AVERTY]]></dc:creator>
		<pubDate>Thu, 10 Feb 2022 19:05:10 +0000</pubDate>
				<category><![CDATA[Identité Visuelle]]></category>
		<category><![CDATA[Supports de communication]]></category>
		<category><![CDATA[mise en page]]></category>
		<category><![CDATA[supports print et web]]></category>
		<guid isPermaLink="false">https://chickadeeblue.com/?p=3881</guid>

					<description><![CDATA[<p>Découvrez 5 règles d'or faciles à appliquer pour améliorer n'importe quel support visuel de présentation et le rendre plus efficace !</p>
<p>L’article <a href="https://chickadeeblue.com/comment-ameliorer-un-support-visuel/">Mes astuces de graphiste pour améliorer un support visuel</a> est apparu en premier sur <a href="https://chickadeeblue.com">Chickadee Blue - Studio graphique</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3881" class="elementor elementor-3881">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-159fda55 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="159fda55" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26197271" data-id="26197271" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4263f53b elementor-widget elementor-widget-heading" data-id="4263f53b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h1 class="elementor-heading-title elementor-size-default">Mes astuces pour améliorer un support visuel </h1>				</div>
				</div>
				<div class="elementor-element elementor-element-6e74f92 elementor-widget elementor-widget-text-editor" data-id="6e74f92" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Mes client.es me demandent souvent des conseils pour améliorer leurs créations. J&rsquo;ai donc réuni <strong>5 règles d&rsquo;or</strong> que vous invite à appliquer dès à présent ! Qu&rsquo;il s&rsquo;agisse d&rsquo;une présentation de votre activité, d&rsquo;un guide pratique ou d&rsquo;un accompagnement pour une conférence ou un webinaire, vous obtiendrez immédiatement un résultat plus qualitatif et efficace. <br></p>								</div>
				</div>
				<div class="elementor-element elementor-element-b7f6da3 elementor-widget elementor-widget-html" data-id="b7f6da3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<iframe src="https://www.podcastics.com/player/light/3487/121109/" frameborder="0" height="50" width="100%" style="border-radius: 25px;"></iframe>				</div>
				</div>
				<div class="elementor-element elementor-element-b8cc745 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="b8cc745" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-984bf94 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="984bf94" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b13857a" data-id="b13857a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d605d4c elementor-widget elementor-widget-heading" data-id="d605d4c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N°1 : Optimisez le contenu texte avant de travailler le visuel de votre support</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-bdba276 elementor-widget elementor-widget-text-editor" data-id="bdba276" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Avant de s’attaquer à la mise en page, assurez vous que la rédaction <strong>corresponde à l&rsquo;objectif et au lecteur attendus</strong>. </p><ul><li>Est-ce une présentation destinée à accompagner une conférence ou un webinaire ?</li><li>Un document pour présenter vos offres, votre activité ?</li><li>Ou encore un guide pratique type e-book ?</li></ul><p>Veillez à <b>répondre à l&rsquo;attente de l&rsquo;audience</b> pour laquelle cette présentation est conçue. Dans quel contexte vont-elles en prendre connaissance ? Quelles informations vont-elles rechercher en priorité ?</p><p>Reprenons les 3 exemples cités plus haut pour illustrer mon propos. </p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-c9b4766 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c9b4766" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-8b6d154" data-id="8b6d154" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8900ac7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="8900ac7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="far fa-comments"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Vous présentez à l'oral						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Le support n’est là que pour venir aider l'audience à suivre votre discours. Il va s'air d'illustrer vos propos et créer un fil rouge pour faciliter la compréhension de ce que vous allez dire.
					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-c080794" data-id="c080794" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f9e9ebc elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="f9e9ebc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="far fa-paper-plane"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Vous l'envoyez par mail						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Le destinataire ne va peut-être pas y accorder beaucoup de temps et d'attention. Il faut alors lui faciliter l'accès à l'information et aller à l'essentiel. 					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f366c80" data-id="f366c80" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-76de39e elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="76de39e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="far fa-file-pdf"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Vous offrez un contenu						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						La personne qui se procure le document est déjà intéressée par son contenu. Elle va le lire seule, tranquillement, et sûrement la garder si elle l'a trouvé intéressante. 					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-67280c4 elementor-widget elementor-widget-text-editor" data-id="67280c4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans ces trois cas, il est primordial d&rsquo;adapter le contenu pour qu&rsquo;il matche avec les attentes du lecteur. Optimisez-le dès le départ et <strong>gagnez</strong><span id="docs-internal-guid-cf0437fd-7fff-6b37-0243-2e05ebff21d4"><strong> du temps dans sa mise en page</strong>. </span></p><p><span id="docs-internal-guid-cf0437fd-7fff-6b37-0243-2e05ebff21d4">En effet, le plan va se dessiner naturellement et avec, la rythmique souhaitée pour le support visuel. Vous allez repérer rapidement les éléments à mettre en avant,  et donc adapter la présentation en fonction. <br /></span></p><p>D’ailleurs, un graphiste à qui vous confiez une mise en page va toujours vous demander un contenu texte définitif. D&rsquo;abord, afin d&rsquo;estimer le volume de travail à faire et rédiger un devis réaliste. Ensuite, parce que la moindre modification peut parfois entraîner de nombreux changements sur une mise en page millimétrée.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-73ba8af elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="73ba8af" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3faa3a9" data-id="3faa3a9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-535edc3 elementor-widget elementor-widget-heading" data-id="535edc3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N° 2  : créez une structure visuelle et déclinez-la sur l’ensemble du support</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-f9e538d elementor-widget elementor-widget-heading" data-id="f9e538d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">L’objectif est de garantir la cohérence et l'harmonie graphique de votre document</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-e92d17a elementor-widget elementor-widget-text-editor" data-id="e92d17a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Si vous n&rsquo;avez pas l&rsquo;habitude de créer une grille visuelle avant de commencer la mise en page, vous allez vite voir la différence ! Vos supports auront l&rsquo;air bien plus soignés. Et cette structure facilite en plus la lecture du support !</p><p>Car <strong>le cerveau a besoin de  repères</strong> pour accéder rapidement à l’information.</p><p>En adoptant une structure similaire sur vos slides, vous créez un fil invisible qui les lient entre elles. <strong>Le lecteur n&rsquo;a ainsi pas besoin de chercher l&rsquo;information</strong>, ses yeux vont naturellement la chercher au même endroit que sur la page précédente.</p><p>Pour vous aidez à établir ce squelette,<b> imaginez simplement le template idéal </b>pour le support que vous souhaitez créer.</p><p>En partant du contenu optimisé grâce à la règle N°1, vous avez déjà une idée globale du déroulement de la présentation.</p><ul><li>Est-elle découpée en différentes parties ?</li><li>Aborde-t-elle plusieurs thèmes distincts ?</li><li>Présentez-vous des exemples ou des études de cas ?</li><li>Citez-vous des données importantes à retenir ?</li><li>Partagez-vous des recommandations ou des références ? </li></ul><p> </p><p>Il s’agit de <strong>mettre en avant les étapes viennent ponctuer le support.</strong> Puis, de <strong>définir les points clés qui doivent se distinguer</strong> pour leur attribuer un style reconnaissable.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-746d639 elementor-widget elementor-widget-text-editor" data-id="746d639" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: left;"><span style="text-decoration: underline;"><strong>Exemple 1 :</strong></span></p><p style="text-align: left;">Vous souhaitez présenter vos différentes prestations à un prospect et lui donner envie de vous contacter. Votre support adoptera un cheminement destiné à intriguer votre destinataire, comme : <em>questionnement des besoins du client / proposition de solutions qui y répondent / références ou preuves de la qualité de l&rsquo;offre / proposition de contact et informations. </em></p><p style="text-align: left;"><span style="text-decoration: underline;"><strong>Exemple 2 :</strong></span></p><p style="text-align: left;">Vous rédigez un guide pratique pour les personnes souhaitant débuter le yoga. Celui-ci propose des enchaînements de posture pour l&rsquo;étirement, pour booster l&rsquo;énergie, ou pour se détendre en fin de journée. Chaque slide proposant une posture contient des conseils pour la faire évoluer vers le niveau supérieur.</p><p style="text-align: left;">On distingue bien ici 3 parties dans le guide. Mais aussi un type d&rsquo;information récurrent qu&rsquo;on peut choisir de mettre en avant avec un style et un format particulier.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1ed5f31 elementor-widget elementor-widget-heading" data-id="1ed5f31" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Définissez un style pour vos slides / pages et les point essentiels du contenu</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-651df86 elementor-widget elementor-widget-text-editor" data-id="651df86" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Choisissez dès le début un style pour vos pages de titre et d&rsquo;introduction, vos sous-titres, les bulles d&rsquo;infos ou les apartés par exemple.</p><p>Définissez le positionnement et la taille d’un élément, la façon dont il est mis en avant : avec une bordure ou une couleur contrastée, etc. </p><p>Plus vous décortiquez le contenu, plus vous allez identifier ce qu&rsquo;il faut mettre en avant. Et donc capable de créer une structure cohérente qui va <strong>aider le lecteur à s’approprier le contenu</strong>.</p><p>Ainsi, page après page, son cerveau va <b>scanner plus rapidement les informations importantes</b>. Celles-ci vont être analysées et réceptionnées plus facilement, même si c’est plus ou moins conscientisé.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1597b9f elementor-widget elementor-widget-text-editor" data-id="1597b9f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Pour vous aider, je conseille de noter ces règles de style quelque part. Et si le logiciel que vous utilisez le permet, de créer directement un modèle (grâce aux masques PowerPoint par exemple). Vous gagnez du temps et n&rsquo;avez pas besoin de reformater le texte ou la position des blocs à chaque nouvelle slide.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0733b2f elementor-widget elementor-widget-heading" data-id="0733b2f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N°3 : Attribuez un rôle aux couleurs de votre support visuel</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-e1df1ea elementor-widget elementor-widget-heading" data-id="e1df1ea" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les couleurs permettent de hiérarchiser l'information et rythmer une présentation</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-40ccf03 elementor-widget elementor-widget-text-editor" data-id="40ccf03" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Ajouter des couleurs à votre mise en page sans intention précise peut nuire à la lisibilité et l&rsquo;efficacité de votre support.</p><p><strong>Commencez par réfléchir à l&rsquo;usage que vous souhaitez en faire :</strong></p><ul><li>Les contrastes sont-ils suffisants pour une lecture sur écran ?</li><li>Facilitent-elles la lecture pour une personne située au bout de la salle de conférence ?</li><li>Si le document est voué à être imprimé, comment <a href="https://chickadeeblue.com/eco-concevoir-un-support-print/" target="_blank" rel="noopener">économiser l’usage d’encre</a> en introduisant de la couleur de façon intelligente ? <em>(On évitera par exemple les gros aplats de couleurs vives si le support n’est pas exclusivement digital). </em></li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-7eef6e8 elementor-widget elementor-widget-html" data-id="7eef6e8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<iframe src="https://giphy.com/embed/IhyrqNHVe55z6jhtQs" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/Slidebean-startup-slidebean-caya-IhyrqNHVe55z6jhtQs">				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-4161ff1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4161ff1" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a98c6c3" data-id="a98c6c3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1b45881 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="1b45881" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="fas fa-palette"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Vous avez une identité visuelle définie						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Vous avez donc une palette avec des couleurs principales et complémentaires. Si en plus vous avez fait réaliser une charte graphique, des recommandations vous indiquent comment les utiliser entre elles.					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1d962df" data-id="1d962df" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-fbbf80e elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="fbbf80e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<i aria-hidden="true" class="fas fa-question-circle"></i>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Votre identité visuelle n'est pas complète						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Créez-vous une palette de couleurs qui correspond à la fois à ton projet et à l’objectif du support. 2 ou 3 couleurs principales suffisent largement. Et si votre contenu l'exige, ajoutez 3 couleurs complémentaires pour agrémenter des graphiques par exemple. 					</p>
				
			</div>
			
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-8af4441 elementor-widget elementor-widget-text-editor" data-id="8af4441" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<blockquote><p style="text-align: left;"><strong>Chaque couleur utilisée doit trouver un écho quelque part</strong> <strong>dans le support !<br /></strong></p></blockquote><p>On évite par exemple de mettre un orange pour encadrer une citation si on ne retrouve cette couleur nulle par ailleurs sur le support. Cela peut apporter de la confusion parce qu’on ne sait pas à quoi ce code couleur fait référence et il va apparaître comme un élément étranger à la présentation.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-1ca769a elementor-widget elementor-widget-heading" data-id="1ca769a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Comment utiliser la couleur pour améliorer un support visuel ? </h3>				</div>
				</div>
				<div class="elementor-element elementor-element-7bf4de7 elementor-widget elementor-widget-heading" data-id="7bf4de7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Elles peuvent servir d’attribut pour hiérarchiser l’information ou mettre en avant un contenu</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-3ea07c6 elementor-widget elementor-widget-text-editor" data-id="3ea07c6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Vous pouvez utiliser une couleur pour valoriser un élément, au même titre qu&rsquo;un texte en gras ou une taille de texte plus imposante. Vous pouvez donc <strong>réfléchir à un code couleur pour distinguer des informations</strong> importantes du reste du texte. </p><blockquote><p>Dans l&rsquo;exemple d&rsquo;un support visuel pour un webinaire ou une conférence, il peut s&rsquo;agir par exemple des références partagées à l&rsquo;oral, ou de définition de concept importants que vous citez. </p></blockquote>								</div>
				</div>
				<div class="elementor-element elementor-element-e174fce elementor-widget elementor-widget-heading" data-id="e174fce" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Elles peuvent aider le lecteur à naviguer plus facilement dans un document dense</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78bb4d8 elementor-widget elementor-widget-text-editor" data-id="78bb4d8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Si votre support présente différents chapitres ou thèmes distincts, pourquoi ne pas leur attribuer à chacun une couleur ? Cela peut aider un lecteur à s&rsquo;y retrouver plus facilement, où accéder directement à la partie qui l&rsquo;intéresse le plus.</p><blockquote><p>Pour présenter vos prestations, vous pouvez attribuer une couleur pour l&rsquo;offre 1, une autre pour l&rsquo;offre 2, etc. Dans le cas du guide pour yogis débutants, les couleurs peuvent servir à différencier les niveaux de progression des exercices. </p></blockquote>								</div>
				</div>
				<div class="elementor-element elementor-element-76c3e52 elementor-widget elementor-widget-heading" data-id="76c3e52" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Elles peuvent servir à créer une ambiance, un univers à la présentation</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-50b1ac5 elementor-widget elementor-widget-text-editor" data-id="50b1ac5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Vous pouvez introduire de la couleur via les éléments graphiques du support : icônes, illustrations, formes, traits, bordures.. Pourquoi ne pas utiliser même des photos qui rappellent les teintes et nuances du support ? Cela peut te permettre de créer un mood visuel cohérent ou rappeler votre identité subtilement. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-f994135 elementor-widget elementor-widget-text-editor" data-id="f994135" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>À vous de voir ce qui peut être le plus pertinent afin que la couleur serve au mieux les intérêts votre contenu ! <br />Encore une fois, la clef est de ne pas vouloir mettre de la couleur pour le plaisir, mais de lui attribuer un rôle ! Et de l’utiliser dans une juste mesure : ni trop ni pas assez ! </p><p>Pour en savoir plus, voici un article pour <strong><a href="https://chickadeeblue.com/definir-couleurs-pour-son-identite-visuelle/">savoir comment choisir vos couleurs.</a> </strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-45adff0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="45adff0" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0cc77ba" data-id="0cc77ba" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e332a3f elementor-widget elementor-widget-heading" data-id="e332a3f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N° 4 : N'ayez pas peur des espaces blancs !</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-1456943 elementor-widget elementor-widget-heading" data-id="1456943" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Les espaces vides sont vos amis !</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-2d73ebb elementor-widget elementor-widget-text-editor" data-id="2d73ebb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Bien souvent, les gens ont peut de laisser des espaces blancs sur une page ou une slide. Ils vont donc chercher à meubler cet espace inutilement.</p><p>Aérer vos slides va permettre d&rsquo;améliorer en un coup d’œil votre support final. Prenez simplement du recul sur votre écran. <b>Repérer des éléments inutiles dans votre mise en page</b>. Car ceux-ci empêchent le regard de se poser naturellement vers l’information primordiale. Ou de lire le contenu dans le bon ordre, au détriment de la structure composée initialement.</p><p><strong>Les espaces blancs permettent de marquer les pauses entre des paragraphes</strong>, et donc encore une fois de mieux assimiler l’information.</p><p>On parle d’ailleurs d’espace vide mais je préfère les appeler « espaces de respiration ».</p><p>Car ce support est destinée à être lu ! Votre mise en page doit donc être adaptée pour <b>créer un tempo de lecture agréable.</b></p>								</div>
				</div>
				<div class="elementor-element elementor-element-73db8ff elementor-widget elementor-widget-text-editor" data-id="73db8ff" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;"><strong><span class="icone " data-keyword="multiple musical notes | notes | music | musical notes | note">🎶</span> Lecture, musique, tout est question de rythme <br /></strong></p><p>Je me souviens une phrase que m&rsquo;a dit mon ancien professeur de piano. « Quand tu joues, concentre-toi sur ta respiration; cela va faire ressortir les nuances du morceau. Et celui qui t&rsquo;écoute va mieux ressentir ces nuances ».</p><p>Finalement, j&rsquo;applique ce conseil aussi bien quand je fais du piano que quand je fais une mise en page !</p><p>Celle-ci doit effectivement marquer des pauses visuelles dans la lecture du contenu. Afin de le découper en petits morceaux, plus facilement compréhensibles et mémorisables.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-de836a7 elementor-widget elementor-widget-heading" data-id="de836a7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">N°5 : Vérifiez l'alignement et les proportions de vos blocs de contenus </h2>				</div>
				</div>
				<div class="elementor-element elementor-element-eec4be1 elementor-widget elementor-widget-heading" data-id="eec4be1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">De petits détails qui font une grande différence !</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-ced4749 elementor-widget elementor-widget-text-editor" data-id="ced4749" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Normalement, grâce à votre structure visuelle, les éléments sont positionnés et formatés de façon similaires et harmonieuses sur tout le support.</p><p>Maintenant, on va s’attarder aux détails, ceux qui font la différence pour améliorer un support visuel :</p><p style="text-align: left;"><span style="text-decoration: underline; color: #000000;"><strong><em><span>Quand on parle d&rsquo;alignement, qu&rsquo;est-ce que cela prend en compte ?</span> </em></strong></span></p><ul><li>La distance entre plusieurs paragraphes, ou entre les titres et sous-titres</li><li>L&rsquo;espacement entre plusieurs éléments ou colonnes</li><li>Les interlignes adaptés sur tous les types de textes</li><li>Le respect des marges autour du support</li></ul><p>Cela peut sembler futile, mais <strong>une irrégularité peut malheureusement attirer l’œil</strong> du lecteur ! Encore une fois, le cerveau aime ce qui est régulier, symétrique. Alors ne lésinez pas sur un petit check-up, c&rsquo;est la dernière ligne droite pour améliorer le rendu de vos supports visuels !</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d29b24f elementor-widget elementor-widget-heading" data-id="d29b24f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">Des éléments aux proportions équilibrées</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-3167b4e elementor-widget elementor-widget-text-editor" data-id="3167b4e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>N’hésitez pas à réajuster des blocs de textes pour les rendre plus équilibrés en fonction du volume de contenu.</p><ul><li>Par exemple, il vaut mieux  <strong>réduire la largeur d&rsquo;un bloc</strong> pour empêcher le lecteur d&rsquo;avoir à balayer le document de gauche à droite. </li><li>De la même façon, <strong>couper un paragraphe trop long</strong> en deux plus petits incite davantage à les lire. <em>C&rsquo;est d&rsquo;ailleurs pourquoi les magazines et journaux utilisent des colonnes étroites pour leurs articles.</em></li><li>Évitez également de couper une phrase sur un mot comme « le » ou « une » pour ne pas casser l&rsquo;élan de lecture.</li><li>Ou encore, rétrécissez un bloc de texte qui s&rsquo;étend sur la largeur de la page quand celui-ci ne comporte qu&rsquo;une ligne ou deux.</li></ul><p>Enfin, jetez un dernier coup d’œil à votre présentation dans son ensemble pour voir si elle présente suffisamment de contrastes en termes de couleurs et de proportions.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://chickadeeblue.com/comment-ameliorer-un-support-visuel/">Mes astuces de graphiste pour améliorer un support visuel</a> est apparu en premier sur <a href="https://chickadeeblue.com">Chickadee Blue - Studio graphique</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
