Share
Alors que l'efficacité et la rationalisation de la présence en ligne continuent de devenir le principal moyen de communication d'entreprise, la marque d'une entreprise dépend fortement de la manière dont un logo s'interface avec son site Web..
Nous examinerons diverses questions liées à l'utilisation et à l'intégration de logos, notamment les combinaisons efficaces et inefficaces, ainsi que les différences entre les logos présentés en ligne et leurs homologues imprimés. En outre, nous verrons ce qui fait le succès d’un logo du point de vue de la convivialité et de la technique..
Ce billet est le cinquième jour de notre session de conception graphique. Sessions créatives "Session Day 4Session Day 6"Skype est un service en ligne où les utilisateurs peuvent dialoguer en ligne, envoyer des messages instantanés et passer des appels vidéo gratuitement (ou moyennant des frais modestes dans certains cas). L'objectif principal de Skype est de connecter ses amis et sa famille en ligne. Lorsque les visiteurs interagissent avec leur marque, tout est en ligne. Cela dit, leur logo est principalement visualisé avec un effet 3D ou biseauté, tandis que la couleur bleu plat est réservée à d'autres applications qui peuvent ne pas permettre des changements de couleur subtils. Ces cas se produisent généralement quand il s’agit d’imprimés tels que des feuilles de fax, des vêtements brodés, des surfaces gravées et des lettres en vinyle..
Il est juste de dire que l'aspect principal que Skype souhaite que ses visiteurs observent est la version biseautée du logo. Cette version a un appel plus doux et plus abordable qui fonctionne dans plus de situations que possible, du point de vue de la convivialité, compte tenu de leur modèle commercial..
Digg est une plate-forme en ligne où les utilisateurs peuvent voter ou digg histoires intéressantes.
Digg propose une gamme de styles et d'icônes qui désignent sa marque. Contrairement à Skype, dont le logo principal est relativement cohérent quel que soit l'endroit où il apparaît, la mise en œuvre de Digg est unique et variée. La page d'accueil de Digg utilise un logo inversé (blanc).
Digg a développé les éléments visuels que les visiteurs associent à ces derniers en utilisant d’autres icônes et non leur logo pour s’identifier. Lorsque quelqu'un veut "digg" un article, une histoire, une photo ou autre, il ne voit pas d'image du logo Digg mais plutôt un numéro indiquant le nombre de diggs que cette entrée a en particulier, tandis que le mot "digg "est écrit petit et sous le numéro (voir 1).
Avec un site aussi populaire que Digg, il est difficile de contrôler l’utilisation de ses ressources visuelles. Les personnes modifient régulièrement les logos de l'entreprise, ce qui nuit généralement à l'efficacité d'une marque forte. Il est courant de voir des icônes personnalisées et des œuvres d’art qui ont une apparence professionnelle ou qui représentent une société que nous reconnaissons. Digg est rare dans le fait qu'ils invitent les visiteurs à modifier certains des éléments visuels qui les représentent. L'icône digg pelle (voir 2) est l’un de ces exemples. Digg autorise ouvertement la modification de cette icône pour répondre aux besoins d'un site Web, comme indiqué ici..
Le logo couleur Digg (voir 3) est utilisé à des titres différents, pas nécessairement moins souvent, mais pas comme identifiant principal qu’il préfère voir, à en juger par le manque d’utilisation de l’un des endroits les plus visibles, sur le site Web ou sous les boutons Digg.
Firefox est un navigateur Web populaire. En fait, la plupart d’entre vous lisez probablement cet article avec lui!
Firefox est un autre excellent exemple de produit pouvant avoir des documents imprimés occasionnels (peut-être au niveau de l'entreprise) alors que leur fonction principale est complètement en ligne. Lorsqu'une personne souhaite utiliser Firefox, elle clique sur une magnifique icône Firefox en couleur. Une fois dans l'application, vous ne voyez plus le logo Firefox.
Dans cet esprit, passons maintenant à la manière dont l’utilisation des logos se traduit en publicité. Le logo Firefox dans son intégralité (voir 1) est composé de l'icône et du texte. Dans les cas où l’icône elle-même n’est pas utilisée, il suffit d’écrire le mot "Firefox" (voir 2.) Les versions 3 et 4 sont simplement inversées pour fonctionner lorsque l’arrière-plan est trop similaire ou crée une combinaison désagréable avec le texte orange. Vous ne verrez jamais une version officielle du mot "Firefox" écrite dans une autre couleur.
One Here One There (OHOT) est un organisme à but non lucratif qui favorise la croissance en Afrique subsaharienne grâce à l'éducation. La marque OHOT obtient un soutien et une notoriété plus équitables (par rapport aux exemples ci-dessus) à la fois en ligne et sur papier. Dans ce cas, le logo OHOT devait rester en grande partie cohérent tout au long de la campagne. Le logo OHOT ci-dessous utilise uniquement deux couleurs, le vert et le gris. OHOT étant une organisation à but non lucratif, il utilise des couleurs limitées dans leur logo, ce qui leur permettra d'économiser de l'argent sur les pièces imprimées..
Le site Web OHOT utilise le logo sous une forme non modifiée sur un fond jaune pâle. Encore une fois, l’utilisation du logo s’appliquant également aux applications imprimées et en ligne, le logo de l’OTH reste constant.
Vous trouverez ci-dessous une publicité imprimée intégrant une version inversée du logo. Pas grand chose a changé.
Cette publicité sur un banc traite le logo de manière similaire, bien que créative..
Logo OHOT et campagne conçus par Ad 2 Tampa Bay, avec l'aimable autorisation de.
En tant que source d'information essentielle, un site Web est la pierre angulaire d'une image de marque réussie. Il est essentiel que votre logo fonctionne bien, qu'il soit simple, 3D, orné, extravagant, etc..
Prenez par exemple le célèbre logo MGM présenté ci-dessous. Ce logo existe depuis de nombreuses années et est en soi un joli logo. Par contre, la mise en œuvre sur le site Web n’est pas idéale. Observez comment l'ombre portée est trop lourde et empêche la lisibilité du logo. Il aurait été beaucoup plus efficace d'éliminer l'ombre portée et d'expérimenter une modification de la couleur de fond, du moins directement derrière le logo..
Il est important que votre présence en ligne représente l'image que vous souhaitez transmettre. Dans le cas de MGM, le site Web est une source d’information majeure, mais davantage de personnes voient le logo sur grand écran plutôt que sur leur site Web..
Le concept le plus important à absorber est qu'un logo devrait bien fonctionner, peu importe les circonstances. Si vous conservez ce concept à l'arrière-plan lorsque vous créez le logo, le résultat final sera celui qui fonctionnera pendant des années, sous forme numérique et imprimée..
Vous trouverez ci-dessous quelques ressources que j'ai trouvées utiles pour trouver l'inspiration ou exécuter l'une des étapes décrites dans la création d'un logo..
Identityworks propose de nombreuses informations sur la stratégie de marque, les logos, les modifications de logo, etc. Suivez le lien pour voir comment les entreprises utilisent les directives pour que leur marque reste visuellement cohérente..
Veer est un site de photographie d'archives proposant une large sélection de polices de haute qualité que vous pourrez consulter et acheter lorsque vous rechercherez la police idéale pour votre logo. Encore mieux, vous pouvez composer vos propres lettres pour voir à quoi elles ressemblent dans une police particulière..
L’un des principaux avantages de l’achat d’une police est qu’il limite le nombre de personnes qui utilisent la même police dans leur logo. Si vous cherchez quelque chose d'un peu plus exclusif, c'est le chemin à parcourir..
Fawnt propose des polices uniques et à la mode téléchargeables gratuitement. Découvrez la police appelée Diavlo, c'est plutôt cool.
Kuler est l'outil en ligne d'Adobe pour la sélection de combinaisons de couleurs. Les utilisateurs peuvent créer leur propre combinaison à l'aide d'une variété de curseurs et d'options. Vous pouvez télécharger des palettes de couleurs créées directement par les autres utilisateurs dans votre application Adobe..
POINTE: Dans Illustrator CS3, sélectionnez Fenêtre> Adobe Labs> Kuler pour ouvrir la palette d'interface avec le site Web..
Consultez Davidairey.com pour ajouter un peu d'humour à votre journée, consultez l'article ci-dessous. Il existe également de nombreux articles et ressources sur la conception de logo sur le site..
Ce billet est le cinquième jour de notre session de conception graphique. Sessions créatives "Session Day 4Session Day 6"
Accentsconagua