<?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>logo &#8211; Delphine MALASSINGNE</title>
	<atom:link href="https://articles.nissone.com/tag/logo/feed/" rel="self" type="application/rss+xml" />
	<link>https://articles.nissone.com</link>
	<description></description>
	<lastBuildDate>Sun, 29 Jan 2012 20:57:56 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Faire un logo &#8211; Exemple concret</title>
		<link>https://articles.nissone.com/2009/05/faire-un-logo-exemple-concret/</link>
					<comments>https://articles.nissone.com/2009/05/faire-un-logo-exemple-concret/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Tue, 12 May 2009 21:22:17 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Design et webdesign]]></category>
		<category><![CDATA[charte]]></category>
		<category><![CDATA[Films-vampires.com]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[logo]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=873</guid>

					<description><![CDATA[Après les considérations <a href="http://articles.nissone.com/2004/02/consevoir-logo-theorie/" title="Concevoir un logo - considérations théoriques">théoriques</a> et les considérations <a href="http://articles.nissone.com/2004/02/consevoir-logo-pratique/" title="Concevoir un logo - considérations pratiques">pratiques</a>, ce billet pourrait être le troisième volet de l'article sur la conception d'un logo : <strong>la mise en pratique</strong>.
Le but de cet exemple est surtout de démontrer que, rien qu'en travaillant un unique élément, un logo peut transposer des choses bien différentes et que la création d'un logo est donc bien un travail de précision, de finesse et de détails.]]></description>
										<content:encoded><![CDATA[<p>J&rsquo;évoquais, lors de mon article sur la création d&rsquo;un logo, l&rsquo;importance de bien choisir son logo et l&rsquo;image qu&rsquo;il véhicule.<br />
Voici un exemple concret sur lequel j&rsquo;ai travaillé la semaine dernière.</p>
<h2>Le contexte</h2>
<p>Le site est déjà existant et, sans qu&rsquo;une charte graphique n&rsquo;est été écrite, bon nombre d&rsquo;éléments du design font déjà partie de l&rsquo;<strong>identité graphique</strong> du site : couleurs, éléments décoratifs, typographie, esprit global.<br />
Le site recense les films de vampire. Le sujet n&rsquo;est donc pas neutre et est souvent traité graphiquement de manière très forte (couleurs sombres, éléments de décor gothiques, allusion au sang, etc.)<br />
Dans ce site là, pour ce qui est des couleurs, elles sont en effet <strong>sombres</strong>. Le noir et le rouge, néanmoins, ont été évités et c&rsquo;est la gamme du violet qui a été retenue.<br />
Les éléments décoratifs ne sont pas figuratifs (pas de petits cercueil pour les liste à puces, pas de chauve-souris autour des titres, etc.) C&rsquo;est plutôt l&rsquo;utilisation d&rsquo;<strong>arabesques </strong>qui a été choisie.<br />
Les typographies disponibles sur Internet ne sont pas nombreuses. Néanmoins, le choix de « Georgia » pour la titraille comme pour le texte n&rsquo;est pas anodin pour ce site. Avec ses <strong>empâtements</strong>, son aspect global et le positionnement de certains caractères, c&rsquo;est la typographie la plus à même de contribuer au design général du site.<br />
L&rsquo;esprit généré (recherché ?) est donc plutôt <strong>sobre </strong>pour un site traitant d&rsquo;un tel sujet. L&rsquo;<strong>élégance</strong> est plus mise en avant que le gore, l&rsquo;<strong>architecture gothique</strong> plus évoquée que les clichés d&rsquo;un look gothique.</p>
<figure id="attachment_884" aria-describedby="caption-attachment-884" style="width: 200px" class="wp-caption aligncenter"><a href="http://www.films-vampires.com/"><img loading="lazy" decoding="async" class="size-full wp-image-884" title="Aperçu du site" src="http://articles.nissone.com/wp-content/uploads/2009/05/apercu.gif" alt="" width="200" height="86" /></a><figcaption id="caption-attachment-884" class="wp-caption-text">Aperçu du site</figcaption></figure>
<h2>Le changement du nom du site</h2>
<p>C&rsquo;est dans ce contexte que le logo a du changer. En effet, le site changeait de titre : il passait de « Filmographie vampire » à « <strong>Films-vampires.com</strong>« .</p>
<p>Ce changement est issu de plusieurs constations :</p>
<ul>
<li>« Filmographie » est un mot peu utilisé dans ce contexte. L&rsquo;expression « liste de films » revient plus souvent.</li>
<li>« Films-vampires.com » à l&rsquo;avantage de contenir l&rsquo;<strong>adresse même du site</strong>. Un tel nom permet aussi d&rsquo;encrer l&rsquo;adresse dans l&rsquo;esprit du visiteur.</li>
<li>Avec sa <strong>majuscule</strong>, son <strong>tiret</strong>, son <strong>point</strong>, « Films-vampires.com » est graphique et permet plus de « jeux » esthétiques.</li>
</ul>
<h2>Le changement du logo</h2>
<p>Le but était donc de changer le logo et d&rsquo;insérer le nouveau nom du site, tout en respectant l&rsquo;identité graphique <strong>déjà existante</strong>.</p>
<p>Le premier « choix » était celui de garder la <strong>typographie </strong>du site pour le texte du logo. Une évidence plus qu&rsquo;un choix. Si souvent le logo, graphiquement riche, diffère de la typo texte du site, imposé par Internet et graphiquement sobre, Georgia est au contraire une typographie déjà riche.</p>
<p>Le « <strong>.com</strong>« , tout en faisant partie à part entière du nouveau nom du site, n&rsquo;est pas un élément aussi important que le sont les mots « films » et « vampires ». Ce second niveau permet un peu de fantaisie graphique (dans un logo qui doit resté sobre et simple pour respecter le style du site !)<br />
Il a donc été traité en plus petit.<br />
Il a été placé sur une autre ligne que les mots principaux. Cela a pour effet :</p>
<ul>
<li>de montrer son caractère secondaire (bien que présent dans le logo) par rapport aux mots-clé que sont « films » et « vampires » qui indiquent clairement quel est le sujet</li>
</ul>
<ul>
<li>En résultat logique du premier point, mettre le « .com » ainsi au second plan met en avant les deux mots principaux</li>
</ul>
<ul>
<li>Enfin, le placer sur une ligne au-dessus du mot « vampire » permet d&rsquo;<strong>équilibrer </strong>le logo sur la droite alors qu&rsquo;une lettrine est prévue à gauche.</li>
</ul>
<ul>
<li>Dernier petit détail, c&rsquo;est en fait « com », sans le point qui est écrit et c&rsquo;est le point sur le « i » de « vampires » qui joue le rôle de « . » d&rsquo;adresse web.<br />
C&rsquo;est toujours ça de gagner dans la simplification et l&rsquo;épuration du logo.</li>
</ul>
<h3>La lettrine</h3>
<p>La lettrine est l&rsquo;élément le plus marquant du logo. C&rsquo;est elle qui va donner tout le <strong>caractère</strong>, la direction du logo.<br />
Les choix qui y sont liés sont donc majeurs dans l&rsquo;élaboration de ce logo par ailleurs assez simple.</p>
<p>Trois pistes ont été explorées et nous allons voir que chacune d&rsquo;elle, sur un seul élément différenciant (la typographie), change toute l&rsquo;<strong>allure générale du logo et ce qu&rsquo;il transmet</strong>.</p>
<h4>Piste 1</h4>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-875" title="piste1" src="http://articles.nissone.com/wp-content/uploads/2009/05/piste1.gif" alt="" width="272" height="121" /></p>
<p>La piste 1 explore les effets d&rsquo;<strong>arabesques </strong>et le <strong>gothique élégant</strong>.<br />
Elle est très chargée et donne beaucoup d&rsquo;impact, de présence au logo.<br />
Néanmoins, elle contraste un peu avec les notions de simplicité et de sobriété présentes sur tout le site.</p>
<h4>Piste 2</h4>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-876" title="piste2" src="http://articles.nissone.com/wp-content/uploads/2009/05/piste2.gif" alt="" width="272" height="121" /></p>
<p>La piste 2 est beaucoup plus <strong>incisive</strong>. Elle joue sur le mythe du vampire et évoque les <strong>crocs</strong>, les <strong>lames</strong>, l&rsquo;<strong>action</strong>.<br />
C&rsquo;est la piste la plus froide mais aussi la plus énergique.</p>
<h4>Piste 3</h4>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-877" title="piste3" src="http://articles.nissone.com/wp-content/uploads/2009/05/piste3.gif" alt="" width="272" height="121" /></p>
<p>La dernière piste est un consensus entre les deux premières. Elle joue à la fois sur les <strong>arabesques </strong>et la <strong>modernité</strong>. Les effets sont <strong>simples </strong>et <strong>sobres</strong>.<br />
Une petite fantaisie vient tout de même des empâtements du « F » qui évoquent les <strong>crocs </strong>du vampire et amène, discrètement, un côté <strong>incisif</strong>.</p>
<p>Cette piste est celle, vous l&rsquo;aurez deviné, que j&rsquo;ai retenue.<br />
Elle n&rsquo;est pourtant pour l&rsquo;instant qu&rsquo;une version temporaire car j&rsquo;aimerais un peu mieux et un peu plus l&rsquo;exploiter. &#8230;Mais il y avait urgence pour la réalisation de ce logo, ce qui explique l&rsquo;exploitation d&rsquo;une version inachevée.</p>
<p>Cet exemple de mise en place d&rsquo;un logo est basé sur une identité graphique simple, peu forte et pour un contexte ni fortement stratégique, ni commercial.<br />
Si ce logo a été pensé et réalisé en une après-midi pour des besoins de « particulier », imaginez l&rsquo;impact et la réflexion nécessaire pour la réalisation d&rsquo;un logo commercial cherchant à positionner fortement l&rsquo;<strong>image de marque</strong> et l&rsquo;<strong>identité visuelle</strong> d&rsquo;une entreprise !</p>
<div class="zonePlus">
<p>Et pour aller voir ce que cela donne dans le contexte : <a title="Films-vampires.com - Les films de vampire" href="http://www.films-vampires.com/">Films-vampires.com</a></div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2009/05/faire-un-logo-exemple-concret/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Concevoir un logo (2/2) &#8211; Considérations pratiques</title>
		<link>https://articles.nissone.com/2004/02/consevoir-logo-pratique/</link>
					<comments>https://articles.nissone.com/2004/02/consevoir-logo-pratique/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Tue, 24 Feb 2004 17:32:32 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Design et webdesign]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[logo]]></category>
		<guid isPermaLink="false">http://localhost/nissone-articles-3/?p=12</guid>

					<description><![CDATA[Une fois que vous avez en tête la direction que va prendre votre logo (Voir la première partie : <a href="http://articles.nissone.com/2004/02/consevoir-logo-theorie/">Concevoir un logo -Considérations théoriques</a>), vous pouvez vous atteler à la réalisation.]]></description>
										<content:encoded><![CDATA[<h3>Rechercher</h3>
<p>Même si vous vous sentez plus à l’aise avec le dessin sur un logiciel que sur le papier, privilégiez tout de même le support papier pour vos recherches.<br />
Il vous donnera plus de liberté dans une phase où il est important de se laisser aller à l’imagination.<br />
Utiliser un outil simple et avec lequel vous vous sentez à l’aise. Il n’est pas nécessaire dans un premier temps que vos essais soient  » beaux  » ; il s’agit plus d’une quête d’idée que d’esthétique. Variez les propositions, prenez un peu de recul, revenez voir votre travail. Et recommencez.</p>
<h3>Peaufiner</h3>
<p>Faites ensuite un choix dans votre travail : la proposition la plus proche des idées à véhiculer, la plus  » dans le ton « .<br />
Elle est forcément à retravailler. Toujours sur papier, poursuivez vos recherches dans cette unique direction en essayant de vous rapprochez toujours plus du logo parfait. Toutes ces recherches peuvent durer plusieurs jours mais, quand vous aurez l’impression d’avoir  » fait le tour  » et de vous trouver face à une idée aboutie, une idée qui vous satisfasse, vous pourrez commencer la phase  » numérique « .</p>
<h3>Décliner</h3>
<p>Quelque soit le logiciel avec lequel vous êtes familiarisé, si vous voulez pouvoir faire plusieurs utilisations de votre logo, privilégiez une conception vectorielle du logo. C’est le seul moyen pour pouvoir l’utiliser proprement et sans perte à toutes les tailles, y compris les plus grandes.</p>
<p>Si votre logo est destiné à être imprimé, privilégiez, dans la mesure du possible, une réalisation en couleur Pantone © ; c’est-à-dire conformément à un standard qui permettra de ne pas avoir de surprise à l’impression quel que soit le papier utilisé, la machine &#8230; ou simplement le réglage de votre écran !</p>
<h3>Soigner</h3>
<p>Soignez votre réalisation ! Certains détails peuvent  » passer  » au moment de votre première utilisation mais être un véritable problème si votre projet prend de l’ampleur et que vous êtes amené à le faire en grande taille ou simplement sur d’autres supports.<br />
De plus, le logo véhiculant une identité qui doit être marquante et reconnaissable, vous n’avez pas le droit à l’erreur : un logo doit durer et non pas être modifier régulièrement pour des améliorations.</p>
<h3>Utiliser <img decoding="async" class="smiley" src="http://articles.nissone.com/themes/nisArticles/smilies/wink.png" alt=";-)" /></h3>
<p>Votre logo est parfait et terminé ? Vous allez pouvoir l’utiliser à volonté sur chacun de vos supports !</p>
<div class="zonePlus">
Voir aussi&nbsp;: <a href=\"http://www.blog.spoongraphics.co.uk/tutorials/logo-design-project-step-by-step-walkthrough\">Logo Design Project Step by Step Walkthrough (en anglais)</a>
</div>
<div class="zonePlus">
Voir aussi : <a href="http://articles.nissone.com/2009/05/faire-un-logo-exemple-concret/" title="Faire un logo - Exemple concret">Faire un logo &#8211; Exemple concret</a><br />
<br />
Article écrit pour <a href="http://www.webmaster-hub.com/">Webmaster Hub</a></div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2004/02/consevoir-logo-pratique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Concevoir un logo (1/2) Considérations théoriques</title>
		<link>https://articles.nissone.com/2004/02/consevoir-logo-theorie/</link>
					<comments>https://articles.nissone.com/2004/02/consevoir-logo-theorie/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Tue, 24 Feb 2004 17:12:26 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Design et webdesign]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[logo]]></category>
		<guid isPermaLink="false">http://localhost/nissone-articles-3/?p=3</guid>

					<description><![CDATA[Pour concevoir un logo, il importe de comprendre au préalable quelques éléments théoriques.
Cet article est suivi par une deuxième partie : <a href="http://articles.nissone.com/2004/02/consevoir-logo-pratique/">Concevoir un logo - Considérations pratiques</a>]]></description>
										<content:encoded><![CDATA[<p>Le logo va être le <strong>représentant visuel d&rsquo;une marque</strong>. Avant même de lire la marque (ou le nom du produit, le titre du site&#8230;), l&rsquo;œil reçoit déjà une information visuelle par l&rsquo;intermédiaire du logo. Cette information est stockée dans la mémoire et contribuera à la <strong>reconnaissance de la marque</strong> lorsque l&rsquo;on est amené, plus tard, à re-rencontrer cette marque. Ce logo, intimement lié à une marque, doit aussi en <strong>véhiculer les valeurs</strong>.</p>
<p>L&rsquo;adage  » un petit dessin vaut mieux qu&rsquo;un long discourt  » n&rsquo;est plus à démontrer et le graphisme d&rsquo;un <strong>logo participera activement à l&rsquo;image qu&rsquo;une marque veut renvoyer d&rsquo;elle</strong> à ses clients. Enfin, le message doit être clair et concis. Le but n&rsquo;est pas de faire une accumulation de symboles, de couleurs, d&rsquo;informations visuelles, etc. Le logo doit être simple pour être <strong>facile à retenir</strong> (plus ou moins consciemment) ; il devient symbole lui-même. Dans la pratique, il faut d&rsquo;abord déterminer le  » style  » du logo, le  » <strong>ton</strong> « . Un logo d&rsquo;une institution, une administration n&rsquo;aura évidement pas le même ton qu&rsquo;un logo pour un site de jeu.</p>
<div class="post-contentImg"><img decoding="async" src="http://articles.nissone.com/images/logos.gif" alt="Logos du Ministère de l'Économie et de Prizee.com" /><br />
Entre un logo pour un ministère et celui d’un site de jeu, le ton est très différent : couleurs, typo, dessin&#8230; (1 et 2)</div>
<div class="post-contentImg"></div>
<div class="post-contentImg">Cette lapalissade est néanmoins le point de départ qui va permettre de répondre à de nombreuses questions :</div>
<ul>
<li>le choix des couleurs</li>
<li>Ajout d&rsquo;un dessin (type  » mascotte « , produit, valeur symbolisée&#8230;) ou non</li>
<li>Choix de la typo</li>
<li>Forme générale &#8230;</li>
</ul>
<p>Une fois le ton déterminé, il est important de savoir quelles sont les <strong>notions</strong> que l&rsquo;on essaye de faire passer dans son logo (mise en avant du produit, unique à cette société ; mise en avant de valeurs chères à la société ; mise en avant d&rsquo;une particularité&#8230;) Ces éléments réunis, on commence déjà à avoir une idée (même vague) de son logo : ce qu&rsquo;il mettra en avant. Le choix des couleurs est un exercice complexe. Inutile de se reporter à une symbolique des couleurs. De l&rsquo;une à l&rsquo;autre, on vous dira que le rouge est la couleur de la passion, de l&rsquo;amour, puis de la guerre, de la violence ; le vert, couleur de l&rsquo;espoir ou couleur de la passivité, de la bourgeoisie&#8230; Vous trouverez tout et son contraire. Les couleurs que vous choisirez ne <strong>trouveront leur sens que dans le contexte</strong> que vous saurez leur donner ; elles viendront accompagner l&rsquo;ensemble de la composition.</p>
<div class="post-contentImg"><img decoding="async" src="http://articles.nissone.com/images/pub_linotype.jpg" alt="Publicité Linotype" /><br />
Cette publicité pour une célèbre société concevant des polices de caractères illustre bien son propos. Ne pas se tromper de typographie pour ne pas se tromper de message. (3)</div>
<p>Le choix de la <strong>typographie</strong> n&rsquo;est pas non plus anodin. En effet le  » dessin  » des lettres vient s&rsquo;ajouter au look général et doit contribuer à véhiculer les notions choisies.</p>
<div class="post-contentImg"><img decoding="async" src="http://articles.nissone.com/images/logo_nike.gif" alt="logo de Nike" /><br />
Parfois un logo n’est « que » son nom typographié et un petit plus graphique qui englobe le logo dans une identité visuelle complète, marquante et reconnaissable. (4)</div>
<p>Il est bon d&rsquo;accompagner son logo d&rsquo;un <strong>graphisme</strong>, même minimal ou simpliste qui peut permettre d&rsquo;asseoir la composition, d&rsquo;apporter une notion, de donner une personnalité. Là encore, le style du graphisme doit être en accord avec l&rsquo;idée générale du logo. Stylisée, agressif, rondouillard, sympathique, austère, sérieux&#8230; Le  » trait  » contribuera à l&rsquo;allure générale du logo.</p>
<div class="post-contentImg"><img decoding="async" src="http://articles.nissone.com/images/logo_citroen.gif" alt="Logo de Citroën" /><br />
Le signe graphique choisi pour une marque est parfois tellement fort que l’on reconnait la marque, sans même avoir besoin de lire son nom. (5)</div>
<p>On peut choisir d&rsquo;intégrer une  » base line « , une <strong>phrase d&rsquo;accroche</strong> à notre logo. Il ne s&rsquo;agit pas ici de donner des conseils linguistiques pour la concevoir. Par contre, elle doit également <strong>s&rsquo;intégrer aussi naturellement</strong> dans le logo que tous les autres éléments. On peut, pour l&rsquo;écrire, choisir une typographie différente de celle du nom de la marque mais attention à la perte d&rsquo;<strong>unité</strong>. Un logo chargé de plus de deux polices de caractères différentes risque de perdre beaucoup en lisibilité et en cohérence. Enfin, il faut veiller à la composition générale. Intégrer les différents éléments du logo dans une forme <strong>simple</strong> et <strong>équilibrée</strong>.</p>
<div class="post-contentImg"><img decoding="async" src="http://articles.nissone.com/images/gdf.gif" alt="Deux logos de Gaz de France" /><br />
Les logos sont eux aussi soumis à des phénomènes de mode.<br />
Le concepteur du logo doit avoir une sensibilité assez fine pour concevoir son logo « dans l’air du temps ». (6)</div>
<div class="zonePlus">
<p class="mentions">(1) Ministère de l’Économie, des Finances et de l’Industrie &#8211; (2) Prizee (3) Linotype &#8211; (4) Nike &#8211; (5) Citroën &#8211; (6) Gaz de France</p>
</div>
<div class="zonePlus">
<p>Lire la suite : <a title="Concevoir un logo - Considérations pratiques" href="http://articles.nissone.com/2004/02/consevoir-logo-pratique/">Concevoir un logo : considérations pratiques</a></p>
<p>Voir aussi : <a title="Faire un logo - Exemple concret" href="http://articles.nissone.com/2009/05/faire-un-logo-exemple-concret/">Faire un logo &#8211; Exemple concret</a></p>
<p>Article écrit pour <a href="http://www.webmaster-hub.com/">Webmaster Hub</a></p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2004/02/consevoir-logo-theorie/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
