{"id":55,"date":"2020-12-18T07:04:58","date_gmt":"2020-12-18T06:04:58","guid":{"rendered":"https:\/\/pixeljaguar.com\/fr\/?p=55"},"modified":"2020-12-21T05:53:02","modified_gmt":"2020-12-21T04:53:02","slug":"dessine-moi-un-logo","status":"publish","type":"post","link":"https:\/\/pixeljaguar.com\/fr\/2020\/dessine-moi-un-logo\/","title":{"rendered":"\u00ab dessine-moi un logo \u00bb"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un logotype, plus couramment appel\u00e9 \u00ab logo \u00bb, est une repr\u00e9sentation graphique qui sert \u00e0 identifier de mani\u00e8re unique et imm\u00e9diate les entreprises, soci\u00e9t\u00e9s, groupes, associations, institutions, produits, services, \u00e9v\u00e9nements, ou toute autre sorte d\u2019organisations dans le but de diff\u00e9rencier le propri\u00e9taire du logotype des autres entit\u00e9s. Ainsi, c&rsquo;est essentiel de dessiner \u00e0 dessein un logo. D\u00e9couvrons ce qu&rsquo;est un logo efficace, adapt\u00e9 et performant.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">logo-typo-graphie<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">un logo qui marche fort est un logo qui marque<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un logotype est en g\u00e9n\u00e9ral une marque \u00e9crite par une fonte de caract\u00e8res, un ensemble de glyphes, de repr\u00e9sentations visuelles de caract\u00e8res, d\u2019une m\u00eame police d\u2019\u00e9criture, de m\u00eame style, corps et graisse : la typographie, et dispos\u00e9e d\u2019une mani\u00e8re particuli\u00e8re, mais lisible imm\u00e9diatement.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>un logotype est, \u00e9tymologiquement, une \u00ab\u00a0parole inscrite\u00a0\u00bb, une \u00ab\u00a0marque qui parle\u00a0\u00bb, issu du terme \u00ab\u00a0type\u00a0\u00bb qui signifie en particulier \u00ab\u00a0caract\u00e8re d\u2019imprimerie\u00a0\u00bb, d\u00e9clin\u00e9 par le mot \u00ab\u00a0typographie\u00a0\u00bb.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Un logotype est une composition figur\u00e9e permettant d&rsquo;identifier visuellement, de fa\u00e7on imm\u00e9diate une entreprise, une marque d\u00e9pos\u00e9e, une \u00e9quipe, une association, une institution, un produit, un service, un \u00e9v\u00e9nement ou toute autre sorte d&rsquo;organisations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">un logo qui marque fort est un logo qui marche<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un logotype a pour le but de se faire conna\u00eetre et reconna\u00eetre des publics et march\u00e9s cibl\u00e9s et de se diff\u00e9rencier des autres entit\u00e9s d&rsquo;un m\u00eame secteur d&rsquo;activit\u00e9 et g\u00e9ographique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">diff\u00e9rents types de logos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe des crit\u00e8res qui permettent de classer les logos en trois grandes familles : logos <strong>symboles<\/strong>, logos <strong>typographiques<\/strong>, et les logos <strong>mixtes<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">logo typographique<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les logos typographiques appel\u00e9s aussi logotypes sont essentiellement compos\u00e9s de texte. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ces logotypes reprennent g\u00e9n\u00e9ralement le nom de la soci\u00e9t\u00e9 ou du produit. Ils peuvent \u00eatre compos\u00e9s d\u2019\u00e9l\u00e9ments graphiques venant en compl\u00e9ment du texte. Ils sont principalement utilis\u00e9s pour une entreprise dont l\u2019activit\u00e9 ne peut se r\u00e9sumer \u00e0 une seule image. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe deux sous-cat\u00e9gories : les logos typographiques simple ou d\u00e9form\u00e9s au sens stylis\u00e9, selon le travail graphique effectu\u00e9 sur la typographie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, le logo Microsoft est compos\u00e9 principale de lettres simples dessin\u00e9 par le typographie &lsquo;Segoe&rsquo;, dont les logos Windows et Office utilis\u00e9 la m\u00eame famille de police d&rsquo;\u00e9criture lin\u00e9ale affichant des caract\u00e8res sans empattement (sans serif) cr\u00e9\u00e9 par pour l\u2019affichage num\u00e9rique, su \u00e9cran.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, le logo Apple utilise totalement la typographie San Francisco, caract\u00e8res sans-empattement g\u00e9om\u00e9trique, et est devenue la police par d\u00e9faut du syst\u00e8me iOS et de macOS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">logo symbole<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les logos symboles appel\u00e9s aussi iconiques ou symboliques sont une repr\u00e9sentation graphique de la marque. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au contraire des logos typographiques, ils ne sont pas compos\u00e9s de texte. Ces logos sont compos\u00e9s de formes plus ou moins abstraites. Les logos symboles sont g\u00e9n\u00e9ralement utilis\u00e9s par des entreprises d\u00e9j\u00e0 connues, c\u00e9l\u00e8bres, dont la forme parle \u00e0 tout le monde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un logo typographique peut \u00e9voluer en logo symbole naturellement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;exemple le plus frappant est le logo, en situation, compos\u00e9 de quatre carr\u00e9s de quatre couleurs assembl\u00e9s en fen\u00eatre carr\u00e9, de l\u2019entreprise Microsoft, ou le c\u00e9l\u00e8bre fruit de l\u2019entreprise Apple comme signature de leur publicit\u00e9 et appos\u00e9 tel une marque ou une empreinte sur leur produit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">logo mixte<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les logos mixtes, d\u00e9nomm\u00e9s aussi combin\u00e9s, sont les logos les plus courants. Ils sont compos\u00e9s de textes et de symboles. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce mix gardent la force d\u2019un logo symbole, tout en ayant l\u2019explication suppl\u00e9mentaire du logo typographique. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C\u2019est le logo le plus utile aux marques n\u2019ayant pas encore de reconnaissance. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il arrive parfois qu\u2019un logo mixte, se transforme en logo symbole lorsque la marque \u00e0 gagn\u00e9 suffisamment de notori\u00e9t\u00e9. On enl\u00e8ve alors le texte pour ne garder que le symbole.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;histoire des logotypes Apple et Microsoft illustrent cela.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u2019est ce qu\u2019un bon logo ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le logotype est la repr\u00e9sentation graphique de votre organisation (entreprise, association, ou produit\/service). Il permet de vous identifier imm\u00e9diatement. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo peut \u00eatre construit d\u2019un \u00e9l\u00e9ment graphique et\/ou de votre nom ou d\u2019un terme bien choisi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design (dessiner \u00e0 dessin), concevoir, produire un bon logotype<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ses fonctions sont de s\u00e9duire, de valoriser votre image, d\u2019identifier votre activit\u00e9 et de vous diff\u00e9rencier. Le tout, d\u00e8s le premier regard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un logo est g\u00e9n\u00e9ralement la premi\u00e8re impression que l\u2019on se fait de votre activit\u00e9. Il doit donc \u00eatre consid\u00e9r\u00e9 comme la base essentiel de votre communication. C&rsquo;est le d\u00e9part de votre r\u00e9flexion \u00e0 votre projet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo se doit d\u2019\u00eatre simple pour \u00eatre m\u00e9morisable et reconnu facilement. Il doit \u00eatre intemporel pour rester efficace au fil des ann\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour \u00eatre d\u00e9clin\u00e9 sur n\u2019importe quel support, un logo doit \u00eatre vectoriel, afin d\u2019\u00eatre utilis\u00e9s \u00e0 n\u2019importe quelles tailles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les couleurs, les formes, les polices utilis\u00e9es vont donner un ton \u00e0 votre logo. Un logotype doit respecter les codes graphiques de votre secteur d\u2019activit\u00e9. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo doit \u00eatre simple et efficace, lisible en petit et en grand (voire en tr\u00e8s petit comme en tr\u00e8s grand), sur des fonds clairs, blanc, comme sombres, noir. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ces qualit\u00e9s font de votre logo, un \u00e9l\u00e9ment intemporel, unique et fonctionnel.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/gif-2020-designmoteur-logo-day-n-night.gif\" alt=\"gif-2020-designmoteur-logo-day-n-night\" class=\"wp-image-91\"\/><figcaption>gif-2020-designmoteur-logo-day-n-night<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo du m\u00e9dia auto moto sport d\u00e9nomm\u00e9 DESIGN[MOTEUR] a \u00e9t\u00e9 dessin\u00e9 \u00e0 dessin pour repr\u00e9senter visuellement la carrosserie de l&rsquo;automobile, ou le car\u00e9nage de la moto, la vitesse du v\u00e9hicule, le temps d\u2019exposition de l&rsquo;art de la photographie et le cycle jour-nuit \u00e9preuves d&rsquo;endurance en sport m\u00e9canique de haut niveau. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce sont des \u00e9l\u00e9ments de la ligne \u00e9ditoriale de ce projet de site, blog, webzine, mis en image, d\u00e9clin\u00e9 en animation pour c\u00e9l\u00e9brer en mouvement les 7 ans de DESIGN[MOTEUR] par ce logo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Logo adapt\u00e9 Print &amp; Web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo doit pouvoir s\u2019adapter \u00e0 du format Print (CMYK) et au format Web (RGB : Red, Green, Blue), car lorsque vous travaillez avec la couleur additive, vous utilisez le rouge, le vert et le bleu comme couleurs primaires. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La lumi\u00e8re et le rayonnement \u00e9lectromagn\u00e9tique cr\u00e9ent tous deux une couleur additive. Dans ce mod\u00e8le th\u00e9orique des couleurs, la combinaison de toutes les couleurs cr\u00e9e la perception du blanc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque pixel est compos\u00e9 de trois minuscules points qui \u00e9mettent chacun une lumi\u00e8re rouge, verte ou bleue, lorsqu\u2019ils sont allum\u00e9s par un faisceau d\u2019\u00e9lectrons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En format Print, le cyan, le magenta, le jaune et le noir sont les principales encres utilis\u00e9es. C\u2019est pourquoi les fichiers imprimables sont not\u00e9 en valeurs CMYK (Cyan, Magenta, Yellow, Black) en pourcentage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le logotype est le descendant de l\u2019h\u00e9raldique<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>L\u2019h\u00e9raldique (science du blason), est un \u00ab\u00a0alphabet\u00a0\u00bb comportant quelques r\u00e8gles simples :<\/p><p>\u00ab\u00a0Le contraste de quelques couleurs absolues, sans nuances ;un bleu, l\u2019azur \u2013 un rouge, le gueules \u2013 un noir, le sable \u2013 un vert, le sinople plac\u00e9s sur un fond jaune ou blanc, l\u2019or ou l\u2019argent.<\/p><p>Ou bien l\u2019inverse, le blanc et le jaune sur une couleur.\u00c0 cela s\u2019ajoute des fourrures, l\u2019hermine et le vair (doublure) et c\u2019est tout.<\/p><p>Une forte stylisation des symboles, les meubles, animaux ou objets, peu d\u2019humain, repr\u00e9sent\u00e9s de profil ou pleine face, sans nuances.<\/p><p>C\u2019est un syst\u00e8me simple bas\u00e9 sur le contraste, avec un langage descriptif cod\u00e9, le blasonnement.\u00a0\u00bb<\/p><cite>via Admirable Design : L\u2019h\u00e9raldique, racine du logotype moderne, 2005<\/cite><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Quel est le prix d\u2019un logo ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le tarif moyen journalier d\u2019un graphiste (freelance) designer oscille entre 400 et 700 euros selon exp\u00e9rience et localisation. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le tarif peut aussi \u00eatre impact\u00e9 par la valeur du client, en fonction de l\u2019exposition qu\u2019aura le travail, local, r\u00e9gional, international, imprim\u00e9, internet, en m\u00e9dia (Presse, TV, Affichage, Radio, Cin\u00e9ma) ou hors m\u00e9dia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La communication hors m\u00e9dia regroupe l\u2019ensemble des actions de communication qui ne passent ni par les m\u00e9dias traditionnels ni par les m\u00e9dias du web. Ainsi, ce type de communication reprend les actions de marketing direct et de street marketing, mais aussi la promotion des ventes ou encore le marketing \u00e9v\u00e9nementiel par exemple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Attention ! M\u00e9fiez-vous des prix cass\u00e9s : certain sites proposent des cr\u00e9ations \u00e0 des prix tr\u00e8s bas, en faisant r\u00e9aliser le gros du travail par des stagiaires, des graphistes amateurs, en utilisant des banques d\u2019images toutes faites, ou en sous-traitant \u00e0 l\u2019\u00e9tranger, ou n\u2019ayant pas de Licence officielle des logiciels utilis\u00e9s\u2026 \u00c9vitons par-l\u00e0 de d\u00e9velopper une concurrence d\u00e9loyale et de diminuer la valeur du travail professionnel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le graphiste apporte des solutions visuelles \u00e0 vos probl\u00e9matiques. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La cr\u00e9ation d\u2019un logo puis d\u2019une charte graphique est d\u00e9cisive car elle suivra l\u2019entreprise sur tous les supports de communication. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Investir dans un travail de qualit\u00e9 apporte une efficacit\u00e9 durable dans le temps. Faire r\u00e9aliser ce travail par un professionnel est donc un gain de temps de d\u2019argent sur le long terme, tel un investissement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il faut savoir qu\u2019un graphiste designer n\u2019est pas un artiste. Un artiste cr\u00e9e une \u0153uvre personnelle, alors que le graphiste designer s\u2019adapte en fonction de votre cible, votre secteur d&rsquo;activit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Besoin d\u2019un logo ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Notre approche est d\u2019\u00e9tablir un devis personnalis\u00e9 pour chaque client en fonction du temps de recherche sur le client et son entreprise, le nombre de pistes cr\u00e9atives souhait\u00e9es, le temps de cr\u00e9ations\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La cr\u00e9ation d&rsquo;un logo d\u00e9marre par un brief<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un brief est un document qui reprend toutes les informations n\u00e9cessaires pour expliquer votre projet \u00e0 votre interlocuteur prestataire. Plus votre brief sera complet, meilleure sera la compr\u00e9hension que le studio aura de votre projet. Le succ\u00e8s de votre projet d\u00e9marre avec ce brief.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici les \u00e9tapes de cr\u00e9ation d\u2019un logo par le studio Pixeljaguar :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Le <strong>brief<\/strong> : afin de conna\u00eetre vos attentes par la forme de question\/r\u00e9ponses afin de d\u00e9finir besoins, d\u00e9lais, objectifs, cible, march\u00e9, secteur d&rsquo;activit\u00e9.<\/li><li>Les <strong>renseignements<\/strong> : vous nous renseignez sur votre activit\u00e9, votre histoire, votre lieu de travail, afin de s\u2019impr\u00e9gner de vos couleurs, de vos valeurs.<\/li><li>La <strong>recherche<\/strong> : ensemble nous observons les codes graphiques de votre activit\u00e9, des tendances, afin de transmettre vos valeurs<\/li><li>Les <strong>pistes cr\u00e9atives <\/strong>: ensemble nous commen\u00e7ons \u00e0 mettre en forme nos premi\u00e8res id\u00e9es, choix des couleurs, de la typographie.<\/li><li>La <strong>pr\u00e9sentation<\/strong> : nous vous montrons les premi\u00e8res cr\u00e9ations, en expliquant nos choix. Vous s\u00e9lectionnez une piste cr\u00e9ative.<\/li><li>La <strong>finalisation<\/strong> : en fonctions de vos retours, nous effectuons les modifications sur la piste cr\u00e9ative choisie. Puis nous vous livrons le logo, aux formats adapt\u00e9s.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">logo du studio Pixeljaguar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">le logo du studio Pixeljaguar est un logo de type mixte, compos\u00e9s de texte et de symbole. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ils gardent la force d\u2019un logo symbole, tout en ayant l\u2019explication suppl\u00e9mentaire du logo typographique. C\u2019est un logo adapt\u00e9 au jeune studio, cr\u00e9\u00e9 en 2013, \u00e0 l&rsquo;\u00e9poque. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le logo du studio Pixeljaguar repr\u00e9sente un jaguar, animal qui se d\u00e9place vite, dans une direction. Le jaguar est l\u2019incarnation de la performance que Pixeljaguar aspire \u00e0 offrir.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012.png\" alt=\"logo-pixeljaguar-v1-by-elj-2012-archive-recherche-graphique-logo-final\" class=\"wp-image-145\" srcset=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012.png 1920w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012-300x169.png 300w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012-1024x576.png 1024w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012-768x432.png 768w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012-1536x864.png 1536w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-v1-by-elj-2012-1568x882.png 1568w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption>logo-pixeljaguar-v1-by-elj-2012-archive-recherche-graphique-logo-final<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>La charte graphique est simple et efficace, compos\u00e9 de trois nuances : noir, blanc, associ\u00e9 \u00e0 une couleur d&rsquo;accentuation : orang\u00e9 corail.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Le noir et le blanc donne une ambiance, un effet d\u2019audace et de simplicit\u00e9. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;orange est pr\u00e9sent pour rappeler l\u2019\u00e9nergie et la cr\u00e9ativit\u00e9 du studio de cr\u00e9ation de site web. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le cycle jour-nuit repr\u00e9sente, par le duo noir\/blanc, le lien avec l\u2019animal et le temps, montrer le soleil couchant et le soleil levant, afin de rappeler le symbolisme du soleil et du jaguar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En 2020, le logo a \u00e9volu\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">logo Pixeljaguar 2.0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;id\u00e9e est de repr\u00e9senter graphiquement 8 ann\u00e9es d&rsquo;exp\u00e9riences acquises au sein du studio et autant d&rsquo;ann\u00e9es de progr\u00e8s technologique.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-1024x576.png\" alt=\"logo-pixeljaguar-20-by-elj\" class=\"wp-image-50\" srcset=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-1024x576.png 1024w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-300x169.png 300w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-768x432.png 768w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-1536x864.png 1536w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj-1568x882.png 1568w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/logo-pixeljaguar-20-by-elj.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>logo-pixeljaguar-20-by-elj<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>La charte graphique est simple et efficace, compos\u00e9 de deux nuances : noir, blanc.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Le noir donne un effet d\u2019audace et de simplicit\u00e9. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le blanc est pr\u00e9sent pour rappeler l\u2019\u00e9nergie et la cr\u00e9ativit\u00e9. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le cycle blanc\/noir repr\u00e9sente le lien avec l\u2019animal et le temps, montrer le soleil couchant et le soleil levant, afin de rappeler le symbolisme du soleil et du jaguar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le blanc et le noir sont des \u00ab\u00a0nuances\u00a0\u00bb importantes dans le design, car elles sont ins\u00e9parables de l\u2019expression de la lumi\u00e8re et de l\u2019ombre, et sont aussi efficaces pour exprimer une ambiance sp\u00e9cifique, coh\u00e9rent au valeur du studio Pixeljaguar sp\u00e9cialis\u00e9 Pixel &amp; Web Performance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Th\u00e8me &lsquo;light&rsquo; et notion &lsquo;Dark Mode&rsquo; sont devenu \u00e0 la mode d\u00e8s les ann\u00e9es 2018, pour en devenir standard sur Windows, iOS, sur Twitter, Instagram, notamment, et sur les sites web modernes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En 2020, le logo Pixeljaguar a \u00e9volu\u00e9 pour repr\u00e9senter aussi cela.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque site web cr\u00e9\u00e9 par le studio propose th\u00e8me clair et sombre, avec un interrupteur permettant \u00e0 l&rsquo;utilisateur visiteur de choisir selon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On s&rsquo;adapte \u00e0 l&rsquo;\u00e9cran mobile, \u00e0 technologie OLED (Organic Light-Emitting Diode) propos\u00e9 en tant que dalle AMOLED par Samsung ou LG notamment, dont le noir est absolu, pixel \u00e9teint, th\u00e8me &lsquo;Lights Out&rsquo; sur Twitter, d\u00e8s 2018, initi\u00e9 par Windows Phone, d\u00e8s 2014, mettant en valeur les images et \u00e9l\u00e9ments graphique de l&rsquo;interface, sur fond noir absolu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quand ces pixels sont \u00e9teint, la dur\u00e9e d&rsquo;utilisation de la batterie d&rsquo;un smartphone est allong\u00e9e. Ainsi, un th\u00e8me noir absolu augmente la richesse per\u00e7ues des couleurs et semble \u00eatre \u00e9coresponsable \u00e0 l&rsquo;usage de nos Smartphone. L&rsquo;\u00e9cran est l&rsquo;un des composants qui sollicitent le plus la batterie.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour faire simple et rapide,\u00a0la technologie d&rsquo;affichage OLED (Organic Light-Emitting Diode) est\u00a0une dalle\u00a0compos\u00e9e de\u00a0pixels qui comptent chacun 3 sous-pixels (rouge, vert et bleu) qui peuvent afficher une couleur pr\u00e9cise. Et \u00e0 la diff\u00e9rence de l\u2019\u00e9cran LCD (Liquid Crystal Display) qui fonctionne \u00e0 base de r\u00e9tro\u00e9clairage, la technologie OLED utilise des sous-pixels organiques qui produisent leur propre lumi\u00e8re. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En l\u2019absence de lumi\u00e8re, le noir est donc total.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au cin\u00e9ma l\u2019obscurit\u00e9 est aussi importante pour un film que la lumi\u00e8re. Ce moment dans la salle o\u00f9 la lumi\u00e8re disparait.\u00a0L\u2019obscurit\u00e9 vous permet alors de voir tous les d\u00e9tails du film, sur la dalle, orchestr\u00e9 par la direction artistique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au cin\u00e9ma, ou devant la TV, ou sur mobile, naturellement, on r\u00e9duit l\u2019\u00e9cart de contraste entre la luminosit\u00e9 de cet \u00e9cran et celle de la pi\u00e8ce, du lieu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En quelques mots, les \u00e9crans OLED (LG, Panasonic, Sony) est une technologie qui \u00e9vite d\u2019avoir un syst\u00e8me suppl\u00e9mentaire de r\u00e9tro\u00e9clairage sous la dalle. Chaque diode sont ind\u00e9pendantes les unes des autres, et \u00e9mettent leur propre lumi\u00e8re. Les couleurs naturelles sont riches, le contraste est abyssal et le noir est vraiment noir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela affiche une grande richesse de couleurs, toutes sont particuli\u00e8rement fid\u00e8les, mais surtout, la technologie de diodes \u00e9mettrices sublime les couleurs sans les alt\u00e9rer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En tant que web designer, on se doit de proposer cela sur du Web !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque site web cr\u00e9\u00e9 par le studio propose th\u00e8me sombre sur un fond noir absolu afin que ce pixel soit \u00e9teint m\u00eame en situation d&rsquo;usage de l&rsquo;interface, de lecture de texte et d&rsquo;appr\u00e9ciation de l&rsquo;image en qualit\u00e9 ultra haute d\u00e9finition.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On imagine l\u2019esth\u00e9tisme, l\u2019\u00e9l\u00e9gance et la force des d\u00e9tails qui peuvent en r\u00e9sulter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-1024x576.png\" alt=\"artwork-web-engine-2020-studio-pixeljaguar\" class=\"wp-image-79\" srcset=\"https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-1024x576.png 1024w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-300x169.png 300w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-768x432.png 768w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-1536x864.png 1536w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar-1568x882.png 1568w, https:\/\/pixeljaguar.com\/fr\/wp-content\/uploads\/artwork-web-engine-2020-studio-pixeljaguar.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>artwork-web-engine-2020-studio-pixeljaguar<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Un logotype, plus couramment appel\u00e9 \u00ab logo \u00bb, est une repr\u00e9sentation graphique qui sert \u00e0 identifier de mani\u00e8re unique et imm\u00e9diate les entreprises, soci\u00e9t\u00e9s, groupes, associations, institutions, produits, services, \u00e9v\u00e9nements, ou toute autre sorte d\u2019organisations dans le but de diff\u00e9rencier le propri\u00e9taire du logotype des autres entit\u00e9s. Ainsi, c&rsquo;est essentiel de dessiner \u00e0 dessein un&hellip; <a class=\"more-link\" href=\"https:\/\/pixeljaguar.com\/fr\/2020\/dessine-moi-un-logo\/\">Poursuivre la lecture <span class=\"screen-reader-text\">\u00ab dessine-moi un logo \u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-weblog","entry"],"_links":{"self":[{"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":27,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/posts\/55\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixeljaguar.com\/fr\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}