Share
Concevoir une identité graphique forte et cohérente est l'une des tâches les plus gratifiantes du graphisme. C'est une occasion unique de créer quelque chose qui sera utilisé dans de nombreux endroits, applications et conceptions différentes. Dans cette série de didacticiels en plusieurs parties, je vais vous présenter les processus et la conception que j'avais utilisés pour créer la marque Rockable Press et ses nombreuses applications différentes, tant en mode hors connexion qu'en ligne. Nous commencerons par examiner la création du logo Rockable, son apparence et sa marque..
Ce post est la 11ème journée de notre session de graphisme. Sessions créatives "Session Day 10Session Day 12"L'image de marque est un domaine qui englobe beaucoup plus que la simple conception graphique. En fait, il saigne beaucoup dans le marketing et la publicité. Par conséquent, le développement de la marque pour les grandes entreprises est souvent confié à une agence de publicité ou à un spécialiste de la marque et du design. Des entreprises comme Landor et FutureBrand iront bien au-delà du graphisme et vous les entendrez souvent parler d'expérience et de construction de marque..
En tant que designer, mon premier réflexe est de supposer que les marques sont principalement reconnues visuellement, mais en réalité, les agences de branding penchent souvent dans les autres sens. Ainsi, par exemple, il y a quelque temps, j'ai rencontré un type qui produit des parfums aromatiques pour des marques afin que chaque fois que vous entrez dans un magasin de vêtements particulier, il y ait le même parfum subtil. Une autre méthode non visuelle de promotion de la marque est l’affichage audiotory, très utilisé par Intel avec ce carillon bien connu qu’ils jouent toujours dans leurs publicités lorsque le logo "Intel Inside" apparaît..
Si vous souhaitez en savoir plus sur le fonctionnement de la stratégie de marque pour les entreprises, lisez les 22 lois immuables de la stratégie de marque..
Pour nos besoins, nous allons nous concentrer plutôt sur l'expérience visuelle d'une marque..
Dans cet ensemble de didacticiels, nous examinerons le développement d’une marque d’Envato appelée Rockable Press. C’est une petite division de notre société qui fabrique des guides Ebook pour apprendre à faire les choses. Nous avons donc un livre sur la façon de travailler en freelance, un livre sur la manière de concevoir des thèmes WordPress, et nous avons quelques minibooks en cours de développement sur l'utilisation de Twitter à des fins commerciales, sur l'écriture pour le Web, sur le découpage de modèles Photoshop, etc..
Si je devais identifier la valeur de la marque clé, ce serait que tout le monde peut être génial à ce qu'ils font, et les produits Rockable sont là pour aider les gens à acquérir de nouvelles compétences et à devenir vraiment bons.
Donc, sur la base de cette valeur de marque clé, nous avons créé nos titres de livre "How to Be a Rockstar Quelque chose"et" Rockstar Quelque chose". Nous avons donc comment devenir un pigiste Rockstar, comment devenir un concepteur WordPress Rockstar et Rockstar Personal Branding.
Cependant, il est apparu que Rockstar Press ou Rockstar Books causaient beaucoup de problèmes. Une recherche dans la base de données de marques de commerce américaine révèle qu’il existe de nombreuses marques Rockstar Something, dont une société de jeux très réputée..
Donc, avec un peu de réflexion latérale, nous avons trouvé Rockable, un mot inventé mais qui sonne bien. En fait, une recherche dans le dictionnaire urbain affirme que le "mot" signifie avoir la capacité de rock ... ce qui est parfait!
Une recherche de noms de domaine a montré que Rockable.com avait disparu, mais RockablePress.com était disponible et le nom a donc été choisi..
Si vous êtes intéressé par la sélection de noms de domaines / marques, vous voudrez peut-être lire l'article de SmashingMagazine La stratégie efficace pour choisir les bons noms de domaines.
J'utilise deux critères principaux pour créer des logos:
Pour en savoir plus sur ce qui fait un bon logo, vous devriez consulter Tony Spaeth d'IdentityWorks sur les six attributs universels d'une grande marque..
Une première étape dans la création d’un logo consiste à décider s’il s’agit d’un mot-symbole ou d’un symbole. Un mot-symbole est lorsque le logo est uniquement basé sur du texte. Un logo basé sur des symboles est généralement une marque graphique iconique assortie d'un texte simple. Parmi les exemples les plus connus, citons Google, Microsoft, Elle, Sony et notre propre Tuts +. Nike, BP, Blogger, Chevron et Envato sont des exemples célèbres de logos basés sur Symbol.!
Comment choisissez-vous? Tony Spaeth a encore un article soigné appelé Symbol? Ou Wordmark? qui dit en gros que vous devez privilégier les marques verbales pour les noms distinctifs et les symboles pour les noms génériques plus longs.
Personnellement, je préfère les logos à base de symboles, car ils ont tendance à attirer davantage l'attention, en particulier si une marque est complètement inconnue. Donc, pour Rockable Press, nous allons aller avec un symbole.
La grande question est donc de savoir quel symbole représentera cette marque? Pour choisir un symbole auquel je pense habituellement:
Dans mon cas, pour Rockable, j’ai décidé que le symbole devait être associé au mot "Rockstar". J'ai d'abord pensé qu'un simple astérisque * conviendrait, car certains l'appellent une "étoile". Et quand nous avions prévu de faire la marque Rock star Je pensais que ce serait bien d'écrire Roche* mais comme je l'ai détaillé ci-dessus, ce nom s'est saccagé et nous sommes allés avec Rockable à la place.
J'ai aussi passé du temps à réfléchir à ce que font les rockstars. Une idée visuelle qui m’a frappée était celle de quelqu'un sautant avec une guitare dans la main, ou sautant dans une foule, ou sautant à travers la scène. Pour moi, sauter semblait approprié.
Cette idée apparaîtra plus tard dans nos couvertures de livres, mais elle a également fait son chemin dans l'idée de transformer l'astérisque en figure sautante comme ceci:
La prochaine étape consiste à choisir une police pour écrire le nom de ma marque à côté du petit symbole astérisque. Alors, comment sélectionnez-vous une police? Voici quelques considérations:
Dans mon cas, mon symbole est assez simple, donc cela ne me dérange pas que la police de caractères ne soit pas vraiment minimale. En même temps, il y a un symbole aussi, donc je ne voudrais rien de trop fru-fru.
Dans mon cas, je veux une sensation forte et audacieuse - nous parlons ici de rockstars!
Parce que mon symbole est si simple qu’il ressemble presque à une lettre, je souhaite trouver une police de caractère de même poids. De cette façon, le symbole peut faire partie de la formulation presque.
Maintenant, j’ai un moyen très high-tech de choisir les polices. Fondamentalement, j’écris mon mot «Rockable», puis je fais défiler mes millions et polices jusqu’à ce que je voie quelque chose de beau! Ensuite, je copie cela de côté et le fais un peu plus. Enfin je choisis un des meilleurs candidats.
En utilisant cette méthode révolutionnaire, je suis arrivé à une police de caractères qui semble même convenir - Rockwell Bold:
Rockwell est ce qu'on appelle une police Slab Serif. Lubalin est un autre excellent exemple de ce type de caractère. Nous l'utilisons pour la marque Tuts +. Les caractères slab serif sont aussi parfois appelés "serif carré" ou "égyptien".
Ils ont tendance à être très audacieux, en particulier pour les poids plus lourds tels que ceux que j'utilise pour le logotype. Les empattements de dalle se sentent assez modernes pour moi, surtout lorsqu'ils sont utilisés de manière typographique minime, grosse et audacieuse - comme nous le ferons avec Rockable Press. Selon le blog de Desedo, Rockwell connaît également un regain de popularité, ce qui pourrait expliquer pourquoi il me semble moderne. Quoi qu'il en soit, voici une vidéo amusante offerte par Pulp Fiction, Samuel L Jackson et Rockwell (NSFW):
Ensuite, nous choisissons une palette de couleurs pour notre marque. Comme je l'ai déjà mentionné pour Rockable Press, je voulais quelque chose d'audacieux, mais il devrait également être convivial et moderne. Quelle palette de couleurs est audacieuse, conviviale et moderne? Probablement beaucoup d'entre eux, mais pour Rockable Press, j'ai choisi une combinaison très simple de jaune, de gris et de noir.
J'ai sélectionné un jaune dans lequel du magenta est mélangé, de sorte qu'il fait un peu plus chaud que le jaune normal. Pour le gris, je suis allé avec un gris mélangé avec un peu plus de cyan, puis un deuxième gris uni (et plus clair) pour écrire en noir avec. Et pour le noir je suis allé avec le noir uni.
Votre choix de couleur sera probablement influencé par certains de ces facteurs:
Si vous aimez la couleur, vous devriez vraiment rejoindre le site génial de COLOURlovers, une communauté dédiée à cela.!
À ce stade, vous pouvez également choisir une couleur Pantone spécifique que vous souhaitez utiliser. Les couleurs Pantone sont un ensemble standard d'encres que presque toutes les imprimantes peuvent offrir pour les travaux d'impression offset. L'avantage d'utiliser Pantones est que vous pouvez obtenir une représentation des couleurs totalement cohérente dans tous vos travaux d'impression. Pour choisir un Pantone, vous sortez votre cahier de couleurs Pantone et sélectionnez une nuance de jaune que vous aimez. Dans mon cas, j'ai vendu tous mes livres Pantone quand j'ai cessé de faire du design indépendant, alors nous allons le faire avec tout simplement le vieux CMYK!
La dernière étape de la conception d'un logo consiste à placer le symbole et le texte ensemble. À ce stade, je devrais noter que le choix des couleurs, de la police de caractères et de la création du symbole se fait généralement de manière organique - il est plus logique de l'expliquer sous forme d'étapes.!
J'ai donc placé le symbole et la police de caractères ensemble. J'ai choisi ce dimensionnement parce que:
À ce stade, il est également important de décider de l'apparence du logo lorsqu'il sera inversé sur une couleur sombre. Un bon logo doit être aussi fort inversé que sur le blanc.
Certaines marques auront besoin d'un look plus développé pour une application dans des domaines tels que l'emballage et la signalisation. Dans le cas de Rockable Press, la couverture du livre constituera un élément très important. Bien avant de prendre le temps de créer le premier livre, je me suis assis et j'ai conçu la première couverture:
Comme vous vous rendrez compte qu'il n'y a pas vraiment beaucoup à cette couverture, en fait les éléments sont:
Et puis je viens de tout placer sur la page!
Un aspect intéressant du design est que très souvent, il n’implique pas beaucoup de technique actuelle avec Illustrator ou Photoshop. C'est-à-dire qu'il n'y a pas vraiment de trucs techniques spéciaux qui aident au design. La plupart du temps, il s'agit simplement de placer des objets, de déterminer la hiérarchie visuelle et d'assurer un bon équilibre entre l'espace et les éléments..
Dans le cas de cette couverture, il n’ya pas de technique réelle. Cependant, il y a beaucoup de placement. Ainsi, par exemple, le titre est placé de manière à avoir l’air audacieux et à faire un bond en avant. Le deuxième élément le plus marqué est l’homme à la silhouette nette et contrastée en blanc sur noir. Les trois éléments de texte de support sont placés de manière à être lus comme des incidents, mais équilibrent également la page. Notez donc que le haut et le bas sont tous deux centrés et que la sous-rubrique est nichée sous le titre..
Vous remarquerez également que les éléments individuels sont déséquilibrés - les éléments de titre sont tordus, la silhouette est décalée à gauche, les taches ne sont que sur la droite - mais l'effet global est équilibré. Ainsi, la silhouette et les mouchetures s'équilibrent un peu, de même que le sous-titre lourd. De même, les composants tordus du titre forment tous un bloc cohérent.
Un guide de style est un document qui explique à un autre designer comment travailler avec une marque. Si vous avez déjà travaillé sur un projet pour une grande marque, vous aurez probablement reçu un guide de style PDF ou Web qui passe par des choses telles que:
Les guides de style sont importants pour conserver une marque cohérente lorsque plusieurs concepteurs travaillent sur le même projet..
Quelques exemples de guides de style d'entreprise:
Bien entendu, de manière réaliste, la marque Rockable ne sera guère utilisée par la plupart des designers, contrairement à la marque Webex. Cependant, cela vaut toujours la peine de créer un mini-style guide. Par exemple, s'il s'agissait d'un travail pour un client, je livrerais mon mini-guide de style à la fin du travail, au cas où ils cesseraient d'utiliser mes services et recruteraient un concepteur différent. Ils pourraient alors simplement remettre le fichier PDF au gars suivant pour reprendre là où je l'avais laissé.
Que devrions-nous mettre dans notre mini-style guide? Ayons:
Vous pouvez le faire comme bon vous semble. Tout ce que je fis, c’était créer un nouveau document A4 Illustrator, puis enregistrer cinq versions consécutives contenant chacune une page d’éléments différente, puis les enregistrer chacune au format PDF et les assembler dans Acrobat à l’aide de la fonction Insérer une page. Cela a pris environ dix minutes (et c'est un peu rude). Voici à quoi ressemble mon produit fini:
Voir mon guide de style Rockable Press PDF!
La bonne chose à propos d’un guide de style est qu’il donne l'impression d'être quelque chose de solide à offrir à un client. Particulièrement si vous avez conçu un logo avec mot-symbole, vous pouvez parfois avoir l'impression que vous livrez quelque chose de très simple..
Ce post est la 11ème journée de notre session de graphisme. Sessions créatives "Session Day 10Session Day 12"
Accentsconagua