Blog inspirant depuis 2008

6 astuces pour utiliser une trame dans un design de logo

Les trames destinĂ©es Ă  la crĂ©ation ainsi que les guides de construction peuvent devenir des outils puissants pour Ă©laborer un design de logo. Utiliser un grid, ou trame, pour Ă©laborer un logo est une technique de design qui n’est pas forcĂ©ment essentielle Ă  la crĂ©ation de tout objet design, mais qui peut, lorsqu’elle est utilisĂ©e correctement, transformer l’identitĂ© visuelle de votre sociĂ©tĂ©. Niall O’Loughlin de 99designs partage ici quelques astuces, ainsi que les choses Ă  faire et Ă  ne pas faire, pour une meilleure prise en main de l’outil grid (trame).

Sources: Creativebloq et 99designs

1. Utiliser un système de grid qui fait sens ainsi que des formes géométriques

JM copy

Voici un très exemple de l’utilisation d’un système de grid, qui a transformĂ© un simple design de logo en vĂ©ritable succès. C’est la compagnie Sagmeister & Walsh’s Identity qui a créé le design du Jewish Museum Ă  New York. S&W a entièrement reconçue l’identitĂ© de cette marque en utilisant une trame basĂ©e sur le symbole de l’Ă©toile de David, tout en parvenant Ă  crĂ©er une identitĂ© visuelle impressionnante. En utilisant un guide de construction, leur design parvient Ă  la fois Ă  Ă©voquer le passĂ© tout en ajoutant un nouveau look moderne et rafraĂ®chissant Ă  la marque du musĂ©e. Pour voir la construction en vidĂ©o, cliquez sur le lien suivant : Jewish Museum Logo
jm

2. Eviter de trop rationaliser son logo avec des trames « mathématiques » ou une géométrie imaginaire

grid2

En crĂ©ant le logo de Yahoo en 2013, Marissa Mayer et son Ă©quipe de designers a utilisĂ© un plan mathĂ©matique comme guide de construction. L’Ă©quipe a Ă©galement land´une vidĂ©o expliquant prĂ©cisĂ©ment leur processus de crĂ©ation du design, et pour montrer les aspects « cols et mathĂ©matiques » de leur design. Concernant le point d’exclamation de la marque, Mayer a expliquĂ© que « en dernière instance, nous avons inclinĂ© le point d’exclamation de neuf degrĂ©s, juste pour ajouter un peu de fantaisie. » Ces explications mathĂ©matiques n’ont pas Ă©tĂ© convaincantes pour tout le monde, et le design a Ă©tĂ© largement critiquĂ©. Beaucoup de designers ont remis en question les qualitĂ©s « mathĂ©matiques » de ce design. Il s’agit ici d’un bon exemple de sur-rationalisation du logo et du fait que la constance mathĂ©matique ne rĂ©sulte pas forcĂ©ment en un meilleur design. Pour voir la vidĂ©o de construction, cliquez sur le lien suivant : Our New Logo!

3. Utiliser une trame comme guide pour créer un logo intemporel

grid3

Lorsque Raymond Loewy a conçu le design du logo de Shell, il a utilisĂ© un guide de construction pour crĂ©er un design iconique qui n’a pas beaucoup changĂ© depuis 1971. Toutes les lignes du logo ne s’alignent pas avec exactitude sur la trame, pourtant la trame est une partie essentielle et intĂ©grale de ce design, plus puissant et reconnaissable que son prĂ©dĂ©cesseur. Le logo de Shell a Ă©voluĂ© au fil du temps mais se calque toujours les mĂŞmes principes fondamentaux du design. Pour en savoir plus sur la conception et le processus d’Ă©laboration du design du logo de Shell, vous pouvez explorer le livre « Design Basics » des auteurs David A. Lauer & Stephen Pentak.

4. Ne pas appliquer des proportions mathĂ©matiques Ă  un logo, lĂ  oĂą elles n’existent pas

grid4

Ce guide de construction très cĂ©lèbre n’a pas servi Ă  crĂ©er le logo d’Apple, mais a Ă©tĂ© utilisĂ© par certains pour expliquer l’attrait intemporel du design. Ce graphique affirme que le logo d’Apple est un bon design car il est composĂ© de cercles parfaits qui suivent la sĂ©quence Fibonacci et le nombre d’or. Pourtant, cette affirmation a Ă©tĂ© largement discrĂ©ditĂ©e par plusieurs mathĂ©maticiens et designers. En effet, si on regarde avec attention, on peut voir que les lignes de la pomme ne sont pas gĂ©omĂ©triques au sens stricte, et les nombres ne s’associent pas au nombre d’or. Il est normal de vouloir justifier un bon design par des lois gĂ©omĂ©triques et des nombres, et il serait merveilleux de pouvoir utiliser un genre de formule magique mathĂ©matique pour crĂ©er des designs de logo parfaits, mais la gĂ©omĂ©trie parfaite n’est pas toujours signe d’esthĂ©tique pour l’oeil humain, et on pourrait justement penser que le succès du logo d’Apple vient justement du fait que celui-ci n’est pas prĂ©cis gĂ©omĂ©triquement.

5. Utiliser des trames et des formes géométriques pour ajouter une symétrie et un effet esthétique au design

99D alap

L’Ă©lĂ©gant design du logo montrĂ© ci-dessus a Ă©tĂ© utilisĂ© selon un guide de construction intelligent, et Ă©tait l’un des finalistes du top 9 du « All Day Ruckoff » Logo Designs Contest de 99designs. Pour crĂ©er son design, le designer Kaelgrafi a utilisĂ© un guide construction permettant de maintenir une symĂ©trie et une relation spatiale cohĂ©rentes entre chaque ligne et chaque courbe.  Des cercles parfaits ont Ă©tĂ© utilisĂ©s pour Ă©laborer les coins de chacune des formes, et le designer a clairement fait un croquis plus raffinĂ© du design Ă  l’avance, qui a Ă©tĂ© peaufinĂ© par un programme d’images vectorielles. Il s’agit lĂ  d’un bon exemple d’utilisation d’un grid et de formes gĂ©omĂ©triques basiques pour crĂ©er un design au look professionnel et convaincant.

6. Commencer tous ses projets de design avec un plan et une trame (sans exception)

bing-logo-design

Le nouveau design de Bing n’est sans doute pas aussi diffĂ©rent que l’on pourrait le penser. Comme on peut le voir dans l’analyse graphique faite ci-dessus, Microsoft s’est assurĂ© d’utiliser un design basĂ© sur mĂŞmes angles et le mĂŞme grid que ses autres produits, afin de garder une cohĂ©rence lors du processus de redesign du logo de Bing.

Conclusion

Apprendre Ă  intĂ©grer votre design de logo Ă  une trame (grid) est cruciale pour assurer un succès visuel durable. La trame est la force invisible qui donne une structure au visible et maintient chacun des Ă©lĂ©ments Ă  sa place. Comme tout ce qui manque de structure ou de fondement, votre design pourrait manquer de cohĂ©rence visuelle et s’avĂ©rer simplement difficile Ă  rĂ©aliser. Choisir un guide de construction au cours du processus de crĂ©ation d’un logo vous permet non seulement de maintenir une signification visuelle mais aussi d’amĂ©liorer votre design en renforçant l’effet de focus.

1 commentaire

  • Toulouse sites internet | 2015/03/10

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Très bon article !

Laisser un commentaire