<?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>WordPress Geekeries &#187; Logos</title> <atom:link href="http://www.geekeries.fr/tag/logos/feed/" rel="self" type="application/rss+xml" /><link>http://www.geekeries.fr</link> <description>WordPress &#124; Référentiel d&#039;extensions, thèmes et hacks WordPress en français !</description> <lastBuildDate>Thu, 24 May 2012 13:49:38 +0000</lastBuildDate> <language>fr</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>Création de logos pour le web &#8211; Part 1</title><link>http://www.geekeries.fr/blog/creation-de-logos-pour-le-web-part-1-1933</link> <comments>http://www.geekeries.fr/blog/creation-de-logos-pour-le-web-part-1-1933#comments</comments> <pubDate>Wed, 28 Jan 2009 16:23:36 +0000</pubDate> <dc:creator>Valentin</dc:creator> <category><![CDATA[Blog]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[L'essentiel]]></category> <category><![CDATA[Interface]]></category> <category><![CDATA[Internet]]></category> <category><![CDATA[Logos]]></category><guid
isPermaLink="false">http://www.geekeries.fr/?p=1933</guid> <description><![CDATA[Ce billet est le début d&#8217;une petite série d&#8217;article concernant la création de votre identité visuelle sur internet. Nous allons voir comment, à partir de rien, construire votre identité graphique grâce à un logo et l&#8217;interface graphique de votre blog. Il faut tout d&#8217;abord savoir ce que vous voulez, soit pour un blog personnel où [...]]]></description> <content:encoded><![CDATA[<p>Ce billet est le début d&#8217;une petite série d&#8217;article concernant la <strong>création</strong> de votre <strong>identité visuelle</strong> sur internet. Nous allons voir comment, à partir de rien, construire votre identité graphique grâce à un logo et l&#8217;interface graphique de votre blog. Il faut tout d&#8217;abord savoir ce que vous voulez, soit pour un blog personnel où l&#8217;idée de créer une identité visuelle ne vous rapportera rien, mais peut vous aider à commencer&#8230; graphiquement, ou pour votre blog professionnel qui, grâce au graphisme vous aidera à vous faire connaître et fidéliser a vos lecteurs grâce aux éléments graphiques de votre blog.</p><p>Commençons par le logo. Pour créer un logo il faudra donc quelques petites notions de dessin, si vous n&#8217;avez jamais touché à un crayon ce qui suit peut quand même vous aidez à créer votre logo ou même une interface graphique. Le logo sert essentiellement à communiquer par l&#8217;image. L&#8217;internaute ne vous fera pas de cadeau, le logo devra avoir un impact sur la personne et ainsi lui permettra de ce souvenir de votre blog.</p><p>Le logo peut se classer dans différentes catégories telles que le <strong>pictogramme</strong>, un <strong>symbole</strong>, un simple <strong>texte</strong> ou une <strong>combinaison</strong> de texte et de symbole. Le logo devra avant tout communiquer sur le contenu de votre blog. Ne faite pas un logo d&#8217;un tracteur si votre blog traite de l&#8217;actualité informatique. Plus l&#8217;image est représentative du sujet de votre blog, mieux elle sera assimilée par vos lecteurs et donc plus simple de s&#8217;en rappeler.</p><p
style="text-align: center;"><img
class="alignnone size-full wp-image-1934" title="Création de Logos" src="http://medias.geekeries.fr/2009/01/creation-logos.png" alt="Création de Logos" width="500" height="128" /></p><p><span
id="more-1933"></span></p><div
class="comment-header">La famille des logos.</div><p><strong>- Le pictogramme</strong> vous permet de communiquer très facilement et cela dans le monde entier puisqu&#8217;en lui-même, le picto est une forme abstraite. Cependant, le picto devra être très bien travaillé par rapport au sujet de votre blog, sinon il faudra expliquer à l&#8217;internaute ce qu&#8217;il signifie.</p><p><strong>- Le symbole</strong> devra être simple et faire passé un message direct. Par exemple, un blog sur l&#8217;informatique devra soit contenir un symbole universelle de l&#8217;informatique soit utilisé une forme abstraite et des couleurs associées à cette activité. Une partie d&#8217;une forme telles que les circuits imprimés, un écran, un clavier ou le trackpad. Les couleurs devront être grises ou blanches, le bleu peut également faire l&#8217;affaire si celui-ci traitent d&#8217;autres sujets.</p><p><strong>- Le texte</strong> ou le <strong>lettrage</strong> utilisé par de grandes marques permet une lecture simple, mais peut par exemple être difficile à retenir si celui-ci ce prononce d&#8217;une certaine manière. On peut également souligner le fait qu&#8217;un logo texte peut être facilement copié vu qu&#8217;il n&#8217;utilise qu&#8217;une simple typographie.</p><p><strong>- La combinaison</strong> de <em>symbole</em> et de <em>texte</em> et le plus utilisé. Il permet au blog d&#8217;avoir un caractère qui est impossible à copier (sans se faire prendre&#8230;). De plus, sa prononciation est plus ou moins facile, tout dépend de son application et de son exécution.</p><p>Même si vous n&#8217;avez pas les talents d&#8217;un graphiste, je vous conseille quand même de faire quelques brouillons sur papier de votre logo pour trouver tout simplement l&#8217;inspiration et ainsi trouver votre logo. Par la suite essayer de le faire sur ordinateur ou envoyé vos croquis à des contacts graphistes.</p><div
class="comment-header">Analyse d&#8217;un logo.</div><p>Mais comment sortir <img
align="right" style="margin-left: 4px;" title="Geekeries" src="http://medias.geekeries.fr/2009/01/logogeekeries.png" alt="Geekeries" width="318" height="79" />de l&#8217;ordinaire avec les millions de logos dans le monde ? Tout simplement grâce à votre originalité et à votre façon de penser. Prenons un exemple d&#8217;un simple logo très facile à faire. Le logo de ce blog &#8220;Geekeries&#8221;. Ce logo est donc composé d&#8217;un texte &#8220;Geekeries&#8221; et d&#8217;une forme abstraite &#8220;La ligne&#8221;. Le mot ce réfère à l&#8217;adresse du site (<a
title="Geekeries" href="http://www.geekeries.fr" target="_blank">www.geekeries.fr</a>) ou inversement.</p><p>La typographie utilisée, toute simple est &#8220;<strong>Myriad</strong>&#8221; . Elle permet ainsi une légère différence des typographies les plus utilisés tels que Arial, Verdana et Helvetica. Myriad a quelques particularités qui peuvent faire la différence.</p><p>La ligne abstraite qui démarre à la fin de la boucle du &#8220;S&#8221; en fin du mots &#8220;Geekerie<strong>s</strong>&#8221; permet d&#8217;apporter une touche personnelle et donne un résultat unique et simple. Cette ligne permet également, d&#8217;une façon inconsciente de donner le sujet du blog ou le centre d&#8217;intérêt des lecteurs puisque cette ligne vient toucher les quatre premières lettres du logo laissant apparaître &#8220;<strong>Geek</strong>&#8220;. Je laisse alors le reste du mot à l&#8217;écart ce qui permet de montrer en un instant au visiteur de quels sujets nous traitons.</p><p>Le sujet du blog ayant changé après avoir créé ce logo, j&#8217;ai décidé de garder ce logo pour éviter de copier de nombreux blogs traitant sur wordpress mais également  copié WordPress, qui est le créateur du logo. Si j&#8217;avais utilisé le logo wordpress, on ne se souviendra pas de &#8220;<strong>Geekeries</strong>&#8221; mais belle est bien de <strong>WordPress</strong>, à cause du logo.</p><div
class="comment-header">Exemples.</div><p><strong>Gecko</strong> : Un autre exemple de logo utilisant la technique de combinaison. Mais cette fois-ci moins abstraite puisque je reprends simplement l&#8217;image du sujet. Un Gecko est une sorte de lézard tout mignon il est donc très simple de réaliser quelques petits logos tout en gardant une touche personnelle et un logo unique. Nous pouvons jouer avec les éléments caractérisant le Gecko tels que son oeil, ses empreintes ou tout simplement &#8220;Gecko&#8221; lui-même ; Toutefois, si vous décidez de réaliser un Gecko, pensé à noter les différences entre les lézards(patte, queue, forme, tête, yeux&#8230;)</p><p><img
align="left" style="margin-right: 4px;"src="http://medias.geekeries.fr/2009/01/geckologo.png" alt="Gecko Logos" width="163" height="122" /></p><p>Ce logo contient donc un texte &#8220;<strong>Gecko</strong>&#8221; et l&#8217;image du Gecko, on le distingue du lézard grâce à ses pattes ventouses. Le texte ne contient en fait que quatre lettres &#8220;<strong>G E K O</strong>&#8220;. Une fois la bestiole dessiner j&#8217;essaye de jouer avec sa queue pour faire apparaître la lettre <strong>C</strong>.</p><p>Cette petite idée est bien personnelle et unique. Il ne vous reste plus qu&#8217;à le transformer sur votre ordinateur en noir et blanc et d&#8217;y ajouter par la suite de la couleur. Pour ce logo, il faudra utiliser les couleurs d&#8217;un gecko, tels que le brun, le vert, le blanc translucide, mais on peut également jouer avec les couleurs de son environnement.</p><p><strong>Prochain dossier : </strong>Créer l&#8217;interface graphique d&#8217;un blog grâce aux régles de base de la mise en page.</p> ]]></content:encoded> <wfw:commentRss>http://www.geekeries.fr/blog/creation-de-logos-pour-le-web-part-1-1933/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Une forme d&#8217;inspiration : Les logos vectoriels</title><link>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-les-logos-vectoriels-827</link> <comments>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-les-logos-vectoriels-827#comments</comments> <pubDate>Wed, 20 Aug 2008 14:23:22 +0000</pubDate> <dc:creator>Valentin</dc:creator> <category><![CDATA[Logos Vectoriels]]></category> <category><![CDATA[Avais]]></category> <category><![CDATA[Billets]]></category> <category><![CDATA[Blog]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[Logos]]></category> <category><![CDATA[Section Design]]></category><guid
isPermaLink="false">http://www.geekeries.fr/?p=827</guid> <description><![CDATA[Il y a longtemps sur ce blog j&#8217;avais lancé une section &#8220;Design&#8221; où je mettais à disposition une sélection de logos vectoriels téléchargeable gratuitement. J&#8217;avais fait seulement trois posts, vu que sa n&#8217;intéresse pas trop de monde, donc je me demande maintenant si sa intéresse quelqu&#8217;un que je continue ? Ça peut toujours service d&#8217;avoir [...]]]></description> <content:encoded><![CDATA[<p>Il y a longtemps sur ce blog j&#8217;avais lancé une section <strong>&#8220;Design&#8221;</strong> où je mettais à disposition une sélection de <strong>logos vectoriels</strong> téléchargeable gratuitement.<br
/> J&#8217;avais fait seulement trois posts, vu que sa n&#8217;intéresse pas trop de monde, donc je me demande maintenant si sa intéresse quelqu&#8217;un que je continue ?</p><p>Ça peut toujours service d&#8217;avoir une source d&#8217;inspiration quelque part sur internet&#8230;<br
/> Voici les billets, peut être que demain il y en aura un autre ?</p><ul><li><a
title="Une forme d’inspiration : Première partie" href="http://www.geekeries.fr/articles/une-forme-dinspiration-premiere-partie/" target="_blank"><strong>Une forme d&#8217;inspiration : Première partie</strong></a></li><li><a
title="Une forme d’inspiration : Deuxième partie" href="http://www.geekeries.fr/articles/une-forme-d%e2%80%99inspiration-deuxieme-partie/" target="_blank"><strong>Une forme d&#8217;inspiration : Deuxième partie</strong></a></li><li><a
title="Une forme d’inspiration : Troisième partie" href="http://www.geekeries.fr/articles/une-forme-d%e2%80%99inspiration-troisieme-partie/" target="_blank"><strong>Une forme d&#8217;inspiration : Troisième partie</strong></a></li></ul><p
style="text-align: center;"><img
class="size-full wp-image-831 aligncenter" title="Logos Vectoriels" src="http://medias.geekeries.fr/2008/08/logo-vectoriel.png" alt="" width="500" height="128" /></p> ]]></content:encoded> <wfw:commentRss>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-les-logos-vectoriels-827/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>Une forme d’inspiration : Troisième partie</title><link>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-troisieme-partie-278</link> <comments>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-troisieme-partie-278#comments</comments> <pubDate>Thu, 22 May 2008 13:06:47 +0000</pubDate> <dc:creator>Valentin</dc:creator> <category><![CDATA[Logos Vectoriels]]></category> <category><![CDATA[Adobe Illustrator]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[Image]]></category> <category><![CDATA[Image vectorielle]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[Logos]]></category><guid
isPermaLink="false">http://www.geekeries.fr/?p=278</guid> <description><![CDATA[Il vous faudra le logiciel Adobe Illustrator CS3, disponible sur le site de Adobe, pour l&#8217;utilisation des logos. Pour les téléchargés, cliquez sur l’image Quel logos voulez vous la semaine prochaine ?]]></description> <content:encoded><![CDATA[<p>Il vous faudra le logiciel <a
href="http://www.adobe.com/fr/products/illustrator/" target="_blank">Adobe Illustrator CS3</a>, disponible sur le site de Adobe, pour l&#8217;utilisation des logos.</p><p
style="text-align: center;"><img
class="attachment wp-att-277 centered" src="http://medias.geekeries.fr/2008/05/logo-selection-3.png" alt="Logo Vectorisés - troisieme partie" width="398" height="299" /></p><p>Pour les téléchargés, cliquez sur l’image<br
/> Quel logos voulez vous la semaine prochaine ?</p> ]]></content:encoded> <wfw:commentRss>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-troisieme-partie-278/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Une forme d’inspiration : Deuxième partie</title><link>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-deuxieme-partie-241</link> <comments>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-deuxieme-partie-241#comments</comments> <pubDate>Thu, 15 May 2008 16:54:58 +0000</pubDate> <dc:creator>Valentin</dc:creator> <category><![CDATA[Logos Vectoriels]]></category> <category><![CDATA[Adobe Illustrator]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[Image]]></category> <category><![CDATA[Image vectorielle]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[Logos]]></category><guid
isPermaLink="false">http://www.geekeries.fr/?p=241</guid> <description><![CDATA[Il vous faudra le logiciel Adobe Illustrator CS3, disponible sur le site de Adobe, pour l&#8217;utilisation des logos. Pour les téléchargés, cliquez sur l’image Quel logos voulez vous la semaine prochaine ?]]></description> <content:encoded><![CDATA[<p>Il vous faudra le logiciel <a
href="http://www.adobe.com/fr/products/illustrator/" target="_blank">Adobe Illustrator CS3</a>, disponible sur le site de Adobe, pour l&#8217;utilisation des logos.</p><p
style="text-align: center;"><img
class="attachment wp-att-242 centered" src="http://medias.geekeries.fr/2008/05/logo-selection-2.png" alt="Logo Vectorisés - deuxieme partie" width="398" height="299" /></p><p>Pour les téléchargés, cliquez sur l’image<br
/> Quel logos voulez vous la semaine prochaine ?</p> ]]></content:encoded> <wfw:commentRss>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-d%e2%80%99inspiration-deuxieme-partie-241/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Une forme d&#8217;inspiration : Première partie</title><link>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-premiere-partie-215</link> <comments>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-premiere-partie-215#comments</comments> <pubDate>Wed, 07 May 2008 19:24:06 +0000</pubDate> <dc:creator>Valentin</dc:creator> <category><![CDATA[Logos Vectoriels]]></category> <category><![CDATA[Adobe Illustrator]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Illustrator]]></category> <category><![CDATA[Image]]></category> <category><![CDATA[Image vectorielle]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[Logos]]></category> <category><![CDATA[Longue]]></category> <category><![CDATA[Mets]]></category><guid
isPermaLink="false">http://www.geekeries.fr/?p=215</guid> <description><![CDATA[Ce soir, je mets à disposition la première partie d&#8217;une longue série de logos vectorisés. Toutes les semaines dix logos vous serez proposé, une fois le téléchargement effectué, le fichier vous donne droit à dix logos vectorisés. Il vous faudra le logiciel Adobe Illustrator CS3, disponible sur le site de Adobe, pour l&#8217;utilisation des logos. [...]]]></description> <content:encoded><![CDATA[<p>Ce soir, je mets à disposition la première partie d&#8217;une longue série de logos vectorisés.<br
/> Toutes les semaines dix logos vous serez proposé, une fois le téléchargement effectué, le fichier vous donne droit à dix logos vectorisés.</p><p>Il vous faudra le logiciel <a
href="http://www.adobe.com/fr/products/illustrator/" target="_blank">Adobe Illustrator CS3</a>, disponible sur le site de Adobe, pour l&#8217;utilisation des logos.</p><p
style="text-align: center;"><img
class="attachment wp-att-216 centered" src="http://medias.geekeries.fr/2008/05/logo-selection-1.png" alt="Logos vectorisés - Logotheque" width="398" height="299" /></p><p>Pour les téléchargés, cliquez sur l&#8217;image<br
/> Quel logos voulez-vous la semaine prochaine ?</p> ]]></content:encoded> <wfw:commentRss>http://www.geekeries.fr/blog/design-blog/logos-vectoriels/une-forme-dinspiration-premiere-partie-215/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic

Served from: geekeries.fr @ 2012-05-25 06:45:56 -->
